:root{--bg0: #000000;--bg1: #0a0515;--mouse-x: .5;--mouse-y: .5}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at calc(var(--mouse-x) * 100%) calc(var(--mouse-y) * 100%),#1a0033,#000 50%),var(--bg0);color:#fff;overflow:hidden}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;perspective:1000px;padding:4rem 2rem;overflow:visible}.center:before,.center:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,#ff006e,#8338ec,#3a86ff,#06ffa5,#ffbe0b,#fb5607,#ff006e);filter:blur(120px) saturate(150%);opacity:.4;animation:spin 20s linear infinite,pulse 8s ease-in-out infinite;z-index:-2;transform:translateZ(-100px)}.center:after{animation-duration:30s,10s;animation-direction:reverse,normal;mix-blend-mode:screen;opacity:.3;filter:blur(150px) saturate(200%)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.particle{position:absolute;font-size:clamp(1.5rem,3vw,2.5rem);animation:particle-float var(--duration) var(--delay) infinite linear,unicorn-spin 8s infinite linear;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);transform-origin:center;filter:drop-shadow(0 0 10px rgba(255,182,193,.6));-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes particle-float{0%{transform:translateY(100vh) scale(0) rotate(var(--rotation));opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1) rotate(var(--rotation))}90%{opacity:1;transform:translateY(-90vh) scale(1) rotate(calc(var(--rotation) + 180deg))}to{transform:translateY(-100vh) scale(0) rotate(calc(var(--rotation) + 360deg));opacity:0}}@keyframes unicorn-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.word{font-weight:900;text-transform:lowercase;font-size:clamp(4rem,18vw,16rem);line-height:1.2;letter-spacing:-.03em;margin:0;padding:.2em 0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#c471ed,#12c2e9,#667eea);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 8s ease infinite,float 6s ease-in-out infinite,glow 3s ease-in-out infinite;will-change:transform,background-position,filter;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;z-index:10;filter:drop-shadow(0 0 40px rgba(138,43,226,.5))}.word span{display:inline-block;transform-origin:50% 60%;animation:bounce .6s ease var(--d) infinite,wave 4s ease-in-out infinite;animation-delay:calc(var(--d) * .1s)}.word span:nth-child(1){--d: 0}.word span:nth-child(2){--d: 1}.word span:nth-child(3){--d: 2}.word span:nth-child(4){--d: 3}.word span:nth-child(5){--d: 4}.word span:nth-child(6){--d: 5}.word span:nth-child(7){--d: 6}.word span:nth-child(8){--d: 7}.glitch-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.glitch{font-weight:900;text-transform:lowercase;font-size:clamp(4rem,18vw,16rem);line-height:.9;letter-spacing:-.03em;color:transparent;position:absolute;top:0;left:0;transform:translate(-50%,-50%);opacity:0;animation:glitch-appear 10s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 .5s infinite;color:#f0f;z-index:-1}.glitch:after{animation:glitch-2 .5s infinite;color:#0ff;z-index:-2}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{to{transform:rotate(1turn) scale(1.2)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}25%{transform:translateY(-10px) rotateX(2deg)}75%{transform:translateY(10px) rotateX(-2deg)}}@keyframes wave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes bounce{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-25%) rotate(-5deg) scale(1.1)}60%{transform:translateY(10%) rotate(2deg) scale(.95)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 40px rgba(138,43,226,.5))}50%{filter:drop-shadow(0 0 60px rgba(138,43,226,.8))}}@keyframes glitch-appear{0%,94%{opacity:0}95%,99%{opacity:1}to{opacity:0}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 20% 0);transform:translate(2px,-1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-2px,2px)}60%{clip-path:inset(40% 0 40% 0);transform:translate(1px,-2px)}80%{clip-path:inset(5% 0 85% 0);transform:translate(-1px,1px)}}@media (prefers-reduced-motion: reduce){.center:before,.center:after,.word,.word span,.glitch,.particle{animation:none!important}}