:root { color-scheme: dark; --navy:#183a53; --blue:#3cb4e7; --turquoise:#00b6be; --ivory:#fee7dc; --bg:#071b29; --panel:#102b3d; --text:#f8fbfd; --muted:#b8cbd6; --line:rgba(184,203,214,.2); --max:1060px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 85% -10%,rgba(0,182,190,.17),transparent 38%),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:var(--blue); }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(7,27,41,.92); backdrop-filter:blur(14px); }
.nav { width:min(var(--max),calc(100% - 32px)); margin:auto; min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; font-weight:800; letter-spacing:-.02em; }
.mark { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,var(--blue),var(--turquoise)); color:#062033; font-weight:900; }
.nav-links { display:flex; flex-wrap:wrap; gap:18px; } .nav-links a { color:var(--muted); text-decoration:none; font-size:.93rem; } .nav-links a:hover,.nav-links a:focus { color:var(--text); }
main { width:min(var(--max),calc(100% - 32px)); margin:auto; }
.hero { padding:96px 0 72px; display:grid; grid-template-columns:1.3fr .7fr; gap:46px; align-items:center; }
.eyebrow { color:var(--turquoise); text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:800; }
h1 { margin:10px 0 18px; font-size:clamp(2.55rem,7vw,5.5rem); line-height:.98; letter-spacing:-.06em; }
h2 { margin:0 0 14px; font-size:clamp(1.55rem,4vw,2.4rem); letter-spacing:-.035em; } h3 { margin:26px 0 8px; font-size:1.08rem; }
p,li { color:var(--muted); } .lead { max-width:690px; font-size:1.16rem; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:14px; background:linear-gradient(135deg,var(--blue),var(--turquoise)); color:#062033; text-decoration:none; font-weight:800; }
.button.secondary { color:var(--text); background:transparent; border:1px solid var(--line); }
.status-card,.card,.legal { border:1px solid var(--line); background:linear-gradient(145deg,rgba(21,54,74,.95),rgba(12,38,55,.95)); box-shadow:0 26px 70px rgba(0,0,0,.22); }
.status-card { border-radius:28px; padding:28px; } .status-pill { display:inline-flex; gap:9px; align-items:center; color:#8ff1ca; font-weight:700; }
.dot { width:9px; height:9px; border-radius:50%; background:#42d98e; box-shadow:0 0 0 6px rgba(66,217,142,.12); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:90px; } .card { border-radius:22px; padding:24px; } .card p { margin-bottom:0; }
.page-head { padding:72px 0 32px; } .page-head h1 { max-width:860px; font-size:clamp(2.4rem,6vw,4.5rem); }
.legal { max-width:860px; margin:0 0 72px; border-radius:24px; padding:clamp(24px,5vw,54px); } .legal h2 { margin-top:38px; font-size:1.45rem; } .legal h2:first-child { margin-top:0; } .legal strong { color:var(--text); }
.notice { border-left:4px solid var(--turquoise); background:rgba(0,182,190,.08); padding:16px 18px; border-radius:0 12px 12px 0; }
footer { border-top:1px solid var(--line); } .footer-inner { width:min(var(--max),calc(100% - 32px)); margin:auto; padding:30px 0 42px; display:flex; justify-content:center; text-align:center; }
@media (max-width:760px) { .hero { grid-template-columns:1fr; padding-top:64px; } .grid { grid-template-columns:1fr; } .nav { align-items:flex-start; padding:16px 0; flex-direction:column; } .nav-links { gap:12px; } }