@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
.login-container{background-color:var(--background);letter-spacing:1px;z-index:1;background:linear-gradient(#0f0e0ceb,#0f0e0ceb),repeating-linear-gradient(0deg,#0000 0 2px,#188cb31a 3px 3px);justify-content:center;align-items:center;min-height:100vh;padding:100px 2rem 2rem;font-family:Bebas Neue,sans-serif;line-height:1.6;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#188cb308 1px,#0000 1px),linear-gradient(#188cb308 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:15s linear infinite gridMove;position:absolute;inset:0}.login-container:after{content:"";filter:blur(10px);z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#188cb31a 0,#0000 100px),radial-gradient(circle at 80% 70%,#d4bd021a 0,#0000 100px),radial-gradient(circle at 40% 80%,#b22a261a 0,#0000 100px);animation:8s ease-in-out infinite alternate floatingLights;position:absolute;inset:0}.scanlines{pointer-events:none;background:linear-gradient(#0000 50%,#0000000d 51%) 0 0/100% 4px;width:100%;height:100%;animation:10s linear infinite scanline;position:fixed;top:0;left:0}@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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#0f0e0cf2;border:3px solid #1894bc;border-radius:12px;width:100%;max-width:500px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 0 30px #188cb333,0 0 60px #188cb31a,inset 0 0 20px #188cb31a}.form-group{z-index:3;position:relative}.login-input{color:#f2ebd1;letter-spacing:2px;z-index:3;background:#0f0e0ccc;border:2px solid #1894bc;border-radius:4px;width:100%;padding:16px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:all .3s;position:relative}.email-input{text-transform:none;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-input:focus{border-color:#d4bd02;outline:none;box-shadow:0 0 15px #188cb34d}.login-btn{color:#f2ebd1;letter-spacing:1px;z-index:3;cursor:pointer;background:linear-gradient(45deg,#af2924,#b22a26);border:2px solid #1894bc;width:100%;margin-top:1.5rem;padding:1rem;font-family:"Press Start 2P",cursive;font-size:.8rem;transition:all .3s;position:relative}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #188cb366}.login-alternate{text-align:center;color:#f2ebd1;letter-spacing:1px;z-index:3;margin-top:1.5rem;font-family:Bebas Neue,sans-serif;font-size:1.1rem;position:relative}.login-form:before{content:"";background:linear-gradient(90deg,#0000,#1894bc,#0000);height:2px;animation:2s linear infinite scanline;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gradient-text{color:#d4bd02;letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:1.4rem}@media (max-width:768px){.login-form{padding:1.5rem}.login-input{padding:14px;font-size:1rem}.login-alternate{font-size:.9rem}.gradient-text{font-size:1.2rem}.retro-font{font-size:2rem!important}}.retro-font{letter-spacing:2px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:2.5rem!important}.password-toggle-btn{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;transition:all .2s;display:flex}.password-toggle-btn:hover{color:#d4bd02;transform:scale(1.1)}