:root{--bg-color: #020305;--primary-color: #5b54fa;--secondary-color: #00e1ff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ls-start: .15em;--ls-end: -.02em}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}::selection{background:transparent;color:inherit}::-moz-selection{background:transparent;color:inherit}html{background-color:var(--bg-color)}body{font-family:var(--font-family);background-color:var(--bg-color);overflow:hidden;height:100dvh;width:100vw;-webkit-text-size-adjust:100%}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.space-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at bottom center,#0a1128,#020305 85%);z-index:0;overflow:hidden;perspective:1000px}.stars-layer-1,.stars-layer-2,.stars-layer-3{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-repeat:repeat}.stars-layer-1{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fffc,#fff0),radial-gradient(2px 2px at 40px 70px,#ffffffe6,#fff0),radial-gradient(1px 1px at 90px 40px,#fff,#fff0),radial-gradient(2.5px 2.5px at 160px 120px,#ffffffb3,#fff0),radial-gradient(1.5px 1.5px at 180px 90px,#fffc,#fff0),radial-gradient(1px 1px at 120px 180px,#fff9,#fff0),radial-gradient(2px 2px at 50px 160px,#ffffffe6,#fff0),radial-gradient(1.5px 1.5px at 10px 130px,#fffc,#fff0);background-size:200px 200px;animation:driftLayer1 120s linear infinite,twinkle 4s ease-in-out infinite alternate}.stars-layer-2{background-image:radial-gradient(2px 2px at 50px 150px,#00e1ffcc,#00e1ff00),radial-gradient(2.5px 2.5px at 120px 50px,#5b54fae6,#5b54fa00),radial-gradient(1.5px 1.5px at 250px 200px,#fffc,#fff0),radial-gradient(2px 2px at 200px 280px,#00e1ffb3,#00e1ff00),radial-gradient(3px 3px at 80px 320px,#5b54facc,#5b54fa00),radial-gradient(1.5px 1.5px at 300px 100px,#ffffffe6,#fff0);background-size:350px 350px;animation:driftLayer2 90s linear infinite,twinkle 6s ease-in-out infinite alternate-reverse}.stars-layer-3{background-image:radial-gradient(1px 1px at 30px 60px,#ffffff80,#fff0),radial-gradient(1px 1px at 150px 200px,#fff9,#fff0),radial-gradient(1.5px 1.5px at 350px 120px,#ffffff80,#fff0),radial-gradient(1px 1px at 450px 400px,#fff9,#fff0),radial-gradient(1px 1px at 250px 480px,#fff6,#fff0);background-size:500px 500px;animation:driftLayer3 60s linear infinite}.hero{position:relative;z-index:1;width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:5vw}.nebula-core{position:absolute;top:50%;left:50%;width:160vmin;height:160vmin;margin-top:-80vmin;margin-left:-80vmin;background:radial-gradient(circle at 40% 40%,rgba(91,84,250,.25) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(0,225,255,.15) 0%,transparent 50%);mix-blend-mode:screen;z-index:-2;pointer-events:none;animation:nebulaRotate 20s linear infinite,nebulaBreathe 8s ease-in-out infinite alternate}.shift-up-wrapper{animation:shiftUp 1.5s cubic-bezier(.16,1,.3,1) 5s forwards;display:flex;justify-content:center;width:100%}.hover-wrapper{animation:zeroGravityStop 5s ease-in-out forwards;transform-origin:center center;display:flex;justify-content:center;width:100%}.cinematic-entry{z-index:1;animation:cinematicDrop 2.5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;cursor:default;padding:0 20px;display:flex;justify-content:center}.error-entry{flex-direction:column;align-items:center}.cinematic-entry h1{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.35em;font-size:clamp(2.5rem,8vw + 1rem,7rem);line-height:1.1;margin:0;font-weight:900;pointer-events:none;background-image:linear-gradient(100deg,#5b54fa,#fff,#fff 40%,#5b54fa 55%,#00e1ff 75%,#fff 90%,#5b54fa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:lightSpill 8s linear infinite,spatialCompress 6s cubic-bezier(.16,1,.3,1) forwards}.word{display:flex}.expand{display:block;max-width:0;overflow:hidden;white-space:nowrap;animation:smoothUnfold 5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.8s}.btn-container{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:fadeInContainer 1.5s cubic-bezier(.16,1,.3,1) 5.5s forwards;z-index:10;display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;justify-content:center;align-items:center;width:auto;max-width:95vw}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.8rem 1.6rem;font-size:clamp(.9rem,1.2vw,1.1rem);color:#fff;background:#0a112899;border:2px solid var(--primary-color);border-radius:50px;text-decoration:none;font-weight:600;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #5b54fa4d,inset 0 0 10px #00e1ff33;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;white-space:nowrap}.btn-icon{width:1.3em;height:1.3em;object-fit:contain;position:relative;z-index:1}.btn-text{position:relative;z-index:1}.status-dot{width:8px;height:8px;background-color:#00ff41;border-radius:50%;position:relative;z-index:1;animation:slowPulse 3s ease-in-out infinite}.status-dot-red{background-color:#f33;animation:errorPulse 2s ease-in-out infinite}.status-dot-yellow{background-color:gold;animation:yellowPulse 2s ease-in-out infinite}.status-dot-blue{background-color:#00e1ff;animation:bluePulse 2s ease-in-out infinite}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,225,255,.4),transparent);transition:left .5s ease}.action-btn:hover{background:#5b54fa66;box-shadow:0 0 30px #5b54fa99,inset 0 0 15px #00e1ff66;transform:scale(1.05);border-color:var(--secondary-color)}.action-btn:hover:before{left:100%}footer{position:relative;width:100%;text-align:center;padding:1rem 0;font-size:.9rem;color:#fff9;z-index:10}footer a{color:#ffffffd9;text-decoration:none;transition:color .3s ease}footer a:hover{color:var(--primary-color)}.error-core{background:radial-gradient(circle at 40% 40%,rgba(250,84,84,.25) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(255,166,0,.15) 0%,transparent 50%)}.error-entry h1{background-image:linear-gradient(100deg,#fa5454,#fff,#fff 40%,#fa5454 55%,#ffa600 75%,#fff 90%,#fa5454)}.error-subtitle{font-size:clamp(1rem,2.5vw,1.8rem);color:#ffffffd9;letter-spacing:.6em;font-weight:600;text-shadow:0 0 15px rgba(250,84,84,.6);opacity:0;animation:errorTextFade 1.5s cubic-bezier(.16,1,.3,1) 2.5s forwards;white-space:nowrap;margin-top:15px;margin-left:.6em}.error-btn{border-color:#fa5454;box-shadow:0 0 20px #fa54544d,inset 0 0 10px #ffa60033}.error-btn:before{background:linear-gradient(90deg,transparent,rgba(255,166,0,.4),transparent)}.error-btn:hover{background:#fa545466;box-shadow:0 0 30px #fa545499,inset 0 0 15px #ffa60066;border-color:#ffa600}.error-dot{background-color:#f33;animation:errorPulse 2s ease-in-out infinite}@media (max-width: 1024px){.btn-container{gap:15px}.action-btn{padding:.6rem 1.2rem}}@media (max-width: 768px){:root{--ls-start: .1em;--ls-end: .01em}.cinematic-entry h1{flex-direction:column;align-items:center;gap:.2em;font-size:clamp(2.5rem,11vw,4rem)}.btn-container{top:68%;width:90vw;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px}.action-btn{width:100%;max-width:280px;padding:.8rem;font-size:.95rem}.error-subtitle{margin-top:10px;font-size:clamp(.9rem,4vw,1.2rem);letter-spacing:.4em;margin-left:.4em}}@media (max-width: 768px) and (display-mode: standalone){footer{display:none}}@keyframes driftLayer1{0%{transform:translateY(0) rotate(.01deg)}to{transform:translateY(10%) rotate(.01deg)}}@keyframes driftLayer2{0%{transform:translate(0) rotate(.01deg)}to{transform:translate(-10%) rotate(.01deg)}}@keyframes driftLayer3{0%{transform:translate(0) rotate(.01deg)}to{transform:translate(15%,-15%) rotate(.01deg)}}@keyframes nebulaRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes nebulaBreathe{0%{opacity:.6;filter:blur(30px)}to{opacity:1;filter:blur(40px)}}@keyframes cinematicDrop{0%{opacity:0;filter:blur(40px);transform:scale(3) translateZ(200px)}30%{opacity:1}to{opacity:1;filter:blur(0);transform:scale(1) translateZ(0)}}@keyframes lightSpill{0%{background-position:200% center}to{background-position:0% center}}@keyframes zeroGravityStop{0%{transform:translateY(-12px) rotate(-.8deg)}30%{transform:translateY(8px) rotate(.5deg)}60%{transform:translateY(-5px) rotate(-.3deg)}85%{transform:translateY(2px) rotate(.1deg)}to{transform:translateY(0) rotate(0)}}@keyframes spatialCompress{0%{letter-spacing:var(--ls-start)}to{letter-spacing:var(--ls-end)}}@keyframes smoothUnfold{0%{max-width:0}to{max-width:1000px}}@keyframes twinkle{0%{opacity:.15}to{opacity:.85}}@keyframes shiftUp{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15vh) rotate(0)}}@keyframes fadeInContainer{0%{opacity:0;transform:translate(-50%,-20%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes errorTextFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slowPulse{0%{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #00ff4133}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 10px #00ff4199,0 0 20px #00ff4166}to{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #00ff4133}}@keyframes errorPulse{0%{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #f333}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 10px #f339,0 0 20px #f336}to{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #f333}}@keyframes yellowPulse{0%{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #ffd70033}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 10px #ffd70099,0 0 20px #ffd70066}to{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #ffd70033}}@keyframes bluePulse{0%{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #00e1ff33}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 10px #00e1ff99,0 0 20px #00e1ff66}to{transform:scale(.95);opacity:.6;box-shadow:0 0 5px #00e1ff33}}