.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle,rgba(95,147,42,.75) 0,#333 100%);padding:20px}.login-container .login-card{background:#333;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);padding:40px;width:100%;max-width:400px}.login-container .login-card .login-header{text-align:center}.login-container .login-card .login-header .login-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.login-container .login-card .login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-container .login-card .login-header p{color:#666;font-size:16px;margin:0}.login-container .login-card .error-message,.login-container .login-card .login-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;padding:12px;margin-bottom:20px;font-size:14px;text-align:center}.login-container .login-card .login-form .form-group{margin-bottom:20px}.login-container .login-card .login-form .form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.login-container .login-card .login-form .form-group .input-group{position:relative;display:flex;flex-direction:column;align-items:start}.login-container .login-card .login-form .form-group .input-group input{width:93%;margin-bottom:10px;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease}.login-container .login-card .login-form .form-group .input-group input:focus{outline:none;border-color:#667eea}.login-container .login-card .login-form .form-group .input-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-container .login-card .login-form .form-group .input-group .toggle-visibility{position:absolute;top:114px;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:4px;font-size:16px;transition:color .3s ease}.login-container .login-card .login-form .form-group .input-group .toggle-visibility:hover{color:#333}.login-container .login-card .login-form .form-group .input-group .toggle-visibility:disabled{cursor:not-allowed;opacity:.5}.login-container .login-card .login-form .login-btn,.login-container .login-card .login-form .login-button{width:100%;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-container .login-card .login-form .login-btn:hover:not(:disabled),.login-container .login-card .login-form .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3)}.login-container .login-card .login-form .login-btn:disabled,.login-container .login-card .login-form .login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-container .login-card .login-form .login-button--primary{background-color:#8dc63f;color:#000}.login-container .login-card .login-form .login-btn,.login-container .login-card .login-form .login-button--alt{background:#5f932a;color:#fff;border-radius:6px;font-size:1.1rem;padding:12px;font-weight:400}.login-container .login-card .login-form .help-text{text-align:center;margin-top:20px}.login-container .login-card .login-form .help-text p{color:#666;font-size:14px;margin:0}