/* App glow + gradient helpers and base body background */
:root{
  --radius: 0.75rem;
}
.text-gradient{
  background: linear-gradient(90deg,#22d3ee,#c084fc,#f472b6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.glow-effect{text-shadow:0 0 20px rgba(168,85,247,.5);}
body{
  background: radial-gradient(1000px 600px at 20% -10%, rgba(6,182,212,.08), transparent 60%),
              radial-gradient(1000px 600px at 120% 110%, rgba(168,85,247,.08), transparent 60%),
              linear-gradient(135deg,#020617,#3b0764 45%, #1e1b4b 100%);
  color:#fff;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.backdrop-blur-sm{backdrop-filter: blur(4px);}
.backdrop-blur-md{backdrop-filter: blur(12px);}