/* ---- CYZOR premium design layer ---- */
:root{
  --a1:#22d3ee; --a2:#0ea5e9; --a3:#6366f1;
  --bg0:#080c17; --bg1:#0d1424; --card:#121a2e; --card2:#16203a;
  --line:#233150; --line2:#2c3d63; --ink:#f2f6fc; --mut:#9fb0cc;
  --r:16px; --shadow:0 20px 50px -20px rgba(0,0,0,.7); --glow:0 14px 40px -12px rgba(34,211,238,.55);
}
*{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif !important;
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(34,211,238,.14), transparent 60%),
    radial-gradient(700px 500px at 100% 0%, rgba(99,102,241,.12), transparent 55%),
    linear-gradient(168deg,var(--bg1),var(--bg0)) !important;
  color:var(--ink) !important; letter-spacing:-0.006em;
}
h1{ font-weight:800 !important; letter-spacing:-0.025em !important; line-height:1.1 !important; }
.lead{ color:var(--mut) !important; line-height:1.55 !important; font-size:16.5px !important; }
.box{
  background:linear-gradient(180deg, rgba(22,32,58,.72), rgba(18,26,46,.72)) !important;
  border:1px solid var(--line) !important; border-radius:22px !important;
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.04) !important;
  padding:38px 34px !important; backdrop-filter:blur(6px);
}
.badge{
  background:rgba(34,211,238,.1) !important; color:var(--a1) !important;
  border:1px solid rgba(34,211,238,.28) !important; border-radius:999px !important;
  padding:7px 15px !important; font-size:11.5px !important; font-weight:800 !important;
  letter-spacing:.09em !important; text-transform:uppercase !important;
}
.price{ letter-spacing:-0.03em !important; text-shadow:0 2px 24px rgba(34,211,238,.35); }
.price s{ opacity:.6; }
.perks li{ line-height:1.9 !important; }
.perks li::before{ color:var(--a1) !important; }
.btn{
  background:linear-gradient(135deg,var(--a1),var(--a2) 60%,var(--a3)) !important;
  color:#04121b !important; border:none !important; border-radius:14px !important;
  font-weight:800 !important; letter-spacing:-0.01em !important;
  box-shadow:var(--glow) !important; transition:transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
}
.btn:hover{ transform:translateY(-2px) !important; box-shadow:0 20px 52px -12px rgba(34,211,238,.7) !important; filter:brightness(1.05); }
.btn:active{ transform:translateY(0) !important; }
.btn:focus-visible{ outline:3px solid rgba(34,211,238,.5); outline-offset:2px; }
input{
  background:rgba(8,12,23,.6) !important; border:1px solid var(--line) !important;
  border-radius:13px !important; transition:border-color .14s ease, box-shadow .14s ease !important;
}
input::placeholder{ color:#6d7f9d; }
input:focus{ outline:none !important; border-color:var(--a1) !important; box-shadow:0 0 0 4px rgba(34,211,238,.16) !important; }
a{ color:var(--a1) !important; text-decoration:none; transition:color .12s ease; }
a:hover{ color:#7ee7f7 !important; }
.card{ transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease !important; }
.card:hover{ transform:translateY(-3px) !important; border-color:var(--a2) !important; box-shadow:0 18px 40px -16px rgba(0,0,0,.6) !important; }
.fine{ color:var(--mut) !important; }
/* subtle brand mark injected pages can add: .cyzor-mark */
.cyzor-mark{ display:inline-flex; align-items:center; gap:9px; font-weight:900; font-size:15px; letter-spacing:-0.01em; margin-bottom:22px; }
.cyzor-mark i{ width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--a1),var(--a3));display:inline-block; box-shadow:0 6px 16px -6px rgba(34,211,238,.6); }
@media (max-width:520px){ .box{ padding:28px 20px !important; } h1{ font-size:27px !important; } }