html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}#app{width:100%;height:100%;touch-action:none;cursor:grab}#app.dragging{cursor:grabbing}#login-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#002044;display:flex;align-items:center;justify-content:center;z-index:10000;font-family:monospace;color:#fff;transition:opacity .5s ease,visibility .5s ease}#login-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:#000f23d9;border:1px solid #fff;border-radius:8px;padding:40px 30px;width:340px;box-shadow:0 0 30px #ffffff26,inset 0 0 15px #ffffff0d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#fff0 50%,#00000040 50%);z-index:2;background-size:100% 4px;pointer-events:none;opacity:.2}.login-logo{text-align:center;margin-bottom:30px}.login-logo h1{margin:15px 0 0;font-size:24px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.6)}.login-logo svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));animation:logo-spin 20s linear infinite}.login-logo svg *{stroke:#fff!important}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{margin-bottom:20px;position:relative}.input-group label{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px;color:#fff;font-weight:700}.input-group input{width:100%;box-sizing:border-box;background:#000;border:1px solid #fff;color:#fff;padding:12px 14px;font-family:monospace;font-size:14px;border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:#fff;box-shadow:0 0 10px #fff6}.login-error-msg{color:#f55;font-size:11px;text-align:center;margin-bottom:20px;display:none;letter-spacing:1px;text-shadow:0 0 5px rgba(255,85,85,.4)}.login-btn{width:100%;background:transparent;border:1px solid #fff;color:#fff;padding:12px;font-family:monospace;font-size:13px;font-weight:700;letter-spacing:2px;border-radius:4px;cursor:pointer;text-transform:uppercase;transition:background-color .2s,box-shadow .2s,transform .1s;box-shadow:0 0 10px #ffffff1a}.login-btn:hover{background:#ffffff26;box-shadow:0 0 15px #fff6}.login-btn:active{transform:scale(.98)}.shake{animation:shake-anim .4s ease-in-out}@keyframes shake-anim{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}