@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;background-image:linear-gradient(rgba(0,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.2) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,0 0;position:relative;padding:1rem}.terminal-window{width:100%;max-width:800px;background:#000;color:#0f0;font-family:Courier New,Monaco,Menlo,Consolas,monospace;border:1px solid #00f0ff;border:1px solid #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,inset 0 0 5px #0f0;padding:1rem;border-radius:.5rem;position:relative;z-index:1}.terminal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333333}.terminal-title{font-family:Courier New,Monaco,Menlo,Consolas,monospace;color:#0f0;font-size:.875rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0}.terminal-status{width:12px;height:12px;border-radius:50%;background:#0f0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0}50%{opacity:.7;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0}}.ascii-logo{font-family:Courier New,Monaco,Menlo,Consolas,monospace;color:#00f0ff;font-size:.75rem;line-height:1.2;margin-bottom:2rem;white-space:pre;text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 15px #00f0ff,0 0 20px #00f0ff;box-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 15px #00f0ff,inset 0 0 5px #00f0ff;text-align:center}.login-prompt{font-family:Courier New,Monaco,Menlo,Consolas,monospace;color:#0f0;margin-bottom:1rem;font-size:1rem}.prompt-line{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.prompt-text{color:#0f0;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0}.input-wrapper{display:flex;align-items:center;gap:.5rem;flex:1}.terminal-input{background:transparent;border:none;color:#0f0;font-family:Courier New,Monaco,Menlo,Consolas,monospace;font-size:1rem;flex:1;outline:none;padding:0;margin:0;width:100%}.terminal-input:after{content:"_";color:#0f0;animation:blink 1s infinite}.terminal-input:focus{outline:none}.terminal-input::placeholder{color:#00ff0080}.terminal-input:disabled{opacity:.5;cursor:not-allowed}.password-input{font-family:Courier New,Monaco,Menlo,Consolas,monospace;letter-spacing:2px}.error-message{color:#f44;font-family:Courier New,Monaco,Menlo,Consolas,monospace;margin-top:1rem;padding:.5rem;background:#ff44441a;border-left:2px solid #ff4444;text-shadow:0 0 5px #ff4444,0 0 10px #ff4444,0 0 15px #ff4444,0 0 20px #ff4444;box-shadow:0 0 5px #f44,0 0 10px #f44,0 0 15px #f44,inset 0 0 5px #f44}.success-message{color:#0f0;font-family:Courier New,Monaco,Menlo,Consolas,monospace;margin-top:1rem;padding:.5rem;background:#00ff001a;border-left:2px solid #00ff00;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0}.login-button{background:transparent;color:#0f0;border:2px solid #00ff00;padding:.75rem 1.5rem;font-family:Courier New,Monaco,Menlo,Consolas,monospace;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(0,0,.2,1);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left .5s cubic-bezier(0,0,.2,1)}.login-button:hover{text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00,0 0 20px #00ff00;box-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0,inset 0 0 5px #0f0;background:#00ff001a}.login-button:hover:before{left:100%}.login-button:active{transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button:disabled:hover{text-shadow:0 0 5px none,0 0 10px none,0 0 15px none,0 0 20px none;box-shadow:0 0 5px none,0 0 10px none,0 0 15px none,inset 0 0 5px none;background:transparent}.login-button{margin-top:1.5rem;width:100%;padding:1rem;font-size:1.125rem}.typing-animation{overflow:hidden;white-space:nowrap;border-right:2px solid #00ff00;animation:typing 2s steps(40,end),blink-cursor .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{border-color:transparent}50%{border-color:#0f0}}