.login-container{background:hsl(var(--background));justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.matrix-bg{z-index:0;opacity:.15;pointer-events:none;position:fixed;inset:0;overflow:hidden}html:not(.dark) .matrix-bg{opacity:.08}.matrix-column{width:2%;height:100%;color:hsl(var(--primary));text-shadow:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:14px;animation:linear infinite matrix-fall;position:absolute;top:-100%}.matrix-column span{opacity:0;animation:2s ease-in-out infinite matrix-fade;display:block}@keyframes matrix-fall{0%{transform:translateY(-100%)}to{transform:translateY(200vh)}}@keyframes matrix-fade{0%,to{opacity:0}50%{opacity:.8}}.vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,hsl(var(--background))100%);opacity:.6;position:fixed;inset:0}.hud-corner{z-index:2;pointer-events:none;border:2px solid hsl(var(--primary));opacity:.3;width:80px;height:80px;position:fixed}html:not(.dark) .hud-corner{opacity:.2}.hud-tl{border-bottom:none;border-right:none;top:2rem;left:2rem}.hud-tr{border-bottom:none;border-left:none;top:2rem;right:2rem}.hud-bl{border-top:none;border-right:none;bottom:2rem;left:2rem}.hud-br{border-top:none;border-left:none;bottom:2rem;right:2rem}.status-bar{background:hsl(var(--popover));border-bottom:1px solid hsl(var(--primary)/.3);letter-spacing:.05em;z-index:100;height:32px;color:hsl(var(--foreground));justify-content:space-between;align-items:center;padding:0 1.5rem;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}.status-item{align-items:center;gap:.5rem;display:flex}.status-dot{background:hsl(var(--success));width:6px;height:6px;box-shadow:0 0 8px hsl(var(--success));border-radius:50%;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.auth-panel{z-index:10;background:hsl(var(--card));border:1px solid hsl(var(--primary)/.3);width:100%;max-width:480px;box-shadow:0 0 40px hsl(var(--primary)/.15),inset 0 0 60px hsl(var(--primary)/.03);opacity:0;padding:3rem 2.5rem;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)}html:not(.dark) .auth-panel{box-shadow:0 0 40px hsl(var(--primary)/.08),0 4px 24px hsl(var(--foreground)/.06)}.auth-panel.mounted{opacity:1;transform:translateY(0)}.auth-header{text-align:center;border-bottom:1px solid hsl(var(--border));margin-bottom:2rem;padding-bottom:2rem}.logo-container{margin-bottom:1.5rem;display:inline-flex}.logo-icon{filter:drop-shadow(0 0 16px hsl(var(--primary)/.6));image-rendering:crisp-edges;animation:3s ease-in-out infinite logo-pulse}html:not(.dark) .logo-icon{filter:drop-shadow(0 0 12px hsl(var(--primary)/.3))}@keyframes logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.auth-title{letter-spacing:.15em;color:hsl(var(--foreground));margin:0 0 .5rem;font-family:IBM Plex Mono,monospace;font-size:2.5rem;font-weight:700}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:hsl(var(--primary));z-index:-1;animation:2.5s infinite glitch-1}.glitch-text:after{color:hsl(var(--destructive));z-index:-2;animation:2.5s infinite glitch-2}@keyframes glitch-1{0%,to{opacity:0;transform:translate(0)}25%{opacity:.8;transform:translate(-2px,2px)}30%{opacity:0;transform:translate(0)}}@keyframes glitch-2{0%,to{opacity:0;transform:translate(0)}45%{opacity:.8;transform:translate(2px,-2px)}50%{opacity:0;transform:translate(0)}}.auth-subtitle{letter-spacing:.3em;color:hsl(var(--primary));margin-bottom:.75rem;font-size:.875rem;font-weight:500}.access-level{letter-spacing:.1em;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:300}.terminal-output{background:hsl(var(--background));border:1px solid hsl(var(--primary)/.2);max-height:150px;margin-bottom:2rem;padding:1rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;overflow-y:auto}.terminal-line{color:hsl(var(--success));opacity:0;margin-bottom:.25rem;animation:.3s ease-out forwards terminal-reveal}.terminal-line:last-child{margin-bottom:0}@keyframes terminal-reveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{letter-spacing:.1em;color:hsl(var(--foreground));align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.label-bracket{color:hsl(var(--primary));font-weight:700}.input-wrapper{background:hsl(var(--input));border:1px solid hsl(var(--border));align-items:center;transition:all .3s;display:flex;position:relative}.input-wrapper:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 20px hsl(var(--primary)/.2)}html:not(.dark) .input-wrapper:focus-within{box-shadow:0 0 12px hsl(var(--primary)/.12)}.input-prefix{color:hsl(var(--primary));-webkit-user-select:none;user-select:none;padding-left:1rem;font-weight:700}.form-input{color:hsl(var(--foreground));letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;padding:.875rem 1rem .875rem .5rem;font-family:IBM Plex Mono,monospace;font-size:.9rem}.form-input::placeholder{color:hsl(var(--muted-foreground));opacity:1}.form-input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.4);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;font-size:.75rem;animation:.5s ease-out error-shake;display:flex}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{color:hsl(var(--destructive));filter:drop-shadow(0 0 6px);flex-shrink:0;font-size:1rem}html:not(.dark) .error-icon{filter:none}.error-text{color:hsl(var(--destructive));letter-spacing:.02em;font-family:IBM Plex Mono,monospace;line-height:1.4}.submit-btn{border:2px solid hsl(var(--primary));width:100%;color:hsl(var(--foreground));letter-spacing:.15em;cursor:pointer;background:0 0;padding:1rem 2rem;font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){border-color:hsl(var(--accent));box-shadow:0 0 30px hsl(var(--primary)/.4)}html:not(.dark) .submit-btn:hover:not(:disabled){box-shadow:0 0 20px hsl(var(--primary)/.15)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-bg{background:hsl(var(--primary));z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.submit-btn:hover:not(:disabled) .btn-bg{transform:translate(0)}.btn-text{justify-content:center;align-items:center;gap:.75rem;transition:color .3s;display:flex;position:relative}.submit-btn:hover:not(:disabled) .btn-text{color:hsl(var(--primary-foreground))}.btn-arrow{transition:transform .3s;display:inline-block}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.loading-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-dots span{animation:1.4s ease-in-out infinite dot-pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:1}40%{opacity:.3}}.auth-footer{text-align:center;margin-top:2.5rem;padding-top:1.5rem}.footer-line{background:linear-gradient(to right,transparent,hsl(var(--primary)/.3)50%,transparent);height:1px;margin-bottom:1rem}.footer-text{letter-spacing:.08em;color:hsl(var(--muted-foreground));font-size:.65rem;font-weight:300}.scan-line{background:linear-gradient(to bottom,transparent,hsl(var(--primary)/.6),transparent);height:2px;box-shadow:0 0 20px hsl(var(--primary));z-index:9999;pointer-events:none;animation:4s linear infinite scan-line-move;position:fixed;top:0;left:0;right:0}html:not(.dark) .scan-line{opacity:.5}@keyframes scan-line-move{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@media (max-width:640px){.auth-panel{padding:2rem 1.5rem}.auth-title{font-size:2rem}.hud-corner{width:50px;height:50px}.status-bar{padding:0 1rem;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.matrix-bg,.scan-line{display:none}}