:root{
  --vlx-bg:#0b1220;
  --vlx-card:#0f1a33;
  --vlx-text:#e8eefc;
  --vlx-muted:#a9b7d0;
  --vlx-accent:#facc15;
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;}
.brand-dot{width:10px;height:10px;border-radius:999px;background:var(--vlx-accent);display:inline-block;box-shadow:0 0 18px rgba(250,204,21,.6);}
.hero{
  background:
    radial-gradient(1000px 500px at 20% 10%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(900px 450px at 90% 20%, rgba(250,204,21,.15), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}
.card{border-radius:14px;}
.border-secondary{border-color: rgba(148,163,184,.35) !important;}
.bg-black{background:#070b12 !important;}
.text-secondary{color: var(--vlx-muted) !important;}
a{color: inherit;}
.sidebar{min-height:calc(100vh - 56px); background:#070b12; border-right:1px solid rgba(148,163,184,.25);}
.sidebar .nav-link{color: var(--vlx-muted);}
.sidebar .nav-link.active{color:#fff; background:rgba(250,204,21,.14); border-radius:10px;}
.mono{font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}