@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:999}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:50vh;background:linear-gradient(rgba(255,0,200,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,200,.15) 1px,transparent 1px);background-size:60px 60px;transform:perspective(400px) rotateX(60deg);transform-origin:bottom;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.6),transparent);mask-image:linear-gradient(to top,rgba(0,0,0,.6),transparent)}body{font-family:Orbitron,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0015;background-image:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,0,200,.12),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(0,255,255,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 80%,rgba(255,0,200,.06),transparent);color:#e0e0ff;overflow:hidden;position:relative}.container,.greet{position:relative;z-index:10;width:100%;max-width:440px;background:#0d001ed9;border:1px solid #ff00cc;border-radius:4px;padding:2.5rem;box-shadow:0 0 0 1px #f0c3,0 0 20px #ff00cc4d,0 0 60px #ff00cc1a,inset 0 0 30px #ff00cc08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.container:before,.greet:before,.container:after,.greet:after{content:"";position:absolute;width:16px;height:16px;border-color:#0ff;border-style:solid}.container:before,.greet:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.container:after,.greet:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}h1{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#fff;text-shadow:0 0 7px #fff,0 0 15px #ff00cc,0 0 30px #ff00cc,0 0 60px #ff00cc;animation:flicker 6s infinite}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px #fff,0 0 15px #ff00cc,0 0 30px #ff00cc,0 0 60px #ff00cc}20%,24%,55%{text-shadow:none;color:#ccc}}h2{font-family:Share Tech Mono,monospace;font-size:.85rem;font-weight:400;color:#0ff;margin-bottom:1.5rem;text-align:center;letter-spacing:2px;text-transform:uppercase}h2 strong{color:#f0c;font-weight:700;text-shadow:0 0 8px #ff00cc}.tabs{display:flex;gap:0;margin-bottom:2rem;border:1px solid rgba(255,0,204,.4);border-radius:2px;overflow:hidden}.tabs button{flex:1;padding:.65rem;background:transparent;color:#ff00cc80;border:none;border-right:1px solid rgba(255,0,204,.4);cursor:pointer;font-size:.7rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:2px;text-transform:uppercase;transition:all .2s}.tabs button:last-child{border-right:none}.tabs button.active{background:#ff00cc26;color:#f0c;text-shadow:0 0 8px #ff00cc;box-shadow:inset 0 0 15px #ff00cc1a}.tabs button:hover:not(.active){color:#f0cc;background:#ff00cc0d}.form{display:flex;flex-direction:column;gap:1rem}.form input{padding:.85rem 1rem;border-radius:2px;border:1px solid rgba(0,255,255,.3);background:#00ffff08;color:#0ff;font-size:.85rem;font-family:Share Tech Mono,monospace;letter-spacing:1px;transition:border-color .2s,box-shadow .2s}.form input::placeholder{color:#00ffff4d;letter-spacing:1px}.form input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 1px #0ff,0 0 15px #0ff3;background:#00ffff0d}button[type=submit]{margin-top:.5rem;padding:.9rem;border-radius:2px;border:1px solid #ff00cc;background:#ff00cc1a;color:#f0c;font-weight:700;font-size:.75rem;font-family:Orbitron,sans-serif;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s;text-shadow:0 0 8px #ff00cc;box-shadow:0 0 10px #f0c3,inset 0 0 10px #ff00cc0d}button[type=submit]:hover{background:#ff00cc40;box-shadow:0 0 20px #ff00cc80,inset 0 0 20px #ff00cc1a;transform:translateY(-1px)}button[type=submit]:active{transform:translateY(0)}button[type=submit]:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.greet{text-align:center;display:flex;flex-direction:column;gap:1.25rem}.greet button{padding:.8rem;border-radius:2px;border:1px solid rgba(0,255,255,.4);background:#00ffff0d;color:#0ff;font-weight:700;font-size:.7rem;font-family:Orbitron,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s;text-shadow:0 0 6px #00ffff}.greet button:hover{background:#00ffff1f;box-shadow:0 0 15px #00ffff4d;transform:translateY(-1px)}.logout{border-color:#ffffff1a!important;background:transparent!important;color:#ffffff40!important;text-shadow:none!important}.logout:hover{color:#ffffff80!important;box-shadow:none!important;background:#ffffff0a!important}.error{font-family:Share Tech Mono,monospace;color:#f44;font-size:.78rem;padding:.65rem .875rem;background:#ff444412;border-radius:2px;border:1px solid rgba(255,68,68,.3);letter-spacing:1px;text-shadow:0 0 6px rgba(255,68,68,.5)}.error:before{content:"> ERROR: ";opacity:.7}.greeting{font-family:Share Tech Mono,monospace;color:#0fa;font-size:.9rem;padding:.875rem;background:#00ffaa0d;border-radius:2px;border:1px solid rgba(0,255,170,.25);letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,170,.6)}.greeting:before{content:"> "}