:root{--bg-black: #000000;--bg-dark-grey: #121212;--neon-blue: #00e5ff;--neon-glow: 0 0 10px rgba(0, 229, 255, .5), 0 0 20px rgba(0, 229, 255, .3);--text-white: #ffffff;--text-grey: #a0a0a0;--error-red: #ff8a8a;--error-bg: rgba(255, 138, 138, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-black);color:var(--text-white)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-black);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.05) 0%,transparent 70%);top:-100px;right:-100px}.login-box{width:100%;max-width:400px;padding:40px;background-color:var(--bg-dark-grey);border:1px solid rgba(0,229,255,.1);border-radius:12px;box-shadow:0 10px 30px #00000080;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:2.5rem;letter-spacing:4px;margin-bottom:8px;font-weight:800}.neon-text{color:var(--neon-blue);text-shadow:var(--neon-glow)}.login-subtitle{color:var(--text-grey);font-size:.9rem;margin-bottom:40px;letter-spacing:2px;text-transform:uppercase}.login-form{text-align:left}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:.85rem;color:var(--text-grey);text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;transition:all .3s ease;outline:none}.form-group input:focus{border-color:var(--neon-blue);box-shadow:0 0 5px #00e5ff4d;background-color:#ffffff14}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:60px}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--neon-blue);font-size:.7rem;font-weight:700;cursor:pointer;letter-spacing:1px;padding:4px 8px;border-radius:4px;transition:all .2s ease;z-index:10}.password-toggle:hover{background:#00e5ff1a;text-shadow:var(--neon-glow)}.error-message{background-color:var(--error-bg);color:var(--error-red);padding:12px;border-radius:6px;font-size:.85rem;margin-bottom:24px;border:1px solid rgba(255,138,138,.2);text-align:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-button{width:100%;padding:14px;background-color:var(--neon-blue);color:#000;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--neon-glow);text-transform:uppercase;letter-spacing:2px}.login-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 15px #00e5ff80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-footer{margin-top:40px;font-size:.75rem;color:var(--text-grey);letter-spacing:1px}