:root{--bg:#070a14;--panel:#0a0f1f;--fg:#e9ecff;--muted:#a7b6dd;--link:#8ec5ff;--border:#ffffff16;--accent:#3a7bff;--accent-2:#00eaff;--danger:#ff6a6a}
*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;text-size-adjust:100%}
body{margin:0;background:linear-gradient(180deg,#060a16,var(--panel) 60%);color:var(--fg);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:clamp(1.6rem,2.6vw+1rem,2.25rem)}h2{font-size:clamp(1.25rem,1.2vw+1rem,1.5rem)}h3{font-size:1.1rem}
p{margin:.5rem 0 1rem}.muted{color:var(--muted)}.accent{color:var(--accent)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}.section{padding:2.25rem 0}
.btn{display:inline-block;padding:.5rem .85rem;border:1px solid var(--border);border-radius:.6rem;background:#0b1326;color:var(--fg);text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}.btn.primary{background:#1e3a8a;border-color:#274690;color:#fff}.btn.ghost{background:transparent}.btn[disabled]{opacity:.6;pointer-events:none}
.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid var(--border);border-radius:12px;padding:1rem}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:rgba(10,15,31,.7);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}
.logo{display:flex;align-items:center;gap:.6rem;color:var(--fg);text-decoration:none;font-weight:700}.logo img{filter:drop-shadow(0 2px 12px rgba(0,0,0,.35))}
.site-nav{display:flex;align-items:center;gap:1rem}.site-nav .nav-toggle{display:none;appearance:none;background:#0b1326;border:1px solid var(--border);color:var(--fg);border-radius:.5rem;padding:.35rem .55rem;font-size:1rem}
.site-nav ul{list-style:none;display:flex;gap:.75rem;margin:0;padding:0}.site-nav a{display:inline-block;padding:.45rem .6rem;border-radius:.5rem}
.site-nav a[aria-current="page"],.site-nav a:hover{background:rgba(255,255,255,.06)}
@media (max-width:880px){.site-nav{align-items:flex-start}.site-nav .nav-toggle{display:block}.site-nav .nav-toggle+ul{display:none;flex-direction:column;gap:.25rem;border:1px solid var(--border);border-radius:.6rem;padding:.5rem;background:var(--panel)}.site-nav .nav-toggle+ul.open{display:flex}}
.site-footer{border-top:1px solid var(--border);background:rgba(10,15,31,.7)}.site-footer .container{padding:1rem}
#home .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;align-items:center;padding:2.25rem 0}.hero-copy .lead{color:var(--muted);font-size:1.05rem}.hero .cta-row{display:flex;gap:.6rem;margin-top:.6rem}.hero-art{justify-self:end}
@media (max-width:900px){#home .hero{grid-template-columns:1fr}.hero-art{order:-1;justify-self:center}}
.table,table{width:100%;border-collapse:collapse}.table th,.table td,table th,table td{padding:.6rem .7rem;border-bottom:1px solid var(--border);text-align:left}.table tr:last-child td,table tr:last-child td{border-bottom:none}
.contact-form{max-width:680px}.contact-form .row{display:grid;grid-template-columns:140px 1fr;gap:.6rem;align-items:center;margin:.6rem 0}.contact-form label{color:#cfe2ff}
.contact-form input,.contact-form textarea{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:.5rem;background:#0b1326;color:#e9ecff}
@media (max-width:640px){.contact-form .row{grid-template-columns:1fr}}.center{text-align:center}.right{text-align:right}.badge{display:inline-block;border:1px solid var(--border);border-radius:.5rem;padding:.2rem .5rem;background:#0b1326}
.progress{width:100%;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#0b1326}.progress .bar{height:10px;background:linear-gradient(90deg,rgba(58,123,255,.9),rgba(0,234,255,.9));box-shadow:0 0 16px rgba(0,234,255,.28) inset}
:focus{outline:2px solid var(--accent-2);outline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.player{aspect-ratio:16/9}.chat{height:600px}@media (max-width:900px){.chat{height:420px}}