*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;overflow:hidden;cursor:pointer}.app{width:100vw;height:100vh;background:radial-gradient(ellipse at center,#1a0a1f,#0a0a0f);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transition:transform .1s ease-out}.content.parallax-layer{position:relative;width:auto;height:auto}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,45,149,.1) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,240,255,.08) 0%,transparent 50%);pointer-events:none}.app:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:3}.background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;filter:blur(40px);transform-style:preserve-3d}@keyframes float0{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,30px) rotate(270deg)}}@keyframes float1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(120deg)}66%{transform:translate(30px,-20px) rotate(240deg)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,-40px) scale(1.2)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-35px,25px) rotate(-90deg)}50%{transform:translate(25px,-30px) rotate(-180deg)}75%{transform:translate(35px,-15px) rotate(-270deg)}}@keyframes float4{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(20px,30px) scale(.9) rotate(180deg)}}@keyframes float5{0%,to{transform:translate(0)}33%{transform:translate(40px,-25px)}66%{transform:translate(-30px,35px)}}@keyframes float6{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-30px,-30px) rotate(180deg) scale(1.1)}}@keyframes float7{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(25px,35px) rotate(120deg)}66%{transform:translate(-35px,-25px) rotate(240deg)}}@keyframes float8{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.15)}}@keyframes float9{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-30px,-35px) rotate(-90deg)}50%{transform:translate(35px,25px) rotate(-180deg)}75%{transform:translate(-25px,30px) rotate(-270deg)}}@keyframes float10{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-35px,30px) scale(.95) rotate(180deg)}}@keyframes float11{0%,to{transform:translate(0)}33%{transform:translate(-30px,-30px)}66%{transform:translate(35px,-25px)}}@keyframes float12{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(25px,35px) rotate(180deg) scale(1.05)}}@keyframes float13{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-25px) rotate(90deg)}50%{transform:translate(-25px,30px) rotate(180deg)}75%{transform:translate(-30px,-20px) rotate(270deg)}}@keyframes float14{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-35px) scale(1.1)}}.content{position:relative;z-index:10;text-align:center;padding:2rem}.title{font-weight:900;letter-spacing:.1em;margin-bottom:3rem;display:flex;flex-direction:column;gap:.5rem}.title-line{font-size:clamp(2.5rem,10vw,6rem);background:linear-gradient(135deg,#ff2d95,#ff10f0,#a855f7 60%,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,45,149,.2));animation:glow-pulse 3s ease-in-out infinite}.title-line.subtitle{font-size:clamp(2rem,8vw,5rem);filter:drop-shadow(0 0 12px rgba(168,85,247,.2))}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(255,45,149,.2))}50%{filter:drop-shadow(0 0 18px rgba(255,45,149,.3))}}.status{font-size:clamp(1rem,3vw,1.5rem);color:#00f0ff;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Courier New,Courier,monospace;text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(0,240,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:10px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff0d}.status-icon{color:#ff2d95;font-weight:700;text-shadow:0 0 10px rgba(255,45,149,.8),0 0 20px rgba(255,45,149,.4)}.status-text{text-align:left}.cursor{animation:blink 1s step-end infinite;color:#ff2d95;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;opacity:.3;perspective:1000px}.grid-perspective{position:absolute;width:200%;height:200%;left:-50%;top:-50%;transform:rotateX(60deg) rotate(45deg);animation:gridFloat 20s ease-in-out infinite}.grid-lines{position:absolute;width:100%;height:100%}.grid-lines.horizontal .grid-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,45,149,.3) 50%,transparent 100%)}.grid-lines.vertical .grid-line{position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,240,255,.3) 50%,transparent 100%)}.grid-lines.horizontal .grid-line:nth-child(n){top:calc(5% * var(--i, 0))}.grid-lines.vertical .grid-line:nth-child(n){left:calc(5% * var(--i, 0))}@keyframes gridFloat{0%,to{transform:rotateX(60deg) rotate(45deg) translateY(0)}50%{transform:rotateX(60deg) rotate(45deg) translateY(-20px)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none}.particle{position:absolute;border-radius:50%;filter:blur(1px);animation:particleDrift 20s linear infinite}@keyframes particleDrift{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(calc(sin(1)*50px));opacity:0}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:4;pointer-events:none}.scanline-overlay{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(10px)}}@media (max-width: 768px){.title-line{font-size:clamp(2rem,8vw,4.5rem)}.title-line.subtitle{font-size:clamp(1.5rem,6vw,3.5rem)}.title{margin-bottom:2rem;gap:.3rem}.status{padding:.8rem 1.5rem;font-size:clamp(.9rem,2.5vw,1.2rem)}.status-text{text-align:center}.background-shapes .shape{display:none}.background-shapes .shape:nth-child(-n+8){display:block}.grid-overlay{opacity:.2}.particles .particle{display:none}.particles .particle:nth-child(-n+12){display:block}}@media (max-width: 480px){.title-line{font-size:clamp(1.8rem,9vw,3rem)}.title-line.subtitle{font-size:clamp(1.3rem,7vw,2.5rem)}.title{margin-bottom:1.5rem;gap:.2rem}.status{padding:.8rem 1rem;font-size:clamp(.85rem,3vw,1rem);max-width:90vw}.status-text{text-align:left;min-width:auto}.background-shapes .shape{display:none}.background-shapes .shape:nth-child(-n+5){display:block}.grid-overlay{opacity:.1}.particles{display:none}.scanline-overlay{opacity:.5}.status{min-height:44px}}@media (max-width: 768px) and (orientation: landscape){.title-line{font-size:clamp(1.5rem,6vw,3rem)}.title-line.subtitle{font-size:clamp(1.2rem,5vw,2.5rem)}.title{margin-bottom:1rem}.status{font-size:clamp(.8rem,2vw,1rem)}}