.login-container{background-color:#0f0f1a;flex-direction:column;align-items:center;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}.logo-section{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.logo-wrapper{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:10px;display:flex}.logo-wrapper .logo{object-fit:contain;width:100%;height:100%}.app-title{color:gold;margin-bottom:4px;font-size:28px;font-weight:700}.app-subtitle{color:#888;font-size:14px}.whatsapp-button{cursor:pointer;background-color:#1a1a2e;border:1px solid #2a2a3e;border-radius:30px;align-items:center;gap:10px;margin-bottom:30px;padding:12px 24px;display:flex}.whatsapp-button .whatsapp-icon{color:#25d366;width:24px;height:24px}.whatsapp-button .whatsapp-icon svg{width:100%;height:100%}.whatsapp-button .whatsapp-number{color:#fff;font-size:16px;font-weight:500}.login-card{background-color:#1a1a2e;border:1px solid #2a2a3e;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:30px 20px;display:flex}.login-title{color:gold;margin-bottom:25px;font-size:22px;font-weight:600}.api-error{color:#ff6b6b;background-color:#c41c1c26;border:1px solid #c41c1c4d;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:12px 15px;font-size:14px;display:flex}.api-error .error-icon{flex-shrink:0;width:20px;height:20px}.input-group{width:100%;margin-bottom:15px;position:relative}.input-group.has-error .input-wrapper{border:1px solid #c41c1c}.input-group .input-wrapper{background-color:#fff;border-radius:10px;align-items:center;padding:0 15px;display:flex}.input-group .input-icon{color:#888;flex-shrink:0;width:20px;height:20px;margin-right:12px}.input-group .input-icon svg{width:100%;height:100%}.input-group .input-field{color:#333;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-size:15px}.input-group .input-field::placeholder{color:#999}.input-group .input-field:disabled{opacity:.6;cursor:not-allowed}.input-group .password-toggle{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.input-group .password-toggle:disabled{cursor:not-allowed;opacity:.5}.input-group .password-toggle svg{width:100%;height:100%}.input-group .error-text{color:#ff6b6b;margin-top:6px;padding-left:5px;font-size:12px;display:block}.login-button{color:#333;cursor:pointer;background-color:gold;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;margin-bottom:20px;padding:16px;font-size:16px;font-weight:600;display:flex}.login-button:active:not(:disabled){opacity:.9}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button .spinner{border:2px solid #3333334d;border-top-color:#333;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.register-text{color:#fff;font-size:14px}.register-text .register-link{color:gold;font-weight:600;text-decoration:none}.forgot-password{color:#c41c1c;text-align:center;margin-top:25px;font-size:14px;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}