/* WP Booster Demo Site (v1.0) — small helper styles (Tailwind does most of the work) */
:root{
  --brand-600:#4b3fd6;
  --brand-700:#3d2fc9;
  --mint:#2fe6ad;
}
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .animate-float, .animate-pop { animation:none !important; transition:none !important; }
}
.bg-noise{
  background-image:
    radial-gradient(1000px 400px at 10% 10%, rgba(75,63,214,.16), transparent 60%),
    radial-gradient(900px 380px at 90% 25%, rgba(47,230,173,.14), transparent 60%),
    radial-gradient(800px 360px at 50% 90%, rgba(75,63,214,.10), transparent 60%);
}
.glass{
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255,255,255,.75);
}
.dark .glass{
  background: rgba(15, 23, 42, .72);
}
.shadow-soft{
  box-shadow: 0 16px 40px rgba(15, 23, 42, .10);
}
.kbd{
  border: 1px solid rgba(148,163,184,.55);
  border-bottom-width: 2px;
  background: rgba(248,250,252,.9);
}
.gradient-border{
  position: relative;
}
.gradient-border::before{
  content:"";
  position:absolute; inset:-1px;
  border-radius: 1.25rem;
  padding: 1px;
  background: linear-gradient(135deg, rgba(75,63,214,.55), rgba(47,230,173,.55));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
}
.badge{
  background: rgba(75,63,214,.08);
  color: var(--brand-700);
  border: 1px solid rgba(75,63,214,.18);
}
.btn-primary{
  background: linear-gradient(135deg, rgba(75,63,214,1), rgba(75,63,214,.75));
}
.btn-primary:hover{ filter: brightness(1.04); }
.btn-mint{
  background: linear-gradient(135deg, rgba(47,230,173,1), rgba(47,230,173,.72));
  color: #0b1220;
}
.btn-mint:hover{ filter: brightness(1.03); }
.wave{
  filter: drop-shadow(0 18px 32px rgba(15,23,42,.12));
}

/* Lightbox */
#lightbox[aria-hidden="true"]{ display:none; }
#lightbox img{ max-height: 85vh; }