:root{
  --radius: 16px;
}
body{
  background: radial-gradient(1200px 700px at 10% 0%, rgba(13,110,253,.12), transparent 50%),
              radial-gradient(1200px 700px at 90% 0%, rgba(25,135,84,.12), transparent 50%),
              #0b1220;
  color: #e8eefc;
}
a{ text-decoration:none; }
.container{ max-width: 1100px; }
.card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.card .card-header{
  background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.badge-soft{
  background: rgba(13,110,253,.16);
  border: 1px solid rgba(13,110,253,.25);
  color: #cfe2ff;
}
.badge-soft-success{
  background: rgba(25,135,84,.16);
  border: 1px solid rgba(25,135,84,.25);
  color: #d1e7dd;
}
.table{
  color: #e8eefc;
}
.table thead th{
  color: #cfe2ff;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}
.table td, .table th{
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.form-control, .form-select, .form-control:focus{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: #e8eefc;
  box-shadow: none;
}
.form-control::placeholder{ color: rgba(232,238,252,.55); }
.btn{
  border-radius: 12px;
}
.btn-primary{
  box-shadow: 0 10px 25px rgba(13,110,253,.25);
}
.btn-success{
  box-shadow: 0 10px 25px rgba(25,135,84,.22);
}
.muted{
  color: rgba(232,238,252,.65);
}
.kbd{
  padding: .15rem .4rem;
  border-radius: .4rem;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  font-size: .85rem;
}
.thumb{
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
}
hr{
  border-color: rgba(255,255,255,.12);
}