:root{
  --blue-500:#2d7ff9;
  --blue-700:#1c5bd7;
  --green-500:#22c55e;
  --bg-1:#0f1420;
  --bg-2:#12192a;
  --card:#0f172a;
  --text:#dbe7ff;
}

body{
  background: radial-gradient(1200px 600px at 10% -10%, rgba(45,127,249,.08), transparent),
              radial-gradient(900px 500px at 100% 0%, rgba(34,197,94,.06), transparent),
              var(--bg-1);
  color: var(--text);
}

.bg-gradient-blue{
  background: linear-gradient(90deg, var(--blue-700), var(--blue-500));
}

.card-glass{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}

.card-hover{
  border-radius: 14px;
  background: var(--card);
  border: 1px solid rgba(255,255,255,.06);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  border-color: rgba(45,127,249,.35);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
}

/* Subtle success chip */
.bg-success-subtle{
  background: rgba(34,197,94,.15)!important;
}
.text-success{
  color: var(--green-500)!important;
}
.border-success-subtle{
  border-color: rgba(34,197,94,.25)!important;
}

/* Info chip */
.bg-info-subtle{
  background: rgba(45,127,249,.15)!important;
}
.text-info{
  color: var(--blue-500)!important;
}
.border-info-subtle{
  border-color: rgba(45,127,249,.25)!important;
}