:root{
  --space:#0a0e1a;
  --panel:#0d1224;
  --neon:#22d3ee; /* cyan */
  --neon2:#e879f9; /* magenta */
  --muted:#9ca3af;
}
.bg-space{background:radial-gradient(1200px 600px at 70% -10%, rgba(34,211,238,.12), transparent 50%), radial-gradient(900px 500px at -20% 10%, rgba(232,121,249,.12), transparent 50%), var(--space)}
.text-neon{color:var(--neon)}
.link-neon{color:var(--neon);text-decoration:none}
.link-neon:hover{color:#a5f3fc}
.border-neon{border-color:rgba(34,211,238,.35)!important}
.border-neon-weak{border-color:rgba(34,211,238,.15)!important}
.btn-neon{background:linear-gradient(90deg, var(--neon), var(--neon2));border:0;color:#001217;font-weight:800;border-radius:999px;padding:.6rem 1rem;box-shadow:0 0 30px rgba(34,211,238,.25)}
.btn-neon:hover{filter:brightness(1.1)}
.glass{background:rgba(14,18,38,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:14px}
.card.glow, .card-hover:hover{box-shadow:0 10px 30px rgba(34,211,238,.15), inset 0 0 0 1px rgba(34,211,238,.06);transform:translateY(-4px);transition:.25s}
.badge-neon{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);color:#cffafe}
.dir-filter .form-control, .dir-filter .form-select{background:#0c1122;border-color:rgba(255,255,255,.1);color:#e5e7eb}
.dir-filter .form-control::placeholder{color:#6b7280}
.post-body img{border-radius:12px;margin:10px 0}
.hero-strap{color:#cbd5e1}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#67e8f9}
h1,h2,h3,h4{letter-spacing:.02em}
.smallcaps{font-variant:small-caps}
.neon-divider{height:2px;background:linear-gradient(90deg,transparent, var(--neon), var(--neon2), transparent);opacity:.7}