:root{
  --bg:#0f172a; --card:#020617; --text:#e5e7eb; --muted:#94a3b8;
  --line:#334155; --accent:#60a5fa; --warn:#f59e0b; --danger:#ef4444;
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:900px;margin:auto;padding:16px}
.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-top:16px}
h1{font-size:clamp(22px,4vw,34px);margin:0 0 6px}
h2{margin:22px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}
.muted{color:var(--muted)}
.warning{background:#451a03;border-left:5px solid var(--warn);padding:12px;border-radius:10px;margin-top:14px}
.danger{background:#450a0a;border-left:5px solid var(--danger);padding:12px;border-radius:10px;margin-top:14px}

/* Nav */
.navwrap{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(51,65,85,.7)}
.nav{max-width:900px;margin:auto;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{font-weight:800;letter-spacing:.2px}
.menu{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.menu a{padding:8px 10px;border-radius:10px;border:1px solid rgba(51,65,85,.8);background:rgba(2,6,23,.25)}
.menu a.active{border-color:rgba(96,165,250,.8);background:rgba(96,165,250,.12)}

/* Video */
.heroVideo{margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid rgba(51,65,85,.9)}
.heroVideo video{width:100%;height:auto;display:block}
.small{font-size:.9em}