:root {
  --brand: #7c4dff;
  --brand-2: #00e5ff;
}
.navbar .nav-link.active { color: var(--brand) !important; }
.card {
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.1));
  backdrop-filter: blur(6px);
}
.badge-soft { background-color: rgba(124,77,255,.15); color: #cbb6ff; }
.table thead th { border-bottom-color: rgba(255,255,255,.12) !important; }
.table tbody tr { border-color: rgba(255,255,255,.08) }
.hero {
  background: radial-gradient(1000px 400px at 10% -10%, rgba(124,77,255,.25), transparent),
              radial-gradient(800px 300px at 110% 10%, rgba(0,229,255,.15), transparent);
}
.form-floating > label { color: #9ba6b2; }
.kbd { border: 1px solid rgba(255,255,255,.15); border-radius: .4rem; padding: .1rem .4rem; }