:root { color-scheme: light dark; --bg:#0b1020; --card:#11182b; --text:#edf2ff; --muted:#a8b3cf; --accent:#8bb4ff; --border:rgba(255,255,255,.1); }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at top left,#18294e 0,var(--bg) 45%); color:var(--text); line-height:1.65; }
.wrap { width:min(860px,calc(100% - 32px)); margin:64px auto; }
.card { background:rgba(17,24,43,.92); border:1px solid var(--border); border-radius:20px; padding:30px; margin-bottom:20px; box-shadow:0 18px 50px rgba(0,0,0,.25); }
.hero { padding:42px 34px; }
h1 { font-size:clamp(2rem,5vw,3.3rem); line-height:1.05; margin:12px 0 18px; }
h2 { margin-top:28px; font-size:1.25rem; }
.lead { font-size:1.18rem; color:#d7e3ff; }
.badge { display:inline-block; padding:5px 10px; border-radius:999px; background:rgba(139,180,255,.12); color:var(--accent); font-size:.85rem; font-weight:700; letter-spacing:.02em; }
a { color:var(--accent); }
.button { display:inline-block; text-decoration:none; padding:10px 16px; border:1px solid rgba(139,180,255,.35); border-radius:10px; background:rgba(139,180,255,.1); font-weight:700; }
.actions { margin-top:24px; }
.muted { color:var(--muted); font-size:.92rem; }
li + li { margin-top:6px; }
@media (prefers-color-scheme: light) {
  :root { --bg:#f3f6fb; --card:#fff; --text:#172033; --muted:#5e6b83; --accent:#295fa8; --border:#dfe6f0; }
  body { background:linear-gradient(135deg,#f6f9ff,#eef3f9); }
  .lead { color:#334765; }
}