:root {
--b1:#0a0a0a;
--b2:#111111;
--ac:#cc0000;
--a2:#ff1a1a;
--tx:#e8e8e8;
--mt:#888888;
--bd:#cc0000;
--navbg:#000000;
--cardbg:#0d0d0d;
--r:0px;
--fn:'Impact','Arial Black','Helvetica Neue',sans-serif;
--fn-body:'Courier New','Courier',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--fn-body);background:var(--b1);color:var(--tx);line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

/* ===== NAV ===== */
.h{background:#000;border-bottom:3px solid var(--ac);position:sticky;top:0;z-index:100;padding:0}
.hi{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;justify-content:space-between}
.lgo{font-family:var(--fn);font-size:1.2rem;color:var(--ac);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;padding:12px 0;flex-shrink:0}
.nv{display:flex;gap:0}
.nv a{padding:14px 20px;font-size:.8rem;color:var(--tx);font-family:var(--fn-body);text-transform:uppercase;letter-spacing:1px;border-left:1px solid #222;display:flex;align-items:center}
.nv a:hover,.nv a.act{background:var(--ac);color:#000}

/* ===== HERO ===== */
.hr{border-bottom:3px solid var(--ac);padding:60px 20px 50px;text-align:center;background:linear-gradient(180deg,#000,#0a0a0a);position:relative}
.hr:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ac)}
.hr h1{font-family:var(--fn);font-size:clamp(2rem,5vw,3.2rem);color:var(--ac);text-transform:uppercase;letter-spacing:4px;line-height:1.1;margin-bottom:16px}
.hr p{font-size:.85rem;color:var(--mt);max-width:600px;margin:0 auto 24px;letter-spacing:.5px;line-height:1.6}
.hr .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hr .bp{display:inline-flex;padding:14px 36px;font-family:var(--fn);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--ac);background:#000;color:var(--ac);transition:all .15s}
.hr .bp:hover{background:var(--ac);color:#000}
.hr .bs{display:inline-flex;padding:14px 36px;font-family:var(--fn);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;border:2px solid #333;color:var(--mt)}
.hr .bs:hover{border-color:var(--mt);color:var(--tx)}

/* ===== STATS BAR ===== */
.stb{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:3px solid var(--ac)}
.stb>div{padding:24px 16px;text-align:center;border-right:1px solid #1a1a1a}
.stb>div:last-child{border-right:none}
.stb .sv{font-family:var(--fn);font-size:1.6rem;color:var(--ac);letter-spacing:2px}
.stb .sl{font-size:.7rem;color:var(--mt);margin-top:4px;text-transform:uppercase;letter-spacing:1px}

/* ===== SECTION ===== */
.se{padding:50px 20px;border-bottom:1px solid #1a1a1a;max-width:1100px;margin:0 auto}
.st{margin-bottom:28px}
.st .tag{display:inline-block;font-size:.6rem;color:var(--ac);font-family:var(--fn);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--ac);padding:4px 12px;margin-bottom:10px}
.st h2{font-family:var(--fn);font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;color:var(--tx);margin-bottom:6px}
.st p{font-size:.78rem;color:var(--mt);max-width:500px}

/* ===== GRID ===== */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gc{display:block;border:1px solid #222;padding:20px;transition:all .15s;background:var(--cardbg)}
.gc:hover{border-color:var(--ac);background:#111}
.gc .gt{font-size:.55rem;color:var(--ac);text-transform:uppercase;letter-spacing:2px;font-family:var(--fn);margin-bottom:8px}
.gc h3{font-family:var(--fn-body);font-size:.9rem;font-weight:700;color:var(--tx);margin-bottom:6px;line-height:1.3}
.gc p{font-size:.75rem;color:var(--mt);line-height:1.5}
.gc .gm{display:inline-block;margin-top:10px;font-size:.7rem;color:var(--ac);text-transform:uppercase;letter-spacing:1px;font-family:var(--fn)}

/* ===== TABLE ===== */
.tb{max-width:1100px;margin:0 auto;padding:0 20px}
.tb table{width:100%;border-collapse:collapse;font-size:.82rem}
.tb th{border:1px solid #222;padding:10px 14px;text-align:left;font-family:var(--fn);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--ac);background:#0a0a0a}
.tb td{border:1px solid #222;padding:8px 14px}
.tb tr:hover{background:#0d0d0d}

/* ===== FEATURE STRIP ===== */
.fs{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--ac);border-bottom:3px solid var(--ac)}
.fs>div{padding:36px 24px;border-right:1px solid #1a1a1a}
.fs>div:last-child{border-right:none}
.fs .fi{font-family:var(--fn);font-size:2rem;color:var(--ac);margin-bottom:8px;font-size:1.8rem}
.fs .ftt{font-size:.85rem;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}
.fs .fd{font-size:.75rem;color:var(--mt);line-height:1.4}

/* ===== CTA BANNER ===== */
.cta{background:var(--ac);padding:40px 20px;text-align:center;border-bottom:3px solid var(--ac)}
.cta h2{font-family:var(--fn);font-size:1.6rem;color:#000;text-transform:uppercase;letter-spacing:3px;margin-bottom:8px}
.cta p{font-size:.85rem;color:rgba(0,0,0,0.7);margin-bottom:20px}
.cta .cp{padding:14px 40px;background:#000;color:var(--ac);border:none;cursor:pointer;display:inline-flex;font-family:var(--fn);font-size:.9rem;text-transform:uppercase;letter-spacing:2px}
.cta .cp:hover{background:#111}

/* ===== FOOTER ===== */
.ft{background:#000;padding:30px 20px;text-align:center;border-top:3px solid var(--ac)}
.ft .fl{max-width:1100px;margin:0 auto;display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}
.ft .fl a{font-size:.7rem;color:var(--mt);text-transform:uppercase;letter-spacing:1px}
.ft .fl a:hover{color:var(--ac)}
.ft p{font-size:.65rem;color:#444;letter-spacing:1px}

/* ===== MISC ===== */
.bp,.bs{display:inline-flex;padding:12px 28px;font-family:var(--fn);text-transform:uppercase;letter-spacing:2px;border:2px solid var(--ac);font-size:.85rem}
.bp{background:var(--ac);color:#000}
.bp:hover{background:transparent;color:var(--ac)}
.bs{border-color:#333;color:var(--mt)}
.bs:hover{border-color:var(--ac);color:var(--ac)}
.tac{text-align:center}
.mb{margin-bottom:16px}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
body{font-size:14px}
.hi{padding:0 12px;flex-wrap:wrap}
.nv{overflow-x:auto;white-space:nowrap}
.nv a{padding:12px 14px;font-size:.75rem}
.hr h1{font-size:clamp(1.5rem,6vw,2rem)}
.stb{grid-template-columns:repeat(2,1fr)}
.g3,.g2,.fs{grid-template-columns:1fr}
.fs>div{border-right:none;border-bottom:1px solid #1a1a1a;padding:24px 16px}
.fs>div:last-child{border-bottom:none}
.se{padding:30px 12px}
.cta h2{font-size:1.2rem}
}
@media(max-width:500px){
.stb{grid-template-columns:1fr}
.stb>div{border-right:none;border-bottom:1px solid #1a1a1a}
}

.h{background:#000;border-bottom:3px solid var(--ac);position:sticky;top:0;z-index:100}
.hi{max-width:900px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;justify-content:space-between}
.lgo{font-family:var(--fn);font-size:1.2rem;color:var(--ac);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;padding:12px 0;flex-shrink:0}
.nv{display:flex;gap:0}
.nv a{padding:14px 20px;font-size:.8rem;color:var(--tx);font-family:var(--fn-body);text-transform:uppercase;letter-spacing:1px;border-left:1px solid #222;display:flex;align-items:center}
.nv a:hover,.nv a.act{background:var(--ac);color:#000}
.hd{border-bottom:3px solid var(--ac);padding:50px 20px 24px;max-width:900px;margin:0 auto}
.hd .ct{font-size:.6rem;color:var(--ac);text-transform:uppercase;letter-spacing:3px;font-family:var(--fn)}
.hd h1{font-family:var(--fn);font-size:1.8rem;text-transform:uppercase;letter-spacing:3px;color:var(--tx);margin:6px 0 4px}
.hd p{font-size:.78rem;color:var(--mt)}
.ls{max-width:900px;margin:0 auto;padding:0 20px 30px}
.ls a{display:block;padding:14px 16px;border:1px solid #1a1a1a;margin-bottom:6px;transition:all .15s}
.ls a:hover{border-color:var(--ac);background:#0d0d0d}
.ls .ln{font-size:.6rem;color:var(--ac);font-family:var(--fn);letter-spacing:1px;margin-bottom:2px}
.ls .lt{font-size:.82rem;font-weight:700;margin-bottom:2px}
.ls .ld{font-size:.7rem;color:var(--mt)}
.pg{display:flex;justify-content:center;gap:6px;padding:20px;max-width:900px;margin:0 auto}
.pg a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #222;font-size:.75rem;color:var(--mt);font-family:var(--fn-body)}
.pg a:hover,.pg a.act{border-color:var(--ac);color:var(--ac);background:#0d0d0d}
.ft{background:#000;padding:24px 20px;text-align:center;border-top:3px solid var(--ac)}
.ft p{font-size:.65rem;color:#444;letter-spacing:1px}
@media(max-width:768px){
.hi{padding:0 12px;flex-wrap:wrap}
.nv{overflow-x:auto;white-space:nowrap}
.nv a{padding:12px 14px;font-size:.75rem}
.hd h1{font-size:1.3rem}
.ls a{padding:12px}
}

.h{background:#000;border-bottom:3px solid var(--ac);position:sticky;top:0;z-index:100}
.hi{max-width:800px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;justify-content:space-between}
.lgo{font-family:var(--fn);font-size:1.2rem;color:var(--ac);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;padding:12px 0;flex-shrink:0}
.nv{display:flex;gap:0}
.nv a{padding:14px 20px;font-size:.8rem;color:var(--tx);font-family:var(--fn-body);text-transform:uppercase;letter-spacing:1px;border-left:1px solid #222;display:flex;align-items:center}
.nv a:hover,.nv a.act{background:var(--ac);color:#000}
.aw{max-width:800px;margin:0 auto;padding:30px 20px 50px}
.ab{display:inline-block;padding:6px 16px;border:1px solid #222;color:var(--mt);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-family:var(--fn)}
.ab:hover{border-color:var(--ac);color:var(--ac)}
.ac{border-left:3px solid var(--ac);padding:0 0 0 20px}
.ac h1{font-family:var(--fn);font-size:1.6rem;text-transform:uppercase;letter-spacing:2px;color:var(--tx);margin-bottom:20px;line-height:1.2}
.abd{font-size:.88rem;line-height:1.9;color:#ccc}
.abd p{margin-bottom:16px}
.abd strong{color:var(--ac)}
.abd h2{border-bottom:1px solid #222;font-family:var(--fn);font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;margin:28px 0 14px;padding-bottom:8px;color:var(--ac)}
.abd ul,.abd ol{padding-left:20px;margin-bottom:16px}
.abd li{margin-bottom:6px}
.bb{margin:24px 0;padding:16px;border:2px solid #222;text-align:center}
.bb a{color:var(--ac);font-family:var(--fn);text-transform:uppercase;letter-spacing:1px}
.ft{background:#000;padding:24px 20px;text-align:center;border-top:3px solid var(--ac)}
.ft p{font-size:.65rem;color:#444;letter-spacing:1px}
@media(max-width:768px){
.hi{padding:0 12px;flex-wrap:wrap}
.nv{overflow-x:auto;white-space:nowrap}
.nv a{padding:12px 14px;font-size:.75rem}
.ac{padding:0 0 0 12px}
.ac h1{font-size:1.2rem}
.aw{padding:20px 12px 30px}
}