.login-container{width:100%;max-width:440px;min-height:100dvh;padding:calc(clamp(20px,5vw,40px) + env(safe-area-inset-top))clamp(12px,4vw,20px)calc(clamp(16px,4vw,28px) + env(safe-area-inset-bottom));background-color:#0f0f1a;flex-direction:column;align-items:center;margin:0 auto;display:flex;overflow-x:hidden}.logo-section{flex-direction:column;align-items:center;width:100%;margin-bottom:clamp(14px,4vw,20px);display:flex}.logo-wrapper{justify-content:center;align-items:center;width:clamp(72px,24vw,100px);height:clamp(72px,24vw,100px);margin-bottom:clamp(8px,2vw,10px);display:flex}.logo-wrapper .logo{object-fit:contain;width:100%;height:100%}.app-title{color:gold;text-align:center;margin-bottom:4px;font-size:clamp(22px,7vw,28px);font-weight:700;line-height:1.15}.app-subtitle{color:#888;text-align:center;font-size:clamp(12px,3.6vw,14px)}.whatsapp-button{cursor:pointer;background-color:#1a1a2e;border:1px solid #2a2a3e;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:44px;margin-bottom:clamp(16px,4vw,24px);padding:clamp(10px,2.8vw,12px) clamp(20px,6vw,24px);text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.whatsapp-button:hover{border-color:#3f3f56;transform:translateY(-1px)}.whatsapp-button .whatsapp-icon{color:#25d366;width:clamp(22px,6vw,24px);height:clamp(22px,6vw,24px)}.whatsapp-button .whatsapp-icon svg{width:100%;height:100%}.whatsapp-button .whatsapp-number{color:#fff;font-size:clamp(14px,3.8vw,16px);font-weight:500}.auth-switch-section{background:linear-gradient(#ffd7001f 0%,#1a1a2ef2 48%,#0f0f1aeb 100%);border:1px solid #ffd7004d;border-radius:clamp(14px,4vw,16px);width:100%;margin-bottom:clamp(16px,4vw,20px);padding:clamp(10px,2.8vw,12px);box-shadow:0 10px 24px #00000042,inset 0 1px #ffffff14}.auth-switch-label{color:#f5e9b3;letter-spacing:.04em;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:clamp(11px,3vw,12px);font-weight:700}.auth-switch-buttons{background-color:#0f0f1ab8;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;padding:4px;display:grid}.auth-switch-button{color:#c7cad8;letter-spacing:.01em;-webkit-tap-highlight-color:#0000;background-color:#0000;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 8px;font-size:clamp(13px,3.7vw,14px);font-weight:700;text-decoration:none;transition:all .2s;display:flex}.auth-switch-button:not(.active):hover{color:#fff;background-color:#ffffff0f;border-color:#ffffff1f}.auth-switch-button:focus-visible{outline-offset:1px;outline:2px solid #ffd7008c}.auth-switch-button.active{color:#2a2300;pointer-events:none;background:linear-gradient(#fff 0%,#52a9ff 100%);border-color:#0070f3;box-shadow:0 2px 10px #0070f3}.auth-switch-help{color:#aeb2c2;text-align:center;margin-top:10px;font-size:clamp(11px,3vw,12px);line-height:1.4}.login-card{background-color:#1a1a2e;border:1px solid #2a2a3e;border-radius:clamp(14px,4.5vw,20px);flex-direction:column;align-items:center;width:100%;padding:clamp(18px,5vw,30px) clamp(12px,4vw,20px);display:flex}.login-title{color:gold;text-align:center;margin-bottom:clamp(18px,4vw,25px);font-size:clamp(20px,6vw,22px);font-weight:600;line-height:1.2}.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:clamp(12px,3.4vw,14px);display:flex}.api-error .error-icon{flex-shrink:0;width:20px;height:20px}.api-error span{overflow-wrap:anywhere;min-width:0}.input-group{width:100%;margin-bottom:clamp(12px,3vw,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;min-width:0;padding:0 clamp(10px,3.5vw,15px);display:flex}.input-group .input-icon{color:#888;flex-shrink:0;width:clamp(18px,5vw,20px);height:clamp(18px,5vw,20px);margin-right:clamp(8px,3vw,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;width:100%;min-width:0;padding:clamp(13px,3.8vw,16px) 0;font-size:16px;line-height:1.2}.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;flex-shrink:0;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;overflow-wrap:anywhere;margin-top:6px;padding-left:5px;font-size:clamp(11px,3vw,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%;min-height:48px;margin-top:clamp(8px,2vw,10px);margin-bottom:clamp(14px,4vw,20px);padding:12px 14px;font-size:clamp(15px,3.8vw,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;text-align:center;font-size:clamp(13px,3.6vw,14px);line-height:1.45}.register-text .register-link{color:gold;font-weight:600;text-decoration:none}.register-text .register-link:hover{text-decoration:underline}.forgot-password{color:#c41c1c;text-align:center;margin-top:clamp(16px,4vw,25px);font-size:clamp(13px,3.6vw,14px);line-height:1.45;text-decoration:none}@media (max-width:360px){.login-container{padding:calc(18px + env(safe-area-inset-top))10px calc(14px + env(safe-area-inset-bottom))}.login-card{padding:16px 10px}.auth-switch-help{font-size:11px}.login-button{min-height:46px}}@media (max-height:700px){.logo-section,.whatsapp-button,.auth-switch-section{margin-bottom:14px}.login-card{padding-top:16px;padding-bottom:16px}.forgot-password{margin-top:16px}}@keyframes spin{to{transform:rotate(360deg)}}