:root{
  --bg:#07070b;
  --card:#0f1017;
  --border:#222436;
  --txt:#e9e9f2;
  --muted:#a9acc2;
  --accent:#7c5cff;
}
body{background:radial-gradient(1200px 600px at 20% -10%, rgba(124,92,255,.35), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,92,166,.28), transparent 60%),
              var(--bg);
     color:var(--txt);}
.nav-glass{backdrop-filter: blur(10px); background: rgba(7,7,11,.65); border-bottom:1px solid rgba(255,255,255,.06);}
.brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#ff5ca6,#7c5cff,#39d0ff);}
.hero{
  padding: 60px 0 20px 0;
}
.hero-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.card-dark{
  background: rgba(15,16,23,.85);
  border:1px solid rgba(255,255,255,.08);
  border-radius: 18px;
}
.badge-soft{
  background: rgba(124,92,255,.16);
  border: 1px solid rgba(124,92,255,.35);
  color: #d7d0ff;
}
.section-title{font-size:1.1rem; letter-spacing:.3px;}
.list-item{
  display:flex; align-items:center; justify-content:space-between;
  border:1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255,255,255,.03);
}
.rank{
  width: 40px; height: 40px; border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(124,92,255,.18);
  border:1px solid rgba(124,92,255,.35);
  font-weight: 700;
}
.footer{border-top:1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.25);}
.footer-title{font-weight:600; margin-bottom: 10px;}
.footer-link{color: rgba(233,233,242,.75); text-decoration:none;}
.footer-link:hover{color: #fff; text-decoration:underline;}
a{color:#c8bfff;}
a:hover{color:#fff;}
.form-control, .form-select{
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color: var(--txt);
}
.form-control:focus{
  background: rgba(255,255,255,.06);
  border-color: rgba(124,92,255,.55);
  box-shadow: 0 0 0 .25rem rgba(124,92,255,.15);
  color: var(--txt);
}
.text-secondary{color: rgba(233,233,242,.65)!important;}