:root { color-scheme: dark; --ink:#f4f7fb; --muted:#a7b1c4; --line:rgba(255,255,255,.14); --blue:#5f8dff; --cyan:#70e5e0; --night:#0b1020; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; grid-template-rows:1fr auto; font:16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 10%, #1b3560 0, transparent 35rem), radial-gradient(circle at 90% 72%, #123c48 0, transparent 31rem), var(--night); }
main { width:min(1100px, calc(100% - 48px)); margin:auto; padding:82px 0 64px; display:grid; grid-template-columns:1.25fr .9fr; gap:clamp(42px,9vw,130px); align-items:center; }
.eyebrow,.section-label { margin:0 0 22px; color:var(--cyan); font-size:.76rem; letter-spacing:.17em; font-weight:750; }
.eyebrow span { display:inline-block; width:9px; height:9px; margin-right:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 20px var(--cyan); }
h1 { margin:0; max-width:680px; font-size:clamp(3rem,7vw,6.2rem); letter-spacing:-.075em; line-height:.96; }
.lead { max-width:560px; margin:30px 0; color:var(--muted); font-size:1.1rem; }
.status { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(112,229,224,.34); border-radius:99px; color:#d5fffc; background:rgba(10,35,44,.45); font-size:.88rem; }
.status i { width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.panel { padding:clamp(28px,4vw,44px); border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)); box-shadow:0 25px 70px rgba(0,0,0,.25); }
.panel h2 { margin:0 0 16px; font-size:1.65rem; letter-spacing:-.035em; }
.panel p { color:var(--muted); }
nav { margin-top:29px; border-top:1px solid var(--line); }
nav a { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; font-weight:650; }
nav a:hover { color:var(--cyan); } nav b { font-size:1.15rem; }
footer { width:min(1100px, calc(100% - 48px)); margin:auto; padding:23px 0; border-top:1px solid var(--line); color:#8490a6; font-size:.83rem; }
.legal { width:min(820px, calc(100% - 48px)); margin:0 auto; padding:55px 0 80px; }
.legal header { margin-bottom:52px; }.legal h1 { font-size:clamp(2.8rem,6vw,4.8rem); }.legal h2 { margin:43px 0 10px; font-size:1.35rem; }.legal p,.legal li { color:#c2cada; }.legal a { color:var(--cyan); }.back { display:inline-block; margin-bottom:40px; color:var(--cyan); text-decoration:none; font-weight:650; }.updated { color:var(--muted); }
@media (max-width:760px) { main { grid-template-columns:1fr; padding:52px 0; gap:44px; } .lead { font-size:1rem; } }