*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0d0d0d;--surface:#1a1a1a;--border:#2a2a2a;--accent:#f5a623;--text:#f5f5f0;--muted:#888;--red:#da291c;--orange:#ed8b00;--blue:#003da5;--green:#00843d;--good:#4caf50;--bad:#e05252}
html,body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}
a{color:inherit}
nav{display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:64px;background:rgba(0,0,0,0.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:var(--text);}
.logo span{color:var(--accent);}
.nav-links{display:flex;gap:2rem;list-style:none;}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.9rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.6);text-decoration:none;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.g-hero{padding:3rem 3rem 2rem;background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);border-bottom:1px solid var(--border);}
.g-tag{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.75rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem;}
.g-tag a{text-decoration:none;}
.g-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.4rem,7vw,4.5rem);text-transform:uppercase;line-height:0.9;margin-bottom:0.75rem;}
.g-title span{color:var(--accent);}
.g-desc{color:var(--muted);font-size:0.95rem;line-height:1.6;max-width:560px;}
.g-main{flex:1;padding:2rem 3rem 3rem;width:100%;max-width:1100px;margin:0 auto;}
.btn{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.8rem 1.6rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#000;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity 0.15s;touch-action:manipulation;}
.btn:hover{opacity:0.85;}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--border);}
.stats{display:flex;gap:0.6rem;flex-wrap:wrap;margin-bottom:1rem;}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:0.5rem 0.9rem;min-width:84px;}
.stat b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.5rem;color:var(--accent);line-height:1;}
.stat small{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,0.78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.9rem;text-align:center;padding:1.5rem;z-index:5;}
.overlay h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2rem,6vw,3rem);text-transform:uppercase;line-height:1;}
.overlay h2 span{color:var(--accent);}
.overlay p{color:#ccc;max-width:420px;line-height:1.5;}
.hide{display:none !important;}
.help{color:var(--muted);font-size:0.85rem;margin-top:0.9rem;line-height:1.5;}
footer{background:#111;border-top:1px solid var(--border);padding:1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
footer p{font-size:0.75rem;color:var(--muted);}
@media(max-width:768px){nav{padding:0 1rem;}.nav-links{display:none;}.g-hero{padding:2rem 1rem 1.5rem;}.g-main{padding:1.25rem 1rem 2rem;}footer{padding:1.25rem 1rem;}}