:root{
  --bg:#0b1220; --panel:#0f172a; --muted:#94a3b8; --text:#e2e8f0;
  --primary:#22d3ee; --accent:#a78bfa; --border: rgba(255,255,255,.08);
  scroll-behavior: smooth;
}
html, body{ background: var(--bg); color: var(--text); }
.navbar-dark {
    background: 
        rgba(15, 23, 42, 0.85), 
        url("assets/img/sliderbackground.png") no-repeat center center !important;
    background-size: cover;
    backdrop-filter: blur(8px);
}
.navbar-brand img{ height: 28px; }
.nav-link{ color: var(--muted)!important; transition: color .2s }
.nav-link.active, .nav-link:hover{ color: var(--text)!important; }
.btn-neon{ background: linear-gradient(90deg, var(--primary), var(--accent)); border:0; color:#0b1220 }
.btn-neon:hover{ filter: brightness(1.1) }
.hero{ border:1px solid var(--border);
  background: radial-gradient(1200px 400px at 0% 0%, rgba(34,211,238,.12), transparent 40%),
              radial-gradient(900px 300px at 100% 0%, rgba(167,139,250,.10), transparent 40%),
              linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));}
.section + .section{ border-top:1px solid var(--border)}
.card-glass{ background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid var(--border); border-radius:16px }
hr{ border-color: var(--border) }
footer{ color: var(--muted) }
.small-muted{ color: var(--muted) }
#backToTop{ position:fixed; right:16px; bottom:16px; display:none }
.badge-soft{ background: rgba(34,211,238,.12); color: var(--primary); border:1px solid rgba(34,211,238,.2)}
.badge-soft-v{ background: rgba(167,139,250,.12); color: var(--accent); border:1px solid rgba(167,139,250,.2)}