:root { color-scheme: dark; --bg:#08100e; --panel:#0e1916; --line:#244138; --ink:#f2f7f4; --muted:#9bb0a9; --accent:#75e0b4; --accent2:#c8ff78; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 70% 15%,#183b2e 0,transparent 32%),linear-gradient(145deg,#07100d,#0a1412 58%,#101a14); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:38px 0 60px; }
.brand { display:flex; align-items:center; gap:14px; border-bottom:1px solid var(--line); padding-bottom:24px; }
.mark { width:46px; height:46px; display:grid; place-items:center; border:1px solid var(--accent); color:var(--accent); border-radius:13px; font-weight:750; }
.brand h1,.brand p { margin:0; }.brand h1 { font-size:22px; }.eyebrow { color:var(--accent); letter-spacing:.16em; font-size:11px; font-weight:750; }
.status { margin-left:auto; color:var(--muted); font-size:13px; }.status.ok { color:var(--accent2); }
.verification { margin:32px 0 0; padding:30px; border:1px solid var(--line); border-radius:18px; background:#0c1714e8; }
.verification h2 { margin:8px 0 10px; }.verification p:last-of-type { color:var(--muted); margin-bottom:20px; }
.verification a { color:var(--accent2); font-weight:650; }.verification.success { border-color:#75e0b477; }.verification.error { border-color:#ff8f7a88; }
.verification form { display:grid; gap:10px; max-width:520px; }.verification label { color:var(--muted); font-size:13px; margin-top:4px; }
.verification input { width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:#07100d; color:var(--ink); font:inherit; }
.verification button { justify-self:start; margin:8px 0 16px; border:0; border-radius:10px; padding:12px 18px; background:var(--accent); color:#082016; font:inherit; font-weight:750; cursor:pointer; }
.verification button:disabled { opacity:.6; cursor:wait; }
.hero { min-height:460px; display:grid; grid-template-columns:1.35fr .65fr; align-items:center; gap:60px; border-bottom:1px solid var(--line); }
.kicker { color:var(--accent2); font-weight:650; }.hero h2 { font-size:clamp(42px,6vw,78px); line-height:.98; letter-spacing:-.055em; max-width:850px; margin:18px 0 24px; }
.lead { max-width:660px; color:var(--muted); line-height:1.65; font-size:18px; }
.vault-visual { width:min(320px,75vw); aspect-ratio:1; position:relative; display:grid; place-items:center; margin:auto; }
.orbit { position:absolute; inset:10%; border:1px solid #4a7a67; border-radius:42% 58% 63% 37%; animation:spin 18s linear infinite; }.orbit-two { inset:22%; border-color:#75e0b477; animation-direction:reverse; animation-duration:12s; }
.vault-core { width:120px; height:120px; display:grid; place-content:center; text-align:center; border-radius:28px; background:linear-gradient(145deg,#a9ffc9,#78dcaa); color:#082016; box-shadow:0 0 70px #75e0b438; transform:rotate(-5deg); }
.vault-core span { font-size:38px; font-weight:800; line-height:1; }.vault-core small { font-size:10px; letter-spacing:.12em; margin-top:6px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin:50px 0; }
.grid article { background:var(--panel); padding:30px; min-height:210px; }.grid span { color:var(--accent); font-family:ui-monospace,monospace; }.grid h3 { margin:38px 0 12px; font-size:20px; }.grid p,.access p { color:var(--muted); line-height:1.55; }
.access { display:flex; justify-content:space-between; gap:40px; align-items:end; padding:34px; border:1px solid var(--line); border-radius:18px; background:#0c1714cc; }.access h2 { margin:8px 0 0; }.access>p { max-width:500px; margin:0; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:760px) { .shell{width:min(100% - 24px,1180px);padding-top:18px}.hero{grid-template-columns:1fr;padding:64px 0;gap:30px}.vault-visual{width:230px}.grid{grid-template-columns:1fr}.access{align-items:start;flex-direction:column}.status{font-size:0}.status::after{content:"●";font-size:16px} }
@media (prefers-reduced-motion:reduce) { .orbit{animation:none} }