/* SAFE32 - Investment cards visual layer
   Extracted visual direction from reference ZIP only: glass panel, gold glow, dark financial surface.
   No JS, no HTML structure, no business logic copied. */
.plans-page{
  --safe32-bg1:#04060f;
  --safe32-bg2:#060916;
  --safe32-card:rgba(255,255,255,.10);
  --safe32-card-solid:#080c1e;
  --safe32-border:rgba(120,160,255,.13);
  --safe32-border-gold:rgba(212,175,55,.40);
  --safe32-gold:#d4af37;
  --safe32-gold-2:#f0d060;
  --safe32-blue:#60a5fa;
  --safe32-text:#eef2ff;
  --safe32-muted:#93c5fd;
  background:
    radial-gradient(58% 36% at 50% 0%,rgba(212,175,55,.10),transparent 72%),
    radial-gradient(42% 34% at 8% 12%,rgba(96,165,250,.10),transparent 72%),
    linear-gradient(175deg,var(--safe32-bg1),var(--safe32-bg2));
  border-radius:24px;
}
.plans-page .packages-grid{
  gap:16px!important;
  align-items:stretch;
}
.plans-page .package-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:330px!important;
  border-radius:28px!important;
  padding:18px!important;
  background:
    radial-gradient(82% 68% at 22% 0%,rgba(212,175,55,.13),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(8,12,30,.88) 42%,rgba(4,6,15,.96))!important;
  border:1px solid var(--safe32-border)!important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.plans-page .package-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(45% 38% at 100% 0%,rgba(96,165,250,.13),transparent 70%);
  opacity:.72;
  pointer-events:none;
}
.plans-page .package-card:after{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--safe32-gold),var(--safe32-gold-2),transparent);
  box-shadow:0 0 18px rgba(212,175,55,.40);
  opacity:.9;
}
.plans-page .package-card:hover{
  transform:translateY(-6px);
  border-color:var(--safe32-border-gold)!important;
  box-shadow:
    0 0 0 1px rgba(212,175,55,.28),
    0 28px 72px rgba(0,0,0,.55),
    0 0 48px rgba(212,175,55,.12),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  filter:saturate(1.08);
}
.plans-page .package-card .plan-head{
  align-items:flex-start!important;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.plans-page .package-card h3{
  color:var(--safe32-text)!important;
  font-weight:950!important;
  letter-spacing:-.02em;
  font-size:17px!important;
}
.plans-page .package-card .country{
  margin-top:5px;
  color:rgba(199,217,255,.80)!important;
  font-weight:900!important;
}
.plans-page .package-card .badge{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.36),transparent 36%),
    linear-gradient(135deg,var(--safe32-gold),var(--safe32-gold-2))!important;
  color:#06101e!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 10px 26px rgba(212,175,55,.24),0 0 16px rgba(212,175,55,.18)!important;
}
.plans-page .package-card .capital,
.plans-page .package-card .meta div,
.plans-page .plan-amount-box{
  background:rgba(255,255,255,.072)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.plans-page .package-card .capital{
  min-height:76px!important;
  padding:13px!important;
  border-radius:18px!important;
  color:#dbeafe!important;
}
.plans-page .package-card .capital b{
  color:#f8d85e!important;
  font-size:12px!important;
  letter-spacing:.01em;
  margin-bottom:5px!important;
}
.plans-page .package-card .profit{
  position:relative;
  overflow:hidden;
  border-radius:20px!important;
  padding:13px 10px!important;
  background:
    radial-gradient(90% 130% at 50% 0%,rgba(52,211,153,.22),transparent 62%),
    linear-gradient(135deg,rgba(16,185,129,.13),rgba(8,47,73,.17))!important;
  border:1px solid rgba(52,211,153,.28)!important;
  color:#86efac!important;
  font-size:21px!important;
  line-height:1.25!important;
  text-shadow:0 0 18px rgba(34,197,94,.18);
}
.plans-page .package-card .profit small{
  color:#c7f9d4!important;
  font-weight:900!important;
}
.plans-page .package-card .desc{
  color:rgba(219,234,254,.86)!important;
  font-weight:650;
}
.plans-page .package-card .meta{
  gap:10px!important;
}
.plans-page .package-card .meta div{
  border-radius:16px!important;
  padding:10px 7px!important;
  color:rgba(147,197,253,.86)!important;
  font-weight:800!important;
}
.plans-page .package-card .meta b{
  color:#eef2ff!important;
  margin-top:3px;
}
.plans-page .plan-amount-box{
  border-radius:20px!important;
  padding:13px!important;
  gap:8px!important;
}
.plans-page .plan-amount-box label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#eef2ff!important;
  font-size:12.5px!important;
}
.plans-page .plan-amount-box label:after{
  content:"إلزامي";
  color:#06101e;
  background:linear-gradient(135deg,var(--safe32-gold),var(--safe32-gold-2));
  border-radius:999px;
  padding:3px 8px;
  font-size:10px;
  font-weight:950;
}
.plans-page .plan-amount-box input.plan-amount-input{
  height:48px!important;
  border-radius:16px!important;
  background:rgba(2,6,23,.54)!important;
  border:1px solid rgba(212,175,55,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(212,175,55,.035)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.02em;
}
.plans-page .plan-amount-box input.plan-amount-input:focus{
  outline:none!important;
  border-color:rgba(240,208,96,.72)!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.14),0 0 22px rgba(212,175,55,.13)!important;
}
.plans-page .plan-amount-box small{
  color:rgba(199,217,255,.84)!important;
  font-weight:750;
}
.plans-page .plan-amount-box em{
  color:#a7f3d0!important;
  font-weight:850;
}
.plans-page .plan-amount-box em b{
  color:#fef08a!important;
}
.plans-page .plan-cta{
  min-height:48px!important;
  border-radius:17px!important;
  background:
    radial-gradient(70% 120% at 50% 0%,rgba(255,255,255,.35),transparent 55%),
    linear-gradient(135deg,var(--safe32-gold),var(--safe32-gold-2))!important;
  color:#06101e!important;
  box-shadow:0 13px 30px rgba(212,175,55,.22),0 0 0 1px rgba(255,255,255,.10) inset!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.plans-page .plan-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(212,175,55,.30),0 0 32px rgba(212,175,55,.14)!important;
  filter:saturate(1.08) brightness(1.02);
}
.plans-page .package-card.normal{border-color:rgba(96,165,250,.22)!important}
.plans-page .package-card.premium{border-color:rgba(168,85,247,.24)!important}
.plans-page .package-card.gold{border-color:rgba(240,208,96,.34)!important}
.plans-page .package-card.vip{border-color:rgba(244,114,182,.28)!important}
.plans-page .package-card.normal .badge{background:linear-gradient(135deg,#60a5fa,#dbeafe)!important}
.plans-page .package-card.premium .badge{background:linear-gradient(135deg,#8b5cf6,#f0abfc)!important}
.plans-page .package-card.gold .badge{background:linear-gradient(135deg,#d4af37,#fef08a)!important}
.plans-page .package-card.vip .badge{background:linear-gradient(135deg,#f472b6,#f0d060)!important}
.plans-page .usdt-section .package-card{
  background:
    radial-gradient(80% 72% at 18% 0%,rgba(212,175,55,.15),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(8,16,32,.92) 48%,rgba(4,6,15,.97))!important;
}
html[data-theme="light"] .plans-page{
  --safe32-text:#07101e;
  --safe32-muted:#1e40af;
  background:linear-gradient(175deg,#dde6f5,#ccd8f0)!important;
}
html[data-theme="light"] .plans-page .package-card{
  background:
    radial-gradient(80% 70% at 18% 0%,rgba(212,175,55,.16),transparent 60%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,247,255,.90))!important;
  border-color:rgba(0,30,80,.16)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html[data-theme="light"] .plans-page .package-card h3,
html[data-theme="light"] .plans-page .package-card .meta b,
html[data-theme="light"] .plans-page .plan-amount-box label{color:#07101e!important}
html[data-theme="light"] .plans-page .package-card .country,
html[data-theme="light"] .plans-page .package-card .capital,
html[data-theme="light"] .plans-page .package-card .desc,
html[data-theme="light"] .plans-page .plan-amount-box small{color:#334155!important}
html[data-theme="light"] .plans-page .package-card .capital,
html[data-theme="light"] .plans-page .package-card .meta div,
html[data-theme="light"] .plans-page .plan-amount-box{background:rgba(255,255,255,.74)!important;border-color:rgba(0,30,80,.13)!important}
html[data-theme="light"] .plans-page .plan-amount-box input.plan-amount-input{background:#fff!important;color:#07101e!important}
@media(max-width:620px){
  .plans-page .package-card{border-radius:23px!important;padding:15px!important;min-height:auto!important}
  .plans-page .package-card h3{font-size:16px!important}
  .plans-page .package-card .profit{font-size:19px!important}
}