.particles,body,html{height:100%;overflow:hidden}.overlay,.particles{pointer-events:none}:root{--a:#ff2d55;--b:#ff9500;--c:#7b2ff7;--d:#00c6ff}body,html{margin:0;padding:0}body{display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,var(--a),var(--c),var(--d),var(--b));background-size:400% 400%;animation:12s infinite gradientShift;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;position:relative}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.particles{position:fixed;top:0;left:0;width:100%;z-index:1}.particle{position:absolute;bottom:-50px;width:10px;height:10px;background:rgba(255,255,255,.6);border-radius:50%;animation:linear infinite rise;filter:blur(1px)}@keyframes rise{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}10%{opacity:1}100%{transform:translateY(-110vh) translateX(20px) scale(.3);opacity:0}}.container{position:relative;z-index:2;text-align:center;padding:40px 30px}h1{margin:0;font-size:clamp(1.8rem, 6vw, 3rem);opacity:.9;font-weight:700;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.4);letter-spacing:1px}.glow-ring{position:absolute;top:50%;left:50%;width:120%;height:300%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.15) 0,rgba(255,255,255,0) 70%);animation:4s ease-in-out infinite ringPulse;z-index:0}@keyframes ringPulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%);mix-blend-mode:overlay;animation:8s linear infinite sweep;z-index:1}@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}h1 > span {border-bottom:2px solid #fff;}