:root{
  --brand-accent: #7bd3ff;
}
.brand-dot{ color: var(--brand-accent); margin-right:.35rem; }
.hero{
  background: radial-gradient(1200px 600px at 10% 0%, rgba(123,211,255,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(255,255,255,.12), transparent 60%),
              linear-gradient(135deg, #0b0f14, #0f172a);
  color: #fff;
  border-radius: 1.25rem;
  overflow: hidden;
}
.card-soft{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 1.25rem;
}
.badge-soft{
  background: rgba(123,211,255,.12);
  color: #0dcaf0;
  border: 1px solid rgba(13,202,240,.35);
}