*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;background:#ffffff80;border-radius:50%;pointer-events:none}.background-effect{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent,#000);mix-blend-mode:screen;pointer-events:none;z-index:1}.logo-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:2;animation:float 6s ease-in-out infinite}.logo{width:300px;height:auto;position:relative;filter:drop-shadow(0 0 30px rgba(255,255,255,.8));transition:all .5s ease;animation:glow 5s infinite alternate;transform-origin:center}.pulse-effect{position:absolute;width:100%;height:100%;border-radius:50%;animation:pulse 2s ease-out infinite;background:radial-gradient(circle,#fff3,#fff0 70%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:0}to{transform:scale(.95);opacity:0}}@keyframes glow{0%{filter:drop-shadow(0 0 30px rgba(255,0,255,.8))}33%{filter:drop-shadow(0 0 40px rgba(0,255,255,.8))}66%{filter:drop-shadow(0 0 50px rgba(255,255,0,.8))}to{filter:drop-shadow(0 0 60px rgba(0,255,0,.8))}}@keyframes colorChange{0%{box-shadow:0 0 100px 50px #f0f6}33%{box-shadow:0 0 120px 60px #0ff6}66%{box-shadow:0 0 140px 70px #ff06}to{box-shadow:0 0 160px 80px #0f06}}