:root{
  --sg-primary:#4f46e5;
  --sg-accent:#22c55e;
  --sg-dark:#0b1220;
  --sg-card:#121a2c;
  --sg-muted:#94a3b8;
}
body{ background:#0b1220; color:#e2e8f0; }
a{ text-decoration:none; }
.brand-badge{
  display:inline-grid; place-items:center;
  width:32px;height:32px;border-radius:10px;
  background:linear-gradient(135deg,var(--sg-primary),#9333ea);
  margin-right:10px;font-weight:800;
}
.hero{
  background:
    radial-gradient(800px circle at 10% 10%, rgba(79,70,229,.35), transparent 55%),
    radial-gradient(900px circle at 90% 20%, rgba(34,197,94,.25), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  border-bottom:1px solid rgba(148,163,184,.12);
}
.hero-card{
  background:rgba(18,26,44,.75);
  border:1px solid rgba(148,163,184,.15);
  box-shadow: 0 20px 40px rgba(0,0,0,.35);
  border-radius:18px;
}
.badge-soft{
  background:rgba(79,70,229,.15);
  color:#c7d2fe;
  border:1px solid rgba(79,70,229,.25);
}
.feature-card{
  background:rgba(18,26,44,.75);
  border:1px solid rgba(148,163,184,.14);
  border-radius:18px;
  transition: transform .15s ease, border-color .15s ease;
}
.feature-card:hover{
  transform: translateY(-2px);
  border-color: rgba(79,70,229,.35);
}
.section-title{ color:#f8fafc; }
.text-muted{ color: var(--sg-muted)!important; }
.form-card{
  background:rgba(18,26,44,.85);
  border:1px solid rgba(148,163,184,.16);
  border-radius:18px;
}
.table{
  --bs-table-bg: rgba(18,26,44,.55);
  --bs-table-striped-bg: rgba(18,26,44,.75);
  --bs-table-color:#e2e8f0;
  --bs-table-border-color: rgba(148,163,184,.14);
}
.btn-primary{ background:var(--sg-primary); border-color:var(--sg-primary); }
.btn-primary:hover{ filter:brightness(1.05); }
.alert{
  border-radius:14px;
  border:1px solid rgba(148,163,184,.2);
  background:rgba(18,26,44,.85);
  color:#e2e8f0;
}
.map-box{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
}
.small-note{ font-size:.9rem; color: var(--sg-muted); }