.login-container{background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-logo{justify-content:center;align-items:center;margin-bottom:40px;display:flex}.login-logo .logo{background:#2a2a2a;border-radius:8px;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{background:0 0;width:100%;max-width:450px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-input{color:#fff;box-sizing:border-box;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;width:100%;padding:12px 16px;font-size:16px;transition:all .2s}.form-input:focus{background:#2a2a2a;border-color:#4a9eff;outline:none}.form-input:disabled{opacity:.5;cursor:not-allowed}.forgot-password-link{margin-top:-8px}.forgot-password-link a{color:#9a9a9a;font-size:14px;text-decoration:none;transition:color .2s}.forgot-password-link a:hover{color:#fff}.error-message{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:4px;padding:12px;font-size:14px}.login-button{color:#1a1a1a;cursor:pointer;background:#d4d4d4;border:none;border-radius:4px;width:100%;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:500;transition:all .2s}.login-button:hover:not(:disabled){background:#e4e4e4}.login-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.login-card{padding:0}.login-logo{margin-bottom:30px}}