:root {
  --bg: #070b1a;
  --surface: #111936;
  --surface-soft: #172142;
  --text: #e7ebff;
  --muted: #9ca8d6;
  --accent: #7b61ff;
  --accent-2: #3ba7ff;
  --border: rgba(151, 169, 255, 0.22);
}
html, body { background: radial-gradient(circle at 20% 0%, rgba(123,97,255,.2), transparent 30%), var(--bg); color: var(--text); }
body { min-height: 100vh; }
a { color: #b4c0ff; }
.navbar-premium { background: rgba(9, 14, 35, .9); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); }
.brand-glow { color: #fff; letter-spacing: .2px; }
.nav-link { color: var(--muted); }
.nav-link:hover, .nav-link:focus { color: #fff; }
.hero-card, .card-premium, .accordion-item { background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); border: 1px solid var(--border); border-radius: 1rem; color: var(--text); }
.card, .accordion-item, .list-group-item, .form-control, .form-select { background: var(--surface); border-color: var(--border); color: var(--text); }
.form-control:focus, .form-select:focus { background: var(--surface-soft); color: var(--text); border-color: #7b61ff; box-shadow: 0 0 0 .2rem rgba(123,97,255,.2); }
.text-secondary, .text-muted { color: var(--muted) !important; }
.btn-primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); border: 0; border-radius: .8rem; }
.btn-outline-primary { border-color: #6f7cff; color: #c5ceff; }
.btn-outline-primary:hover { background: #6f7cff; color: #fff; }
.btn-outline-light { border-color: var(--border); }
main { background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 35px 35px; }
.footer-premium { background: #060a19; border-top: 1px solid var(--border); }
.accordion-button { background: var(--surface); color: var(--text); }
.accordion-button:not(.collapsed) { background: var(--surface-soft); color: #fff; }
.list-group-item { border-color: var(--border); }