:root { color-scheme: dark; --bg:#050509; --panel:#0d0d15; --line:rgba(255,255,255,.11); --text:#f4f1eb; --muted:#a6a0ae; --gold:#f4c867; --pink:#f45bb3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 75% 5%,rgba(244,91,179,.13),transparent 28rem),radial-gradient(circle at 15% 25%,rgba(244,200,103,.09),transparent 22rem),var(--bg); color:var(--text); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
main,footer { width:min(1120px,calc(100% - 40px)); margin:auto; }
nav { min-height:76px; display:flex; align-items:center; gap:26px; border-bottom:1px solid var(--line); font-size:13px; }
nav .brand { margin-right:auto; display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:900; letter-spacing:.12em; }
.brand img { width:32px; height:32px; border-radius:9px; }
nav>a:not(.brand) { color:var(--muted); text-decoration:none; }
.hero { min-height:640px; padding:120px 0 96px; max-width:900px; }
.eyebrow { margin:0 0 18px; color:var(--gold); font-size:12px; font-weight:900; letter-spacing:.18em; }
h1,h2,h3,p { text-wrap:pretty; }
h1 { margin:0; font-size:clamp(48px,8vw,102px); line-height:.95; letter-spacing:-.06em; }
h1 em { color:var(--pink); font-style:normal; }
.lead { max-width:680px; margin:34px 0; color:var(--muted); font-size:clamp(18px,2.1vw,25px); }
.actions { display:flex; flex-wrap:wrap; gap:15px; align-items:center; }
.button,.secondary { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:0 22px; border-radius:999px; font-weight:800; text-decoration:none; }
.button { background:var(--gold); color:#171007; }
.secondary { border:1px solid var(--line); }
.notice { max-width:810px; margin-top:34px; padding:18px 20px; border:1px solid rgba(244,200,103,.28); border-radius:16px; background:rgba(244,200,103,.06); color:#d7d0c3; }
.grid,.status { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:70px; padding:100px 0; border-top:1px solid var(--line); }
h2 { margin:0; font-size:clamp(34px,5vw,64px); line-height:1; letter-spacing:-.045em; }
.steps { margin:0; padding:0; list-style:none; }
.steps li { display:grid; grid-template-columns:44px 1fr; gap:18px; padding:25px 0; border-bottom:1px solid var(--line); }
.steps span { color:var(--pink); font-weight:900; }
.steps h3,.cards h3 { margin:0 0 7px; font-size:18px; }
.steps p,.cards p,.status>p { margin:0; color:var(--muted); }
.safety { padding:100px 0; border-top:1px solid var(--line); }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:38px; }
.cards article { min-height:180px; padding:28px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
code { color:var(--gold); }
footer { display:flex; justify-content:space-between; gap:30px; padding:34px 0 54px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
footer p { max-width:680px; margin:0; }
footer div { display:flex; gap:18px; white-space:nowrap; }
@media (max-width:760px) { main,footer { width:min(100% - 28px,1120px); } nav { gap:16px; } .hero { min-height:auto; padding:82px 0 72px; } .grid,.status { grid-template-columns:1fr; gap:36px; padding:72px 0; } .cards { grid-template-columns:1fr; } footer { flex-direction:column; } }