:root{
  --brand1:#0d6efd;
  --brand2:#20c997;
  --brand3:#0dcaf0;
}
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.navbar-brand span{
  background: linear-gradient(90deg, var(--brand1), var(--brand3), var(--brand2));
  -webkit-background-clip:text; background-clip:text; color: transparent;
  font-weight: 900; letter-spacing: .2px;
}
.hero{
  background: radial-gradient(1200px 700px at 18% 10%, rgba(13,110,253,.20), transparent),
              radial-gradient(900px 600px at 80% 25%, rgba(13,202,240,.18), transparent),
              radial-gradient(900px 600px at 60% 90%, rgba(32,201,151,.16), transparent);
}
.section{ padding: 78px 0; }
.card-soft{
  border: 0;
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
}
.btn-pill{ border-radius: 999px; }
.badge-soft{ background: rgba(13,110,253,.12); color: #0d6efd; }
.kpi{ border-radius: 18px; background: rgba(13,110,253,.06); border: 1px solid rgba(13,110,253,.14); }
.footer{ border-top: 1px solid rgba(0,0,0,.08); }
.form-control,.form-select{ border-radius: 12px; }