:root{
  --brand:#0ea5e9;
  --brand2:#22c55e;
  --dark:#0b1220;
  --muted:#64748b;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';}
.navbar{backdrop-filter:saturate(180%) blur(12px);}
.hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(14,165,233,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(34,197,94,.18), transparent 55%),
              linear-gradient(180deg, #0b1220 0%, #0b1220 60%, #07101c 100%);
  color:#fff;
}
.hero .badge{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12)}
.section-title{letter-spacing:.2px}
.kpi{border:1px solid rgba(148,163,184,.25); border-radius:16px; padding:14px; background:rgba(2,6,23,.35)}
.card{border-radius:18px}
.card.soft{border:1px solid rgba(148,163,184,.18)}
.icon-circle{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.18);
}
.pill{border:1px solid rgba(148,163,184,.25); border-radius:999px; padding:.35rem .65rem; color:var(--muted)}
.muted{color:var(--muted)}
.grid-dash{background-image: linear-gradient(rgba(148,163,184,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.10) 1px, transparent 1px);
  background-size: 34px 34px;
}
.gallery img{border-radius:14px; border:1px solid rgba(148,163,184,.20)}
.cta{
  background: radial-gradient(800px 400px at 10% 10%, rgba(34,197,94,.22), transparent 55%),
              radial-gradient(900px 450px at 90% 30%, rgba(14,165,233,.22), transparent 55%),
              linear-gradient(180deg, #061224 0%, #0b1220 100%);
  color:#fff;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.18);
}
.footer{background:#0b1220;color:#cbd5e1}
.footer a{color:#cbd5e1; text-decoration:none}
.footer a:hover{color:#fff}

/* Floating buttons */
.fab{
  position:fixed; right:18px; bottom:18px; display:flex; flex-direction:column; gap:10px; z-index:999;
}
.fab a{
  width:48px;height:48px;border-radius:16px; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid rgba(148,163,184,.25); box-shadow:0 10px 26px rgba(2,6,23,.35);
}
.fab a.primary{background:var(--brand); color:#fff; border-color:rgba(255,255,255,.15)}

/* Form */
.form-control, .form-select{border-radius:14px}
.btn{border-radius:14px}
.btn-brand{background:var(--brand); color:#fff}
.btn-brand:hover{background:#0284c7;color:#fff}
.btn-outline-light{border-radius:14px}

/* Simple reveal */
.reveal{opacity:0; transform:translateY(10px); transition:all .45s ease;}
.reveal.show{opacity:1; transform:none;}