:root{
  --primary:#00f0ff; --bg:#0a0a0a; --text:#fff; --muted:#9aa0a6; --glass:rgba(255,255,255,.06);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Exo 2",sans-serif}
.page-hero{
  text-align:center; padding:72px 16px 36px;
  background: radial-gradient(80% 60% at 50% 20%, rgba(0,240,255,.08), transparent 60%);
}
.page-hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.8rem,4.5vw,2.6rem);margin:0 0 8px}
.page-hero p{margin:0;color:var(--muted)}
.container{max-width:1100px;margin:24px auto 80px;padding:0 16px}
.glass{
  background:var(--glass); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.1); border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.35), inset 0 0 10px rgba(0,240,255,.08);
}
.card{padding:18px;border-radius:16px}
.grid{display:grid;gap:16px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}
.btn-primary{
  display:inline-block;padding:10px 16px;border-radius:10px;background:var(--primary);color:#091013;text-decoration:none;font-weight:700
}
.meta{color:var(--muted);font-size:.92rem}
.tagset{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tag{font-size:.8rem;color:#091013;background:var(--primary);padding:4px 8px;border-radius:999px}
.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}
.table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.table th{color:#cfe;text-align:left}
.notice{padding:14px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;color:#dfe6ec}
.center{text-align:center}
footer.page-footer{color:#9aa0a6;text-align:center;padding:28px 16px}