@font-face{font-family:Xirod;src:url(/xirod.otf) format("opentype")}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#000;font-family:Syne,sans-serif;overflow:hidden;position:relative}#shader-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#shader-bg canvas{display:block}.mobile-stars,#shader-bg.mobile-stars{background:#000;overflow:hidden}@media(max-width:768px){#shader-bg{background:#000}#shader-bg canvas{display:none!important}#shader-bg:before,#shader-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(1px 1px at 200px 50px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 220px 150px,white,transparent),radial-gradient(1px 1px at 250px 90px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 280px 200px,white,transparent),radial-gradient(1px 1px at 310px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 350px 140px,white,transparent),radial-gradient(1px 1px at 380px 30px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70px 200px,white,transparent),radial-gradient(1px 1px at 120px 250px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 180px 280px,white,transparent),radial-gradient(1px 1px at 240px 320px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 300px 260px,white,transparent),radial-gradient(1px 1px at 360px 300px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:400px 400px;animation:twinkle 4s ease-in-out infinite}#shader-bg:after{background-size:300px 300px;animation:twinkle 6s ease-in-out infinite reverse;opacity:.7}}.mobile-stars:before,.mobile-stars:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(1px 1px at 200px 50px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 220px 150px,white,transparent),radial-gradient(1px 1px at 250px 90px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 280px 200px,white,transparent),radial-gradient(1px 1px at 310px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 350px 140px,white,transparent),radial-gradient(1px 1px at 380px 30px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70px 200px,white,transparent),radial-gradient(1px 1px at 120px 250px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 180px 280px,white,transparent),radial-gradient(1px 1px at 240px 320px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 300px 260px,white,transparent),radial-gradient(1px 1px at 360px 300px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:400px 400px;animation:twinkle 4s ease-in-out infinite}.mobile-stars:after{background-size:300px 300px;animation:twinkle 6s ease-in-out infinite reverse;opacity:.7}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}main{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.logo-wrap{position:relative;margin-bottom:40px}.logo{position:relative;width:320px;height:320px;object-fit:contain;animation:logoFloat 6s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,245,212,.3))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{font-family:Xirod,Syne,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.2em;color:#ffffffd9;text-transform:uppercase;text-shadow:0 0 20px rgba(0,245,212,.3);margin-left:10px}.line{width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,212,.6),transparent);margin-top:24px}@media(max-width:480px){.logo{width:220px;height:220px}h1{font-size:1.2rem;letter-spacing:.15em}}