:root{
  --bg:#0b0e13; --ink:#f4f6f9; --muted:#a8b3c7; --card:#131923; --accent:#8bd3ff; --focus:#ffdd57;
  --maxw:1100px; --radius:12px; --shadow:rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none} a:hover{opacity:.9}
header{position:sticky;top:0;background:#0c111b;border-bottom:1px solid #1f2a3a;z-index:10}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{font-weight:700;letter-spacing:.2px;color:var(--ink)}
nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow-x:auto;white-space:nowrap}
nav a{padding:8px 10px;border-radius:8px;color:var(--ink)}
nav a:focus,nav a:hover{outline:3px solid var(--focus);outline-offset:2px}
.container{max-width:var(--maxw);margin:0 auto;padding:22px 16px}
.grid{display:grid;gap:16px}
.two-col{grid-template-columns:2fr 1fr}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 26px var(--shadow);padding:16px}
h1,h2,h3{margin:.4em 0 .3em;line-height:1.25}
.lead{color:var(--muted)}
.notice{background:#1a2435;border-left:4px solid var(--accent);padding:12px;border-radius:10px}
.alert{background:#2a0d0d;border:1px solid #7a2e2e;color:#ffdcdc;padding:10px 12px;border-radius:10px}
/* Form styles */
form .row{display:flex;gap:10px;flex-wrap:wrap}
label{display:block;margin:8px 0 6px}
input,textarea,select{width:100%;background:#0f1522;border:1px solid #2a3a55;border-radius:10px;color:var(--ink);padding:10px 12px}
input::placeholder,textarea::placeholder{color:#72809a}
input[type=submit],button{cursor:pointer;border:none;border-radius:10px;background:var(--accent);color:#00111a;font-weight:600;padding:10px 14px}
small.hint{color:var(--muted)}
footer{border-top:1px solid #223045;margin-top:30px;color:var(--muted)}
footer .grid{grid-template-columns:2fr 1fr 1fr}
/* Video grid */
.videos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.video{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#0f1522;border:1px solid #24324a}
.video iframe{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:900px){.two-col{grid-template-columns:1fr}.videos{grid-template-columns:1fr}}


/* Layout: two-column home with right sidebar */
.home-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.home-main{min-width:0}
.right-sidebar .card{border:1px solid rgba(120,130,150,.35);border-radius:12px;padding:12px}
@media(max-width:900px){ .home-grid{grid-template-columns:1fr} }

/* Hide scrollbars in tabs/menu strip */
header nav, .tabs, .tab-strip{overflow:hidden; scrollbar-width:none;}
header nav::-webkit-scrollbar, .tabs::-webkit-scrollbar, .tab-strip::-webkit-scrollbar{display:none}

/* Footer titles */
.footer-title{color:#fff;margin:.25rem 0 .5rem 0;font-weight:600}
.footer-col{margin:8px 0}
.footer-col ul{margin:0;padding-left:18px}