
:root {
  --radial: radial-gradient(900px 700px at 50% -10%, #f472b6 0%, #fde68a 45%, transparent 60%),
            radial-gradient(1200px 900px at 80% 110%, #34d399 0%, transparent 55%),
            radial-gradient(1000px 800px at 0% 100%, #93c5fd 0%, transparent 55%);
}
html, body { height: 100%; }
body {
  font-family: Poppins, Nunito, Rubik, Outfit, Mulish, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: rgb(17 24 39);
}
.bg-radial-senyoom { background: var(--radial); }
@keyframes shimmer { 0% { background-position: -220% 0;} 100% { background-position: 220% 0;} }
@keyframes glitter { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }
@keyframes wiggleSlow {
  0%, 100% { transform: translateY(0) rotate(0deg);}
  25% { transform: translateY(-1px) rotate(-0.4deg);}
  50% { transform: translateY(0.5px) rotate(0.4deg);}
  75% { transform: translateY(-0.5px) rotate(-0.2deg);}
}
.animate-wiggle-slow { animation: wiggleSlow 4.5s ease-in-out infinite; }
.badge-shimmer { position: relative; display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem; border-radius:9999px; font-weight:600; color:#065f46; box-shadow:0 1px 2px rgba(0,0,0,.06); }
.badge-shimmer::before { content:""; position:absolute; inset:0; border-radius:inherit; filter:blur(8px); opacity:.6; background:linear-gradient(90deg,#86efac,#a78bfa,#60a5fa); }
.badge-shimmer::after  { content:""; position:absolute; inset:0; border-radius:inherit; background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); background-size:220% 100%; background-position:-220% 0; animation:shimmer 2.8s linear infinite; }
.sparkle-overlay { position:absolute; inset:0; pointer-events:none; mix-blend-mode:screen; opacity:.6; background-image: radial-gradient(2px 2px at 15% 30%, rgba(255,255,255,.95), transparent 60%), radial-gradient(1.5px 1.5px at 40% 60%, rgba(255,255,255,.8), transparent 60%), radial-gradient(2px 2px at 70% 40%, rgba(255,255,255,.9), transparent 60%), radial-gradient(1.5px 1.5px at 85% 65%, rgba(255,255,255,.85), transparent 60%), radial-gradient(1.5px 1.5px at 25% 75%, rgba(255,255,255,.9), transparent 60%); animation:glitter 3.2s ease-in-out infinite;}
