:root { color-scheme: dark; --bg:#08070d; --card:#14121d; --text:#f8f6ff; --soft:#aaa4ba; --purple:#9b8cff; --mint:#79efd2; --pink:#ff6096; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 75% 5%,#382364 0,transparent 34%),radial-gradient(circle at 10% 70%,#143f3c 0,transparent 30%),var(--bg); color:var(--text); font:16px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--mint); }
.shell { width:min(760px,calc(100% - 32px)); margin:0 auto; padding:48px 0 64px; }
.brand { display:flex; align-items:center; color:var(--text); text-decoration:none; }
.brand-mark { width:52px; height:52px; object-fit:contain; filter:drop-shadow(0 8px 24px #9b8cff66); }
.hero-logo { display:block; width:min(100%,620px); height:auto; margin:0 auto 30px; }
.card { margin-top:42px; padding:clamp(24px,6vw,52px); border:1px solid #ffffff17; border-radius:28px; background:#100e18db; box-shadow:0 24px 80px #0008; backdrop-filter:blur(16px); }
.eyebrow { color:var(--purple); text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.15em; }
h1 { margin:8px 0 12px; font-size:clamp(38px,8vw,68px); line-height:.98; letter-spacing:-.065em; }
h2 { margin-top:36px; line-height:1.2; letter-spacing:-.025em; }
p,li { color:var(--soft); }
.lead { font-size:19px; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:50px; margin-top:18px; padding:0 22px; border:0; border-radius:16px; color:#090711; background:var(--mint); text-decoration:none; font-weight:900; cursor:pointer; }
.code { margin-top:18px; padding:14px 16px; border-radius:14px; background:#ffffff09; border:1px solid #ffffff12; color:var(--text); overflow-wrap:anywhere; }
.fine { margin-top:36px; font-size:13px; }
footer { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; color:var(--soft); font-size:14px; }