:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{max-width:none!important;margin:0!important;padding:0!important;text-align:initial!important;display:flex;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);background-size:cover;background-position:center;background-repeat:no-repeat}.login-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.stars,.stars2,.stars3{position:absolute;width:1px;height:1px;background:transparent;top:0;left:0;z-index:0}.stars{box-shadow:100px 200px #fff,300px 400px #fff,250px 600px #fff,800px 120px #fff,1200px 700px #fff,1700px 300px #fff,1400px 900px #fff,500px 1100px #fff;animation:blink 4s infinite alternate}.stars2{box-shadow:150px 100px #fff,600px 500px #fff,700px 800px #fff,1300px 200px #fff,1600px 600px #fff;animation:blink 6s infinite alternate}.stars3{box-shadow:400px 300px #fff,900px 700px #fff,1000px 400px #fff,1800px 500px #fff;animation:blink 8s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:1}}.earth{position:absolute;bottom:-15vh;left:50%;transform:translate(-50%);width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a9bdc,#0a2f66 80%);z-index:0;box-shadow:inset -5vw -5vw 10vw #000000b3;animation:rotateEarth 120s linear infinite;overflow:hidden}.continents{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(34,139,34,.6) 0 30%,transparent 40%),radial-gradient(circle at 60% 20%,rgba(139,69,19,.5) 0 25%,transparent 35%);filter:blur(1vw);animation:drift 300s linear infinite}.earth-glow{position:absolute;bottom:-18vh;left:50%;transform:translate(-50%);width:45vw;height:45vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(58,155,220,.3),transparent 70%);z-index:0;filter:blur(3vw)}@keyframes rotateEarth{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes drift{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.moon-orbit{position:absolute;bottom:10vh;left:50%;width:70vw;height:70vw;margin-left:-35vw;margin-bottom:-35vw;border-radius:50%;animation:orbit 60s linear infinite;z-index:1}.moon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:5vw;height:5vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ddd,#888);box-shadow:inset -1vw -1vw 2vw #00000080,0 0 2vw #ffffff4d}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meteors{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.meteor{position:absolute;width:.6vw;height:.6vw;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffffffe6,-1vw -1vw 3vw #ffffff80;transform:rotate(var(--rotate, 45deg));animation:shoot linear forwards}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(var(--rotate,45deg)) scale(1)}10%{opacity:1}to{opacity:0;transform:translate(-80vw,80vh) rotate(var(--rotate,45deg)) scale(.8)}}.login-box{position:relative;z-index:5;background:#0009;padding:30px;border-radius:12px;width:300px;text-align:center;color:#fff}.login-box input{width:90%;margin:10px auto;padding:10px;border-radius:6px;border:none}button{margin-top:10px;padding:10px;width:100%;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer}button:hover{background:#45a049}.register-btn{background:#2196f3}.register-btn:hover{background:#1976d2}.error{color:#ff5252;margin-top:15px}@media(max-width:768px){.earth{width:60vw;height:60vw;bottom:-10vh}.moon{width:8vw;height:8vw}.login-box{width:80%;padding:20px;font-size:14px}}@media(max-width:480px){.earth{width:75vw;height:75vw;bottom:-8vh}.moon{width:10vw;height:10vw}.login-box{width:85%;padding:15px;font-size:13px}}