:root{
--bg:#050505;--purple:#a855f7;--gold:#ffd84d;--red:#ff1744;--white:#fff;
}
html{background:var(--bg)}
body{
background:
radial-gradient(circle at 15% 10%,rgba(168,85,247,.16),transparent 30%),
radial-gradient(circle at 85% 20%,rgba(255,23,68,.13),transparent 30%),
radial-gradient(circle at 50% 90%,rgba(255,216,77,.10),transparent 35%),
#050505!important;
color:#fff!important;
}
.logo,h1,h2,h3{
animation:neonText 4s ease-in-out infinite alternate;
}
a,.btn,.download{
transition:.3s ease;
}
a:hover,.btn:hover,.download:hover{
transform:translateY(-2px) scale(1.02);
filter:brightness(1.35);
text-shadow:0 0 8px currentColor,0 0 18px currentColor;
}
.btn,.download{
border:1px solid rgba(255,255,255,.25)!important;
box-shadow:0 0 8px rgba(168,85,247,.35),0 0 18px rgba(255,23,68,.2);
animation:buttonGlow 3s ease-in-out infinite alternate;
}
.box,.hero{
box-shadow:0 0 10px rgba(168,85,247,.18),0 0 25px rgba(255,216,77,.08);
border-color:rgba(168,85,247,.45)!important;
}
@keyframes neonText{
0%{color:#fff;text-shadow:0 0 5px #fff,0 0 12px #a855f7}
33%{color:#d8b4fe;text-shadow:0 0 6px #a855f7,0 0 20px #a855f7}
66%{color:#ffd84d;text-shadow:0 0 6px #ffd84d,0 0 20px #ffd84d}
100%{color:#ff6b81;text-shadow:0 0 6px #ff1744,0 0 20px #ff1744}
}
@keyframes buttonGlow{
0%{box-shadow:0 0 7px rgba(168,85,247,.35)}
50%{box-shadow:0 0 15px rgba(255,216,77,.45)}
100%{box-shadow:0 0 18px rgba(255,23,68,.45)}
}