.login-container{flex-direction:column;min-height:100vh;padding:20px;background:#1a1a1a}.login-container,.login-logo{display:flex;justify-content:center;align-items:center}.login-logo{margin-bottom:40px}.login-logo .logo{background:#2a2a2a;border-radius:8px;padding:20px;display:flex;justify-content:center;align-items:center}.login-card{background:transparent;max-width:450px;width:100%}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffff;font-size:14px;font-weight:500}.form-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #3a3a3a;border-radius:4px;background:#2a2a2a;color:#ffffff;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#4a9eff;background:#2a2a2a}.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:#ffffff}.error-message{color:#ff6b6b;text-align:center;font-size:14px;padding:12px;background:rgba(255,107,107,.1);border-radius:4px;border:1px solid rgba(255,107,107,.3)}.login-button{width:100%;padding:14px 24px;font-size:16px;font-weight:500;color:#1a1a1a;background:#d4d4d4;border:none;border-radius:4px;cursor:pointer;transition:all .2s;margin-top:8px}.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}}