.auth-container{width:100%;max-width:480px;margin:auto auto 2rem}.login-tabs{border-bottom:2px solid var(--primary-tint);margin-bottom:1.5rem;display:flex}.login-tabs button{cursor:pointer;color:var(--medium-color);background:0 0;border:none;flex:1;padding:.75rem;font-weight:500;transition:all .3s;position:relative}.login-tabs button:hover{background-color:var(--hover-color);color:var(--text-primary)}.login-tabs button.active{color:var(--tertiary-contrast);background:var(--primary-color)}.login-tabs button.active:after{content:"";background-color:var(--primary-tint);height:2px;position:absolute;bottom:-2px;left:0;right:0}.login-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-group input{border:2px solid var(--border-color);background:var(--input-background);width:100%;color:var(--text-primary);border-radius:8px;padding:12px;font-size:14px;transition:border-color .3s}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4299e11a}.form-group input.error{border-color:var(--danger-color);box-shadow:0 0 0 2px #dc35451a}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:45px}.password-toggle{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:background-color .2s;position:absolute;right:8px}.password-toggle:hover{color:var(--primary-contrast)}.form-actions{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.login-btn{background:var(--primary-color);width:100%;color:var(--primary-contrast);cursor:pointer;border:none;border-radius:8px;justify-content:center;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.login-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.login-btn:disabled{background-color:var(--disabled-bg);color:var(--disabled-color);cursor:not-allowed;box-shadow:none;transform:none}.forgot-password{color:var(--tertiary-tint);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline;transition:color .2s}.forgot-password:hover{color:var(--primary-hover)}.auth-container .register-link{border-top:1px solid var(--border-light);color:var(--text-secondary);align-items:center;margin-top:2rem;padding-top:1.5rem}.auth-container .register-link button{color:var(--tertiary-shade);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline;transition:color .2s}.auth-container .register-link button:hover,.login-tips a:hover{color:var(--tertiary-tint)}.loading{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.error-message{background-color:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-border);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-weight:500;display:flex}.global-error-message{background-color:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-border);text-align:center;border-radius:8px;margin-bottom:20px;padding:16px;font-weight:500}.error-icon{font-size:16px}.error-suggestions{background-color:var(--info-light);border:1px solid var(--info-border);border-radius:8px;margin:16px 0;padding:16px}.auth-container .suggestion-header{color:var(--info-color);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.suggestion-icon{font-size:16px}.error-suggestions ul{margin:12px 0;padding-left:20px}.error-suggestions li{color:var(--text-secondary);margin-bottom:6px;font-size:14px}.suggestion-actions{gap:12px;margin-top:12px;display:flex}.suggestion-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.suggestion-btn.primary{background-color:var(--primary-color);color:#fff}.suggestion-btn.primary:hover{background-color:var(--primary-dark)}.suggestion-btn.secondary{background-color:var(--secondary-color);color:var(--secondary-contrast)}.suggestion-btn.secondary:hover{background-color:var(--secondary-dark)}.login-tips{border-radius:8px;margin-top:20px;padding:16px}.login-tips a{color:var(--tertiary-shade);font-size:1.2rem}.tip-header{color:var(--success-color);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.tip-icon{font-size:16px}.login-tips ul{margin:12px 0;padding-left:20px}.login-tips li{color:var(--text-color);margin-bottom:6px;font-size:14px}@media (max-width:768px){.auth-container{padding:0 1rem;max-width:100%!important}.login-content{padding:1.5rem}.login-tabs button{padding:.5rem;font-size:14px}.suggestion-actions{flex-direction:column}.suggestion-btn{text-align:center;width:100%}}@media (max-width:480px){.login-content{margin:0 .5rem;padding:1.25rem}.form-actions{gap:.75rem}.login-btn{padding:12px;font-size:15px}.error-suggestions,.login-tips{padding:12px}.error-suggestions ul,.login-tips ul{padding-left:16px}}.tip-modal-content{flex-direction:column;gap:24px;display:flex}.help-section{background:linear-gradient(135deg,var(--card-bg)0%,var(--bg-color)100%);border:1px solid var(--border-color);box-shadow:var(--light-box-shadow);border-radius:12px;padding:20px}.help-title{align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.help-icon{color:var(--primary-color);font-size:18px}.help-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.help-item{align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.help-bullet{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px;display:inline-block}.support-info{flex-direction:column;gap:4px;display:flex}.support-link{color:var(--primary-color);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.support-link:hover{color:var(--primary-tint);text-decoration:underline}.support-icon{font-size:16px}.payment-section{border:1px solid var(--border-color);box-shadow:var(--light-box-shadow);background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-radius:12px;padding:20px}.payment-button{background:linear-gradient(135deg,var(--success-color)0%,var(--success-tint)100%);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.payment-button:hover{box-shadow:var(--light-box-shadow);background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px)}.payment-button:active{transform:translateY(0)}.payment-icon{font-size:18px}.payment-note{text-align:center;color:#3d434a;margin:12px 0 0;font-size:13px;font-weight:500}.user-type-toggle-container{margin-bottom:1.5rem}.user-type-toggle{background:#f3f4f6;border-radius:.75rem;gap:.5rem;margin-bottom:.5rem;padding:.25rem;display:flex}.toggle-option{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.toggle-option.active{color:#3b82f6;background:#fff;box-shadow:0 1px 3px #0000001a}.toggle-option:hover:not(.active){color:#374151;background:#ffffff80}.toggle-icon{font-size:1rem}.user-type-hint{color:#6b7280;text-align:center;margin:0;font-size:.75rem}@media (max-width:640px){.toggle-option span{font-size:.75rem}.toggle-icon{font-size:.875rem}}