*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.5}
a{color:#00ffff}
.nav{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:rgba(0,0,0,.85);border-bottom:1px solid #00ffff55}
.nav .logo{font-weight:bold;letter-spacing:.15em;color:#fff;text-decoration:none;text-shadow:0 0 10px #00ffff}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.2rem}
.nav ul a{text-decoration:none;color:#ccc}.nav ul a:hover,.nav ul a[aria-current]{color:#00ffff}
.hero{min-height:90vh;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url('/images/hero.jpg') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:4rem 1rem}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#00ffff,#ff00ff);opacity:.1;animation:glow 2s infinite alternate;pointer-events:none}
@keyframes glow{to{opacity:.3}}
.hero>*{position:relative}
.hero h1{font-size:4rem;text-shadow:0 0 20px #00ffff;margin-bottom:1rem}
.hero p{font-size:1.4rem;margin-bottom:2rem;opacity:.9;max-width:44rem}
.btn{display:inline-block;background:#00ffff;color:#000;padding:1rem 2rem;text-decoration:none;font-weight:bold;transition:all .3s;box-shadow:0 0 10px #00ffff}
.btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff}
.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}
.band{background:#111}
h2{text-align:center;font-size:2.6rem;margin-bottom:2.5rem;text-shadow:0 0 10px #ff00ff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}
.feature{text-align:center;padding:2rem;background:#222;border:1px solid #333;transition:all .3s}
.feature:hover{border-color:#00ffff;box-shadow:0 0 15px #00ffff;transform:translateY(-6px)}
.feature .ico{font-size:2.6rem;color:#00ffff;margin-bottom:1rem;display:block}
.feature h3{margin-bottom:.6rem}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:#111;min-width:560px}
th,td{padding:1rem;text-align:left;border-bottom:1px solid #333}
th{background:#222;color:#00ffff}tr:hover{background:#1a1a1a}
.note{text-align:center;margin-top:1.5rem;opacity:.8;font-size:.9rem}
.sources{margin-top:1rem;font-size:.85rem;opacity:.8}.sources li{margin-left:1.2rem}
.disclosure{font-size:.8rem;opacity:.75;margin-top:.8rem;max-width:40rem;margin-left:auto;margin-right:auto}
footer{background:#000;text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
footer .small{font-size:.8rem;opacity:.65;max-width:46rem}
.disclaimer{border:1px solid #ff00ff66;padding:.8rem 1rem;font-size:.85rem;max-width:46rem}
.page{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5rem 1.5rem}
.page h1{font-size:3rem;text-shadow:0 0 20px #00ffff;margin-bottom:1rem}
.prose{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.prose h1{text-shadow:0 0 15px #00ffff;margin-bottom:1rem}.prose h2{text-align:left;font-size:1.5rem;margin:2rem 0 .6rem}.prose p,.prose li{margin-bottom:.7rem;opacity:.9}.prose ul{margin-left:1.3rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}h2{font-size:2rem}.section{padding:3rem 1rem}}
.gap{margin:1.5rem 0}