@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");.login-container{min-height:100vh;background-color:var(--background);display:flex;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;letter-spacing:1px;line-height:1.6;position:relative;background:linear-gradient(rgba(15,14,12,.92),rgba(15,14,12,.92)),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(24,140,179,.1) 3px,rgba(24,140,179,.1) 0);overflow:hidden;padding:100px 2rem 2rem;z-index:1}.login-container:before{background:linear-gradient(90deg,rgba(24,140,179,.03) 1px,transparent 0),linear-gradient(rgba(24,140,179,.03) 1px,transparent 0);background-size:20px 20px;animation:gridMove 15s linear infinite}.login-container:after,.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.login-container:after{background:radial-gradient(circle at 20% 30%,rgba(24,140,179,.1) 0,transparent 100px),radial-gradient(circle at 80% 70%,rgba(212,189,2,.1) 0,transparent 100px),radial-gradient(circle at 40% 80%,rgba(178,42,38,.1) 0,transparent 100px);filter:blur(10px);animation:floatingLights 8s ease-in-out infinite alternate}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.05) 51%);background-size:100% 4px;animation:scanline 10s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes floatingLights{0%{opacity:.5;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-20px) scale(1.1)}to{opacity:.5;transform:translateY(0) scale(1)}}.login-form{width:100%;max-width:500px;background:rgba(15,14,12,.95);border:3px solid #1894bc;border-radius:12px;padding:2.5rem;box-shadow:0 0 30px rgba(24,140,179,.2),0 0 60px rgba(24,140,179,.1),inset 0 0 20px rgba(24,140,179,.1);backdrop-filter:blur(10px);position:relative;overflow:hidden;z-index:2}.form-group,.login-input{position:relative;z-index:3}.login-input{width:100%;background:rgba(15,14,12,.8);border:2px solid #1894bc;color:#F2EBD1;padding:16px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:all .3s ease;border-radius:4px;letter-spacing:2px}.email-input{text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:normal}.login-input:focus{outline:none;border-color:#d4bd02;box-shadow:0 0 15px rgba(24,140,179,.3)}.login-btn{width:100%;background:linear-gradient(45deg,#af2924,#b22a26);color:#F2EBD1;border:2px solid #1894bc;padding:1rem;font-size:.8rem;letter-spacing:1px;margin-top:1.5rem;transition:all .3s ease;position:relative;z-index:3;cursor:pointer;font-family:Press Start\ 2P,cursive}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,140,179,.4)}.login-alternate{text-align:center;margin-top:1.5rem;font-size:1.1rem;color:#F2EBD1;font-family:Bebas Neue,sans-serif;letter-spacing:1px;position:relative;z-index:3}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#1894bc,transparent);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.gradient-text{color:#d4bd02;font-size:1.4rem;font-family:Bebas Neue,sans-serif;letter-spacing:1px}@media (max-width:768px){.login-form{padding:1.5rem}.login-input{font-size:1rem;padding:14px}.login-alternate{font-size:.9rem}.gradient-text{font-size:1.2rem}.retro-font{font-size:2rem!important}}.retro-font{font-family:Bebas Neue,sans-serif;font-size:2.5rem!important;letter-spacing:2px;color:white}.password-toggle-btn{padding:8px;cursor:pointer;font-size:1.1rem;transition:all .2s ease;user-select:none;display:flex;align-items:center;justify-content:center}.password-toggle-btn:hover{color:#d4bd02;transform:scale(1.1)}