:root{
  --bg:#030b13;
  --bg2:#071523;
  --panel:rgba(8,21,35,.88);
  --line:#17314a;
  --line2:#244c70;
  --text:#f7fbff;
  --muted:#9eb3c7;
  --blue:#1f8fff;
  --blue2:#006fe8;
  --blue3:#59b3ff;
  --success:#37b7ff;
  --shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top left,#071a2b 0,#030b13 42%,#02070c 100%);
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.bg-glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}
.glow-1{width:420px;height:420px;background:#006fe8;left:-160px;top:120px}
.glow-2{width:420px;height:420px;background:#1f8fff;right:-180px;bottom:0}
.container{width:min(1400px,calc(100% - 40px));margin-inline:auto;position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:32px 0 22px}
.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
.brand-mark{width:52px;height:52px;border:1px solid #2e7eb7;border-radius:15px;display:grid;place-items:center;font-weight:800;letter-spacing:-2px;color:#9bd1ff;background:linear-gradient(145deg,#0e3c65,#071523);box-shadow:inset 0 0 25px rgba(31,143,255,.16)}
.brand strong{display:block;letter-spacing:.13em;font-size:19px}.brand span{display:block;font-size:10px;color:#73aee0;letter-spacing:.35em;margin-top:4px}
.secure-mini{display:flex;align-items:center;gap:10px;color:#dceeff}.secure-mini .shield{width:35px;height:35px;border:1px solid #2d87c9;border-radius:11px;display:grid;place-items:center;color:#54b1ff}.secure-mini strong,.secure-mini small{display:block}.secure-mini strong{font-size:13px}.secure-mini small{font-size:11px;color:var(--muted);margin-top:2px}
.checkout-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:28px;padding:12px 0 40px}
.panel{background:linear-gradient(180deg,rgba(10,27,44,.92),rgba(4,15,25,.94));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.product-panel{padding:38px}.product-top{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.cover{height:292px;border-radius:18px;border:1px solid #1d4d75;padding:22px;background:linear-gradient(160deg,#061526,#082b4d 65%,#05111d);box-shadow:0 20px 45px rgba(0,0,0,.4),inset 0 0 60px rgba(31,143,255,.07);position:relative;overflow:hidden;transform:perspective(900px) rotateY(6deg)}
.cover:after{content:"";position:absolute;inset:-20%;background:linear-gradient(120deg,transparent 35%,rgba(67,167,255,.08) 50%,transparent 65%);transform:rotate(12deg)}
.cover-badge{font-size:10px;color:#8fc7f4;letter-spacing:.15em}.cover-title{font-weight:800;font-size:24px;line-height:1.05;margin-top:50px}.cover-sub{font-size:8px;color:#4da7ee;letter-spacing:.16em;margin-top:12px}.mock-dashboard{position:absolute;left:22px;right:22px;bottom:26px;height:72px;border:1px solid #1d5581;border-radius:10px;background:#06101c;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.mock-dashboard span{display:block;height:5px;border-radius:4px;background:#1e74b3}.mock-dashboard b{display:block;align-self:end;height:30px;border-radius:5px;background:linear-gradient(180deg,#198cf7,#0b4f87)}
.pill{display:inline-flex;padding:7px 10px;border:1px solid #1f5b89;border-radius:999px;background:#082844;color:#65b7f8;font-size:10px;font-weight:700;letter-spacing:.08em}.product-copy h1{font-size:39px;line-height:1.05;margin:14px 0 7px;letter-spacing:-.04em}.byline{font-size:18px;color:#d8eaff;margin:0 0 20px}.lead{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.benefits{list-style:none;margin:36px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:16px}.benefits li{display:flex;align-items:center;gap:13px;color:#e7f3ff;font-size:15px}.benefits li span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#0e69ad;color:white;font-weight:800;font-size:12px;box-shadow:0 0 0 5px rgba(31,143,255,.06)}
.total-row{display:flex;align-items:end;justify-content:space-between;padding:6px 0 28px}.total-row strong,.total-row small{display:block}.total-row strong{font-size:27px}.total-row small{font-size:12px;color:var(--muted);margin-top:8px}.price{font-size:32px;font-weight:800;color:#39a3ff;letter-spacing:-.04em}
.trust-grid{border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.trust-grid div{padding:10px}.trust-grid span{font-size:25px;display:block;margin-bottom:10px}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:13px}.trust-grid small{font-size:11px;line-height:1.45;color:var(--muted);margin-top:6px}
.action-panel{padding:42px}.eyebrow{font-size:10px;color:#59b3ff;letter-spacing:.18em;font-weight:800}.action-head h2{font-size:39px;line-height:1.08;letter-spacing:-.04em;margin:10px 0 10px}.action-head p{color:var(--muted);line-height:1.7;margin:0;max-width:620px}
.order-card{margin-top:30px;border:1px solid var(--line2);border-radius:17px;background:#061321;padding:22px}.order-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-line div strong,.order-line div span{display:block}.order-line div span{font-size:12px;color:var(--muted);margin-top:7px}.divider{height:1px;background:var(--line);margin:18px 0}.total-line span{font-size:13px;color:#b8ccdd}.total-line strong{font-size:22px;color:#5ab5ff}
.payment-box{margin-top:20px;border:1px solid var(--line);border-radius:17px;padding:18px;background:rgba(4,15,25,.7)}.payment-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-icons span{height:48px;border:1px solid #214a6a;border-radius:12px;display:grid;place-items:center;background:#071928;color:#dbeeff;font-weight:600;font-size:13px}.payment-note{font-size:11px;color:#829db5;margin:12px 2px 0;line-height:1.5}
.pay-button{margin-top:22px;min-height:64px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:white;font-weight:800;font-size:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 12px 35px rgba(0,111,232,.28),inset 0 1px rgba(255,255,255,.25);transition:.2s ease}.pay-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,111,232,.36)}.lock{font-size:16px}.microcopy{font-size:11px;color:#7f9ab2;text-align:center;line-height:1.55;margin:13px 16px 0}
.security-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.security-row>div{display:flex;gap:9px;align-items:flex-start;padding:14px;border:1px solid #12314a;border-radius:13px;background:rgba(3,13,22,.55)}.security-row span{font-size:18px}.security-row p{margin:0}.security-row strong,.security-row small{display:block}.security-row strong{font-size:11px}.security-row small{font-size:9px;line-height:1.35;color:#829db5;margin-top:4px}
.support-box{margin-top:20px;padding:18px;border-radius:15px;background:linear-gradient(135deg,rgba(14,69,108,.36),rgba(6,22,36,.6));border:1px solid #1b496c}.support-box strong{font-size:13px}.support-box p{font-size:11px;line-height:1.55;color:#9fb6ca;margin:7px 0 0}
.footer{display:flex;justify-content:space-between;color:#55738d;font-size:11px;padding:0 0 28px}
@media(max-width:1050px){.checkout-grid{grid-template-columns:1fr}.product-panel,.action-panel{padding:30px}}
@media(max-width:680px){.container{width:min(100% - 24px,1400px)}.topbar{padding-top:20px}.secure-mini{display:none}.brand strong{font-size:16px}.brand-mark{width:45px;height:45px}.checkout-grid{gap:16px}.product-panel,.action-panel{padding:22px;border-radius:19px}.product-top{grid-template-columns:1fr;gap:22px}.cover{width:min(100%,260px);height:300px;margin:auto;transform:none}.product-copy h1,.action-head h2{font-size:31px}.lead{font-size:14px}.benefits{gap:13px}.total-row{align-items:flex-start}.total-row strong{font-size:22px}.price{font-size:27px}.trust-grid{grid-template-columns:1fr}.payment-icons,.security-row{grid-template-columns:1fr}.order-line{align-items:flex-start}.pay-button{font-size:14px;padding:0 16px;text-align:center}.footer{flex-direction:column;gap:8px;text-align:center}}