:root{
  --ink:#0b1020;
  --paper:#f7f5ff;
  --aqua:#22d3ee;
  --violet:#a78bfa;
  --sun:#fbbf24;
  --rose:#fb7185;
}

body{
  background: radial-gradient(1000px 600px at 15% 10%, rgba(167,139,250,.25), transparent 60%),
              radial-gradient(900px 520px at 85% 20%, rgba(34,211,238,.18), transparent 60%),
              radial-gradient(900px 520px at 70% 90%, rgba(251,113,133,.15), transparent 60%),
              var(--paper);
  color: var(--ink);
}

.navbar-glass{
  backdrop-filter: blur(10px);
  background: rgba(247,245,255,.85);
  border-bottom: 1px solid rgba(11,16,32,.08);
}

.hero-card{
  border: 0;
  border-radius: 1.5rem;
  box-shadow: 0 20px 60px rgba(11,16,32,.12);
  overflow: hidden;
}

.badge-soft{
  background: rgba(34,211,238,.12);
  color: #04505c;
  border: 1px solid rgba(34,211,238,.25);
}

.kpi{
  border: 1px dashed rgba(11,16,32,.18);
  border-radius: 1rem;
  background: rgba(255,255,255,.55);
}

.section-title{
  letter-spacing: .02em;
}

.icon-chip{
  width: 44px; height: 44px;
  display: inline-flex;
  align-items: center; justify-content: center;
  border-radius: 999px;
  background: rgba(167,139,250,.16);
  border: 1px solid rgba(167,139,250,.25);
}

.footer{
  border-top: 1px solid rgba(11,16,32,.08);
  background: rgba(255,255,255,.55);
}

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }