:root{
  --brand1:#4f46e5;  /* indigo */
  --brand2:#06b6d4;  /* cyan */
  --ink:#0f172a;     /* slate-900 */
}

body { color: var(--ink); }

.hero {
  background: radial-gradient(1200px 600px at 20% 10%, rgba(79,70,229,.25), transparent 60%),
              radial-gradient(900px 500px at 80% 30%, rgba(6,182,212,.22), transparent 55%),
              linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,0));
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.badge-soft {
  background: rgba(79,70,229,.08);
  border: 1px solid rgba(79,70,229,.18);
  color: #3730a3;
}

.card-soft {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
}

.btn-brand {
  background: linear-gradient(90deg, var(--brand1), var(--brand2));
  border: 0;
}
.btn-brand:hover { filter: brightness(.98); }

.small-muted { color: rgba(15,23,42,.65); }

footer {
  border-top: 1px solid rgba(15,23,42,.08);
}
.title {
  color: #fff;
  font-size: 0.2em;
}