.loginPage{position:fixed;top:0;left:0;width:100vw;height:100vh;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.loginPage .login-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-1;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.loginPage .login-crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 2px,transparent 4px);opacity:.2;z-index:0;pointer-events:none}.login-grid-corners{pointer-events:none;z-index:1}.login-grid-corners .corner{position:fixed;width:40px;height:40px;opacity:.15}@media(max-width:60em){.login-grid-corners .corner{width:30px;height:30px}}.login-grid-corners .corner.top-left{top:32px;left:32px;border-top:1px solid hsla(0,0%,100%,.6);border-left:1px solid hsla(0,0%,100%,.6)}@media(max-width:60em){.login-grid-corners .corner.top-left{top:20px;left:16px}}.login-grid-corners .corner.top-right{top:32px;right:32px;border-top:1px solid hsla(0,0%,100%,.6);border-right:1px solid hsla(0,0%,100%,.6)}@media(max-width:60em){.login-grid-corners .corner.top-right{top:20px;right:16px}}.login-grid-corners .corner.bottom-left{bottom:32px;left:32px;border-bottom:1px solid hsla(0,0%,100%,.6);border-left:1px solid hsla(0,0%,100%,.6)}@media(max-width:60em){.login-grid-corners .corner.bottom-left{bottom:20px;left:16px}}.login-grid-corners .corner.bottom-right{bottom:32px;right:32px;border-bottom:1px solid hsla(0,0%,100%,.6);border-right:1px solid hsla(0,0%,100%,.6)}@media(max-width:60em){.login-grid-corners .corner.bottom-right{bottom:20px;right:16px}}.login-hud{pointer-events:none;z-index:1}.login-hud .hud-coords{position:fixed;font-family:var(--font-mono),monospace;font-size:.6rem;color:hsla(0,0%,100%,.5);letter-spacing:.05em}@media(max-width:60em){.login-hud .hud-coords{font-size:.55rem}}.login-hud .hud-coords .bracket{color:hsla(0,0%,100%,.3);margin:0 4px}.login-hud .hud-coords .coord{font-weight:500}.login-hud .hud-coords .status{color:#6cff6c;font-weight:600}.login-hud .hud-coords.top-right{top:100px;right:32px}@media(max-width:60em){.login-hud .hud-coords.top-right{right:16px;top:80px}}.login-hud .hud-coords.bottom-left{bottom:32px;left:32px}@media(max-width:60em){.login-hud .hud-coords.bottom-left{left:16px;bottom:20px}}.login-hud .hud-tagline{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);font-family:var(--font-mono),monospace;font-size:.65rem;color:hsla(0,0%,100%,.4);letter-spacing:.15em;text-transform:uppercase;font-weight:400;white-space:nowrap}@media(max-width:60em){.login-hud .hud-tagline{bottom:20px;font-size:.55rem}}.login-hud .hud-tagline .divider{opacity:.5;margin:0 .5rem}.loginContent{z-index:1;width:100%;max-width:440px;padding:0 1.5rem}.loginCard{width:100%;background:rgba(0,0,0,.45);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1)}.cardHeader{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.cardHeader .headerLeft{display:flex;align-items:center;gap:.75rem}.cardHeader .headerLabel{font-size:.65rem;letter-spacing:.15em;font-weight:600;color:hsla(0,0%,100%,.85);text-transform:uppercase}.cardHeader .headerDivider{opacity:.4;color:hsla(0,0%,100%,.5);font-size:.65rem}.cardHeader .headerStatus{font-size:.6rem;letter-spacing:.1em;color:#6cff6c;text-transform:uppercase}.cardHeader .headerRight{display:flex;align-items:center;gap:.5rem}.cardHeader .statusIndicator{width:6px;height:6px;border-radius:50%;background:#6cff6c;box-shadow:0 0 6px rgba(108,255,108,.5);animation:pulse 2s ease-in-out infinite}.cardHeader .statusLabel{font-size:.55rem;letter-spacing:.1em;color:hsla(0,0%,100%,.5);text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loginForm{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.formDescription{font-size:.7rem;line-height:1.6;color:hsla(0,0%,100%,.9);letter-spacing:.04em;text-transform:uppercase;margin:0}.inputGroup{display:flex;flex-direction:column;gap:.4rem}.inputGroup label{font-size:.6rem;font-weight:600;letter-spacing:.15em;color:hsla(0,0%,100%,.6);text-transform:uppercase}.inputGroup input{box-sizing:border-box;width:100%;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.12);border-radius:0;color:#fff;transition:all .15s ease}.inputGroup input::-moz-placeholder{color:hsla(0,0%,100%,.3);letter-spacing:.05em}.inputGroup input::placeholder{color:hsla(0,0%,100%,.3);letter-spacing:.05em}.inputGroup input:focus{outline:none;border-color:hsla(0,0%,100%,.35)}.buttonGroup{display:flex;gap:.75rem;margin-top:.25rem}.buttonGroup button{flex:1;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;border-radius:3px}.buttonGroup button:disabled{opacity:.6;cursor:not-allowed}.buttonGroup .primaryBtn{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.buttonGroup .primaryBtn:hover:not(:disabled){background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.35)}.buttonGroup .primaryBtn:before{content:"> ";opacity:.5}.buttonGroup .secondaryBtn{background:transparent;color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.1)}.buttonGroup .secondaryBtn:hover:not(:disabled){background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.2)}.forgotLink{text-align:right}.forgotLink a{font-size:.6rem;letter-spacing:.08em;color:hsla(0,0%,100%,.5);text-decoration:none;text-transform:uppercase;transition:color .15s ease}.forgotLink a:hover{color:#fff}.messageArea{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;letter-spacing:.05em;line-height:1.5}.messageArea .prompt{flex-shrink:0}.messageArea.success{background:rgba(108,255,108,.08);border-left:3px solid #6cff6c}.messageArea.success .messageText,.messageArea.success .prompt{color:#6cff6c}.messageArea.error{background:rgba(239,68,68,.1);border-left:3px solid #ef4444}.messageArea.error .prompt{color:#ef4444}.messageArea.error .messageText{color:#ff6b6b}.cardFooter{padding:.75rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.06);text-align:center}.cardFooter .footerText{font-size:.55rem;letter-spacing:.15em;color:hsla(0,0%,100%,.35);text-transform:uppercase}@media(max-width:480px){.loginContent{padding:0 1rem}.cardHeader{padding:.75rem 1rem}.cardHeader .headerLabel{font-size:.6rem}.cardHeader .headerDivider,.cardHeader .headerStatus{display:none}.loginForm{padding:1.25rem 1rem}.buttonGroup{flex-direction:column}.buttonGroup button{padding:.75rem 1rem}.cardFooter{padding:.6rem 1rem}.login-hud .hud-tagline{display:none}}