:root{
  --brand-teal:#0aa6a6;
  --brand-green:#2e7d32;
  --brand-orange:#f39c12;
  --brand-navy:#0b3954;
  --bg:#f7f9fc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#6b7280;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1220;
    --card:#0f172a;
    --text:#e2e8f0;
    --muted:#94a3b8;
  }
}
html,body{height:100%}
body{
  background: radial-gradient(60% 80% at 20% 0%, rgba(14,165,233,.10), transparent 60%) , var(--bg);
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  color:var(--text);
}
.navbar-brand img{height:42px}
.btn-brand{
  background: linear-gradient(135deg,var(--brand-teal),var(--brand-green));
  border: none;
  color:white;
  box-shadow: 0 8px 20px rgba(11,57,84,.25);
}
.btn-brand:hover{filter:brightness(1.03); transform: translateY(-1px);}
.card{
  border: 1px solid rgba(11,57,84,.08);
  box-shadow: 0 10px 30px rgba(11,57,84,.08);
  border-radius: 18px;
}
.hero{
  background: radial-gradient(1200px 400px at 10% -10%, rgba(11,57,84,.15), transparent 60%);
}
.form-control, .form-select{
  border-radius: 12px;
  border: 1px solid rgba(11,57,84,.15);
}
.badge-soft{
  background: rgba(243,156,18,.12);
  color: var(--brand-orange);
  border: 1px dashed rgba(243,156,18,.4);
}
.footer{
  color: var(--muted);
}