.auth-container{min-height:calc(100vh - var(--header-h,80px));padding:var(--spacing-lg);z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:450px;padding:var(--spacing-2xl)var(--spacing-xl);background:#0a0a0ab3;border:1px solid #ff6b3533;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.auth-card:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff6b350d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-weight:800}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.auth-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.btn-google-auth{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:0;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-google-auth:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.btn-google-auth:disabled{opacity:.6;cursor:not-allowed}.auth-divider{align-items:center;gap:16px;margin:4px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-divider span{color:#fff6;font-size:.85rem;font-weight:500}.auth-input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.auth-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-right:var(--spacing-xs);font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{border-radius:var(--radius-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a}.auth-input:focus{border-color:var(--color-orange-primary);background:#ff6b350d;outline:none;box-shadow:0 0 15px #ff6b351a}.auth-input.error{border-color:#ff4d4d}.auth-password-toggle{left:var(--spacing-md);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute}.auth-password-toggle:hover{color:var(--color-orange-primary)}.auth-error-message{color:#ff4d4d;font-size:var(--font-size-sm);margin-top:4px}.auth-global-error{border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);color:#ff4d4d;font-size:var(--font-size-sm);text-align:center;background:#ff4d4d1a;border:1px solid #ff4d4d33}.auth-global-success{border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);color:#2ed573;font-size:var(--font-size-sm);text-align:center;background:#2ed5731a;border:1px solid #2ed57333}.auth-forgot-password{text-align:right;margin-top:-8px}.auth-forgot-password a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.auth-forgot-password a:hover{color:var(--color-orange-primary)}.auth-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-base)}.auth-footer a{font-weight:700}.auth-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{padding:var(--spacing-lg);z-index:2000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-dark);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;width:100%;max-width:500px;box-shadow:var(--shadow-elevated);border:1px solid #ff6b354d}.modal-title{font-size:var(--font-size-2xl);color:var(--color-orange-primary);margin-bottom:var(--spacing-md)}.modal-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.modal-actions{gap:var(--spacing-md);justify-content:center;display:flex}@media (max-width:480px){.auth-card{padding:var(--spacing-xl)var(--spacing-lg)}.auth-title{font-size:var(--font-size-3xl)}.modal-overlay{padding:var(--spacing-sm)}.modal-content{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.modal-title{font-size:var(--font-size-xl)}.modal-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.modal-actions{gap:var(--spacing-sm);flex-direction:column}}.verify-code-info{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#ff6b351a;border:1px solid #ff6b3533}.verify-code-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin:0;line-height:1.7}.verify-footer-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.device-replacement-panel{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:#ffa5000d;border:1px solid #ffa50033}.device-replacement-header{text-align:center;margin-bottom:var(--spacing-lg)}.device-replacement-icon{margin-bottom:var(--spacing-xs);font-size:2rem;display:block}.device-replacement-header h3{color:orange;font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs)}.device-replacement-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.device-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.device-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;transition:all .2s;display:flex}.device-item:hover{background:#ffffff0f;border-color:#ff6b354d}.device-item.selected{background:#ff6b3514;border-color:#ff6b3580}.device-item input[type=radio]{accent-color:#ff6b35;flex-shrink:0;width:16px;height:16px}.device-icon{flex-shrink:0;font-size:1.4rem}.device-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.device-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500}.device-last-used{color:var(--color-text-muted);font-size:12px}.btn-back-login{text-align:center;width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;transition:color .2s;display:block}.btn-back-login:hover{color:#ff6b35}.devices-list-profile{gap:var(--spacing-sm);flex-direction:column;display:flex}.device-card{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:14px 16px;transition:all .2s;display:flex}.device-card.current{background:#ff6b350d;border-color:#ff6b354d}.device-card-icon{flex-shrink:0;font-size:1.5rem}.device-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.device-card-name{color:#e0e0e0;font-size:14px;font-weight:500}.device-card-meta{color:#888;font-size:12px}.device-card-action{flex-shrink:0}.device-current-badge{color:#ff6b35;white-space:nowrap;background:#ff6b3526;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.device-remove-btn{color:#f44;cursor:pointer;white-space:nowrap;background:#ff3c3c1a;border:1px solid #ff3c3c33;border-radius:8px;padding:5px 14px;font-size:13px;transition:all .2s}.device-remove-btn:hover{background:#ff3c3c33;border-color:#ff3c3c66}.device-remove-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.device-item{padding:var(--spacing-sm)}.device-name,.device-card-name{font-size:13px}.device-card{padding:10px 12px}}.referral-check-btn{color:#ff6b35;cursor:pointer;background:#ff6b3526;border:1px solid #ff6b354d;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s;position:absolute;top:38px;left:8px}.referral-check-btn:hover{background:#ff6b3540}.referral-check-btn:disabled{opacity:.5;cursor:not-allowed}.referral-code-box{background:#ff6b350f;border:2px dashed #ff6b354d;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;display:flex}.referral-code-text{color:#ff6b35;letter-spacing:2px;text-align:center;flex:1;font-family:monospace;font-size:20px;font-weight:700}.referral-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ff6b35;border:none;border-radius:8px;padding:6px 16px;font-size:13px;transition:all .2s}.referral-copy-btn:hover{background:#e55a2b}.referral-share-row{gap:8px;margin-bottom:16px;display:flex}.referral-share-btn{cursor:pointer;color:#ccc;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;transition:all .2s}.referral-share-btn:hover{background:#ffffff14}.referral-share-btn.whatsapp:hover{color:#25d366;background:#25d36626;border-color:#25d3664d}.referral-share-btn.x:hover{color:#1da1f2;background:#1da1f226;border-color:#1da1f24d}.referral-how-it-works{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:16px;padding:14px 16px}.referral-steps{flex-direction:column;gap:8px;display:flex}.referral-step{color:#bbb;align-items:center;gap:10px;font-size:13px;display:flex}.step-num{color:#ff6b35;background:#ff6b3533;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.referral-stats-section{margin-top:8px}.referral-item{background:#ffffff05;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;display:flex}.referral-item-icon{flex-shrink:0;font-size:16px}.referral-item-email{color:#ccc;flex:1;font-size:13px}.referral-item-status{color:#888;white-space:nowrap;font-size:12px}.referral-total{text-align:center;color:#ff6b35;background:#ff6b350f;border-radius:8px;margin-top:8px;padding:8px;font-size:14px;font-weight:600}.referral-widget{text-align:center;background:linear-gradient(135deg,#ff6b351a 0%,#ffa5000d 100%);border:1px solid #ff6b3540;border-radius:16px;margin:16px 0;padding:20px;position:relative}.referral-widget-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:8px;left:8px}.referral-widget-close:hover{color:#fff}.referral-widget-content{flex-direction:column;align-items:center;gap:8px;display:flex}.referral-widget-title{color:#ff6b35;margin:0;font-size:16px;font-weight:700}.referral-widget-subtitle{color:#aaa;margin:0;font-size:13px}.referral-widget-code{background:#0000004d;border:1px dashed #ff6b354d;border-radius:8px;align-items:center;gap:8px;margin:4px 0;padding:8px 14px;display:flex}.referral-widget-code span{color:#ff6b35;letter-spacing:1px;font-family:monospace;font-size:16px;font-weight:700}.referral-widget-code button{cursor:pointer;background:0 0;border:none;padding:2px;font-size:16px}.referral-widget-actions{gap:8px;margin-top:4px;display:flex}.referral-widget-btn{cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:13px;transition:all .2s}.referral-widget-btn.whatsapp{color:#fff;background:#25d366}.referral-widget-btn.whatsapp:hover{background:#1da851}@media (max-width:480px){.referral-share-row{flex-direction:column}.referral-code-text{font-size:16px}.referral-widget{padding:14px}}.share-progress-section{text-align:center;background:#ff6b350a;border:1px solid #ff6b351f;border-radius:16px;margin-top:16px;padding:24px}.share-progress-title{color:#ff6b35;margin:0 0 8px;font-size:18px;font-weight:700}.share-progress-desc{color:#888;margin:0 0 20px;font-size:14px}.share-progress-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}