/* ---- WOW add-on (safe) ---- */
:root{
  --bg: #0b1220;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --brand:#0ea5e9;
}
body{background:var(--bg); color:var(--text)}
/* hero glow */
.hero{
  position: relative;
  isolation: isolate;
}
.hero::before{
  content:"";
  position:absolute; inset:-20% -10% auto -10%;
  height:70%;
  background: radial-gradient(600px 300px at 80% 10%, rgba(14,165,233,.25), transparent 60%),
              radial-gradient(400px 220px at 20% 0%, rgba(99,102,241,.18), transparent 60%);
  filter: blur(20px);
  z-index:-1;
}
/* glass cards */
.glass, .card{
  background: rgba(15,23,42,.60);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  border-radius: 16px;
}
/* subtle hover */
.card:hover, .glass:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(2,8,23,.25);
  transition: all .25s ease;
}
/* pill & badges */
.badge, .pill{
  display:inline-block; padding:6px 10px; border-radius:999px;
  background: rgba(14,165,233,.15); color:#7dd3fc; font-weight:600;
}
/* sticky support button */
.don-sticky{
  position: fixed; right: 18px; bottom: 18px; z-index: 40;
  padding: 10px 14px; border-radius: 999px;
  background: linear-gradient(135deg,#22d3ee,#60a5fa);
  color:#0b1220; font-weight:700; text-decoration:none;
  box-shadow: 0 12px 30px rgba(14,165,233,.35);
}
.don-sticky:hover{ filter: brightness(1.05); transform: translateY(-1px); }