:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#ffffff;--bg-modal:#ffffff;--bg-overlay:rgba(15,23,42,0.6);--bg-hover:rgba(0,0,0,0.04);--bg-active:rgba(0,0,0,0.08);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-focus:#3b82f6;--border-hover:#cbd5e1;--button-primary-bg:#3b82f6;--button-primary-text:#ffffff;--button-primary-hover:#2563eb;--button-secondary-bg:#f8fafc;--button-secondary-text:#475569;--button-secondary-hover:#f1f5f9;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--accent-info:#06b6d4;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.dark{--bg-primary:#0f172a;--bg-secondary:#2e3a4e;--bg-tertiary:#404e66;--bg-card:#2e3a4e;--bg-modal:#2e3a4e;--bg-overlay:rgba(15,23,42,0.8);--bg-hover:rgba(255,255,255,0.1);--bg-active:rgba(255,255,255,0.15);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-primary:#404e66;--border-secondary:#475569;--border-focus:#3b82f6;--border-hover:#475569;--button-primary-bg:#3b82f6;--button-primary-text:#ffffff;--button-primary-hover:#2563eb;--button-secondary-bg:#404e66;--button-secondary-text:#f8fafc;--button-secondary-hover:#475569;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--accent-info:#06b6d4;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6),0 10px 10px -5px rgba(0,0,0,0.5)}*{box-sizing:border-box}body,html{height:100%}body,html{background:#F5F5F5!important}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.dark body,.dark html{background:#1E293B!important}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;pointer-events:none}.settings-modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.modal-close,.modal-save{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.modal-close:hover,.modal-save:hover{background:var(--bg-tertiary)}.modal-title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.modal-description{padding:16px 20px 0;margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.modal-content{padding:20px}.settings-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:16px;transition:all .2s}.settings-input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-secondary)}.settings-input::placeholder{color:var(--text-tertiary)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:8px;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.theme-toggle.small{padding:6px}.theme-toggle.large{padding:12px}.theme-selector{display:flex;flex-direction:column;gap:8px}.theme-selector-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.theme-options{display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:4px}.theme-option{display:flex;align-items:center;gap:12px;padding:8px 12px;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:14px}.theme-option:hover{background:var(--bg-tertiary)}.theme-option.active{color:white}.theme-option.active,.theme-option.active:hover{background:var(--accent-primary)}.appearance-content{padding:20px;display:flex;flex-direction:column;gap:16px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-description{padding-top:8px;border-top:1px solid var(--border-primary)}.setting-description p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.settings-select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:16px;cursor:pointer}.settings-select:focus{outline:none;border-color:var(--border-focus)}.password-inputs{display:flex;flex-direction:column;gap:12px}.password-field{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-button{position:relative;width:48px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:14px;transition:all .3s}.toggle-button.active{border-color:var(--accent-primary)}.toggle-slider{top:2px;left:2px;width:24px;height:24px;background:var(--bg-primary);border-radius:12px;transition:all .3s;box-shadow:var(--shadow-sm)}.toggle-button.active .toggle-slider{transform:translateX(20px)}.toggle-label{font-size:16px;color:var(--text-primary);font-weight:500}.list-container{display:flex;flex-direction:column;gap:2px}.list-option{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--text-primary);font-size:16px;padding:16px 12px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.list-option:hover{background:var(--bg-hover)}.list-option.selected{background:rgba(59,130,246,.1);color:var(--accent-primary);border:1px solid rgba(59,130,246,.2)}.list-option.selected:hover{background:rgba(59,130,246,.15)}.account-page-new{position:fixed;inset:0;min-height:100vh;min-height:100dvh;background:#F5F5F5;color:var(--text-primary);overflow-y:auto;animation:fadeIn .3s ease-out;display:flex;flex-direction:column}.dark .account-page-new{background:#1D283A}.account-header-new{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.account-content-new{flex:1;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:20px 20px 120px}.section-card-wrapper{margin-bottom:12px}.section-title-external{margin-bottom:8px;margin-left:-8px}.section-title-external .section-title{font-size:25px;font-weight:600;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;color:#000000;text-align:left}.dark .section-title-external .section-title{color:#F5F5F5}.section-subtitle-internal{font-size:14px;margin:0;color:var(--text-secondary);text-align:left}.section-card{background:var(--bg-card);border:2px solid #a0a0a0;border-radius:0 16px 16px 16px!important;overflow:hidden;transition:all .2s}.section-card:hover{border-color:var(--border-secondary)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-card)}.section-header.clickable{cursor:pointer;transition:background .2s}.section-header.clickable:hover{background:var(--bg-secondary)}.section-header-content{display:flex;align-items:flex-start;gap:12px;flex:1}.section-icon{color:#0095f6;flex-shrink:0}.section-text{flex:1}.section-title{font-weight:600;margin:0}.section-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.section-header-actions{display:flex;align-items:center;gap:8px}.expand-button{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:color .2s}.expand-button:hover{color:#fff}.section-content{padding:20px}.button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;box-shadow:var(--shadow-sm)}.button.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.button.primary:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-hover);box-shadow:var(--shadow-md)}.button.primary:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);border-color:var(--border-primary);cursor:not-allowed;box-shadow:none}.button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--border-primary)}.button.secondary:hover:not(:disabled){background:var(--button-secondary-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.button.success{background:var(--accent-success);color:#ffffff;border-color:var(--accent-success)}.button.success:hover:not(:disabled){filter:brightness(.9);box-shadow:var(--shadow-md)}.button.destructive{background:var(--accent-error);color:#ffffff;border-color:var(--accent-error)}.button.destructive:hover:not(:disabled){filter:brightness(.9);box-shadow:var(--shadow-md)}.button.small{padding:6px 12px;font-size:13px}.button.large{padding:14px 24px;font-size:16px}.form-input,.form-select,.form-textarea{width:100%;background:#262626;border:1px solid #444;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0095f6;background:#2a2a2a}.form-textarea{resize:vertical;min-height:100px}.toggle-switch{position:relative;display:inline-block;width:56px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;transition:background .3s;border-radius:999px}.toggle-slider,.toggle-slider:before{position:absolute;background:transparent}.toggle-slider:before{content:"";height:22px;width:22px;left:1px;top:1px;border:2px solid #0088ff;transition:transform .3s,background .3s;border-radius:50%;box-sizing:border-box}.toggle-switch input:checked+.toggle-slider{background:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(33px);background:#0088FF}.overview-container{padding:20px;margin-bottom:-32px}.profile-header-centered{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px;padding-top:5px}.avatar-circle-large{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:3px solid #3b82f6;margin-bottom:4px;color:#3b82f6}.avatar-circle-large img{width:100%;height:100%;object-fit:cover}.profile-info-centered{margin-top:2px}.current-balance-section{margin:20px 0 8px -8px;padding:0}.current-balance-display{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 8px);margin-bottom:8px}.current-balance-display:last-child{margin-bottom:0}.balance-divider-line{width:90%;max-width:300px;height:2px;background:#000000;margin:28px auto;border-radius:1px}.dark .balance-divider-line{background:#ffffff}.balance-amount,.balance-label{color:#000000;font-size:25px;font-weight:600;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif}.dark .balance-amount,.dark .balance-label{color:#F5F5F5}.profile-overview{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar-section{position:relative}.avatar-circle{width:60px;height:60px;border-radius:30px;background:var(--bg-tertiary);overflow:hidden}.avatar-circle img{width:100%;height:100%;object-fit:cover}.auth-badge{position:absolute;top:-4px;right:-4px;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase}.auth-badge.guest{background:#ffc107;color:#000}.auth-badge.verified{background:#28a745;color:#fff}.display-name{font-size:20px;font-weight:600;margin:0}.handle{color:#888;margin:2px 0}.email{font-size:14px;color:#aaa;margin:2px 0}.alert-banner{display:flex;gap:12px;padding:16px;border-radius:8px;margin:16px 0}.alert-banner.guest-cap{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#ffc107}.alert-banner.kyc-required{background:rgba(0,149,246,.1);border:1px solid rgba(0,149,246,.3);color:#0095f6}.banner-content h4{margin:0 0 8px;font-size:16px}.banner-content p{margin:0 0 12px;font-size:14px}.banner-actions{display:flex;gap:8px;flex-wrap:wrap}.wallet-summary{margin:8px 0 20px}.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:0}.stat-item{text-align:center;padding:16px;background:var(--bg-card);border-radius:8px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600;color:#fff}.stat-value.primary{color:#0095f6}.cashout-button,.cashout-section{text-align:center}.cashout-button{width:100%;margin:0 0 16px;font-size:29px!important;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif!important;justify-content:center;border-radius:999px!important}.requirements-checklist{text-align:left;margin-left:-18px}.requirements-checklist h5{font-size:14px;margin:0 0 8px;color:#000000;text-align:left}.dark .requirements-checklist h5{color:#F5F5F5}.requirements-header{display:flex;align-items:center;gap:4px;cursor:pointer}.requirements-header h5{margin:0}.requirement-item{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:10px;margin-left:21px}.requirement-item.met{color:#28a745}.requirement-item.unmet{color:#888}.view-toggle{display:flex;background:var(--bg-card);border-radius:8px;padding:4px;margin-bottom:16px}.toggle-button{flex:1;padding:8px 16px;background:none;border:none;color:#888;border-radius:6px;cursor:pointer;transition:all .2s}.toggle-button.active{background:var(--accent-primary);color:#fff}.filter-section{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filter-select{min-width:150px}.earnings-list,.transactions-table{background:var(--bg-card);border-radius:8px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:100px 80px 100px 80px 1fr;gap:12px;padding:12px 16px;align-items:center}.table-header{background:#333;font-weight:600;font-size:12px;color:#888;text-transform:uppercase}.table-row{border-bottom:1px solid #333;font-size:14px}.table-row:last-child{border-bottom:none}.transaction-type.credit{color:#28a745}.transaction-type.debit{color:#dc3545}.transaction-amount.credit{color:#28a745}.transaction-amount.debit{color:#dc3545}.transaction-amount{text-align:left}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.posted{background:rgba(40,167,69,.2);color:#28a745}.status-badge.pending{background:rgba(255,193,7,.2);color:#ffc107}.status-badge.failed{background:rgba(220,53,69,.2);color:#dc3545}.status-badge.verified{background:rgba(40,167,69,.2);color:#28a745}.status-badge.unverified{background:rgba(108,117,125,.2);color:#6c757d}.earning-event{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-primary)}.earning-event:last-child{border-bottom:none}.event-icon{color:#0095f6;flex-shrink:0}.event-details{flex:1}.campaign-name{font-size:16px;margin:0 0 4px}.event-meta{display:flex;gap:12px;font-size:12px;color:#888}.event-meta span{display:flex;align-items:center;gap:4px}.event-reward{font-size:16px;font-weight:600;color:#28a745}.payout-methods{display:flex;flex-direction:column;gap:12px}.payout-method{justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary)}.method-info,.payout-method{display:flex;align-items:center}.method-info{gap:12px}.method-icon{color:#0095f6}.method-label{font-size:16px;margin:0 0 4px}.method-meta{display:flex;gap:8px;align-items:center}.default-badge{padding:2px 6px;background:#0095f6;color:#fff;font-size:10px;border-radius:10px;text-transform:uppercase}.method-actions{display:flex;gap:8px}.payout-wizard{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333}.wizard-content{padding:24px}.method-selection h3{margin:0 0 20px}.method-options{display:flex;flex-direction:column;gap:12px}.method-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.method-option:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.method-option h4{margin:0 0 4px}.method-option p{margin:0;font-size:14px;color:#888}.method-form{display:flex;flex-direction:column;gap:16px}.method-form h3{margin:0 0 8px}.form-description{color:#888;margin:0 0 16px}.form-fields{display:flex;flex-direction:column;gap:12px}.form-row .form-input{flex:1}.back-button{background:none;border:none;color:#0095f6;margin-bottom:16px;padding:8px 0}.kyc-status{display:flex;gap:12px;padding:16px;border-radius:8px;margin-bottom:16px}.kyc-status.neutral{background:rgba(108,117,125,.1);border:1px solid rgba(108,117,125,.3)}.kyc-status.info{background:rgba(0,149,246,.1);border:1px solid rgba(0,149,246,.3)}.kyc-status.success{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3)}.kyc-status.error{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3)}.status-icon{flex-shrink:0}.status-label{font-size:16px;font-weight:600;margin:0 0 4px}.status-description{margin:0;font-size:14px}.kyc-modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out}.kyc-progress{display:flex;gap:8px}.progress-step{width:32px;height:32px;border-radius:16px;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.progress-step.active{background:var(--accent-primary);color:#fff}.kyc-overview,.kyc-step{text-align:center}.kyc-overview h3,.kyc-step h3{margin:0 0 12px}.requirements-list{text-align:left;margin:20px 0}.requirements-list h4{margin:0 0 12px;font-size:16px}.requirements-list ul{margin:0;padding-left:20px}.requirements-list li{margin-bottom:8px;line-height:1.4}.privacy-notice{display:flex;gap:12px;padding:16px;background:rgba(0,149,246,.1);border-radius:8px;margin:20px 0}.privacy-notice h5{margin:0 0 4px}.privacy-notice p{margin:0;font-size:14px}.upload-area{margin:20px 0;padding:40px 20px;border:2px dashed #444;border-radius:8px;text-align:center}.upload-placeholder,.upload-success{color:#888}.upload-placeholder h4,.upload-success h4{margin:12px 0 8px;font-size:18px}.upload-success{color:#28a745}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.demo-buttons{display:flex;gap:8px}.privacy-section{margin-bottom:32px}.privacy-section h4{margin:0 0 16px;display:flex;align-items:center;gap:8px}.consent-controls{display:flex;flex-direction:column;gap:16px}.consent-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px}.consent-info h5{margin:0 0 4px;font-size:16px}.consent-info p{margin:0;font-size:14px;color:#888}.preference-group{margin-bottom:24px}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-header h5{margin:0;font-size:16px}.group-description{color:var(--text-secondary);font-size:14px;margin:4px 0 12px}.topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.topic-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border-radius:16px;font-size:14px}.topic-chip.excluded{background:rgba(220,53,69,.2);color:#dc3545}.topic-chip.included{background:rgba(40,167,69,.2);color:#28a745}.chip-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center}.topic-add-form{flex-direction:column;margin-top:12px}.form-actions,.topic-add-form{display:flex;gap:8px}.frequency-control{display:flex;align-items:center;gap:12px}.frequency-slider{flex:1;height:6px;border-radius:3px;background:#333;outline:none}.frequency-value{font-size:14px;color:#888;min-width:100px}.hours-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.hour-button{padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:all .2s}.hour-button.selected{background:#0095f6;color:#fff;border-color:#0095f6}.blackout-list{display:flex;flex-direction:column;gap:8px}.blackout-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border-radius:8px}.blackout-info{flex:1;display:flex;flex-direction:column}.timezone{font-size:12px;color:#888}.blackout-form{gap:12px;margin-top:12px}.additional-prefs,.blackout-form{display:flex;flex-direction:column}.additional-prefs{gap:16px}.pref-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.pref-info h6{margin:0 0 4px;font-size:14px}.pref-info p{margin:0;font-size:12px;color:#888}.notification-settings{display:flex;flex-direction:column;gap:8px}.notification-item{padding:8px 5px 8px 16px;background:var(--bg-card);border-radius:8px}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.notification-info{flex:1}.notification-info h4{margin:0;font-size:16px}.notification-info p{margin:0;font-size:12px;color:var(--text-secondary);white-space:pre-line}.toggle-pill{background:var(--bg-tertiary);border-radius:20px;padding:4px;border:1px solid var(--border-primary);margin-left:auto;margin-right:0}.notification-actions{margin:20px 0;display:flex;gap:12px}.notification-info-box{background:rgba(0,149,246,.1);border:1px solid rgba(0,149,246,.3);border-radius:8px;padding:16px;margin-top:20px}.notification-info-box h5{margin:0 0 12px;color:#0095f6}.notification-info-box ul{margin:0;padding-left:16px}.notification-info-box li{margin-bottom:8px;font-size:14px;line-height:1.4}.security-section{margin-bottom:32px}.security-section h4{margin:0 0 16px;font-size:18px}.connected-accounts{display:flex;flex-direction:column;gap:12px}.account-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px}.account-info h5{margin:0 0 4px}.account-info p{margin:0;font-size:14px;color:#888}.connected-badge{display:flex;align-items:center;gap:6px;color:#28a745;font-size:14px}.twofa-section{background:var(--bg-card);padding:16px;border-radius:8px}.twofa-info p{margin:0 0 16px;color:var(--text-secondary)}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.session-item{padding:16px;background:var(--bg-card);border-radius:8px}.session-info{display:flex;align-items:center;justify-content:space-between}.session-details h5{margin:0 0 4px}.session-details p{margin:0;font-size:12px;color:#888}.current-session{color:#28a745;font-size:12px;font-weight:500}.devices-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.device-item{justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px}.device-info,.device-item{display:flex;align-items:center}.device-info{gap:12px}.device-details h5{margin:0 0 4px}.device-details p{margin:0;font-size:12px;color:#888}.device-attestation{font-size:12px;font-weight:500}.device-attestation.success{color:#28a745}.device-attestation.error{color:#dc3545}.device-attestation.neutral{color:#888}.security-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out}.totp-setup{text-align:center}.setup-step{margin-bottom:24px}.setup-step h4{margin:0 0 12px}.qr-code-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-card);border-radius:8px;margin:16px 0}.manual-entry{font-size:12px;color:#888}.manual-entry code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:monospace}.totp-input{font-size:18px;letter-spacing:4px;font-family:monospace}.recovery-codes,.totp-input{text-align:center}.codes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.recovery-code{background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;font-family:monospace;text-align:center}.recovery-warning{display:flex;gap:8px;align-items:center;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:12px;border-radius:8px}.referral-stats{margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.referral-section{margin-bottom:24px}.referral-section h4{margin:0 0 12px}.referral-actions{display:flex;gap:12px;margin-top:16px}.referral-info{background:rgba(0,149,246,.1);border:1px solid rgba(0,149,246,.3);border-radius:8px;padding:16px;margin:20px 0}.referral-info h4{margin:0 0 12px;color:#0095f6}.info-list{margin:0;padding-left:16px}.info-list li{margin-bottom:8px;line-height:1.4}.earnings-breakdown{display:flex;flex-direction:column;gap:12px}.earning-tier{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px}.tier-info h5{margin:0 0 4px}.tier-info p{margin:0;font-size:14px;color:#888}.tier-reward{font-size:18px;font-weight:600;color:#28a745}.referral-terms{background:var(--bg-card);padding:16px;border-radius:8px;margin-top:20px}.referral-terms h5{margin:0 0 12px}.referral-terms ul{margin:0;padding-left:16px;font-size:14px}.referral-terms li{margin-bottom:6px;line-height:1.4}.settings-section h4{margin:0 0 16px;display:flex;align-items:center;gap:8px;font-size:18px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px;margin-bottom:12px}.setting-info h5{margin:0 0 4px;font-size:16px}.setting-info p{margin:0;font-size:14px;color:var(--text-secondary)}.setting-select{min-width:180px}.theme-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-option-radio input{position:absolute;opacity:0}.theme-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s}.theme-option-radio input:checked+.theme-label{border-color:var(--accent-primary);background:rgba(59,130,246,.1)}.theme-preview{width:40px;height:30px;border-radius:6px;border:1px solid var(--border-primary)}.theme-preview.system{background:linear-gradient(45deg,#fff 50%,#000 0)}.theme-preview.light{background:#fff}.theme-preview.dark{background:#000}.storage-info{display:flex;flex-direction:column;gap:12px}.storage-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.app-info{background:var(--bg-card);padding:16px;border-radius:8px;margin-top:20px}.info-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid var(--border-primary)}.info-item:last-child{border-bottom:none}.support-section{margin-bottom:32px}.support-section h4{margin:0 0 16px;font-size:18px}.support-options{display:flex;flex-direction:column;gap:12px}.support-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.support-option:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.support-option h5{margin:0 0 4px}.support-option p{margin:0;font-size:14px;color:#888}.legal-info{display:flex;flex-direction:column;gap:12px}.legal-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-radius:8px}.legal-details h5{margin:0 0 4px}.legal-details p{margin:0;font-size:14px;color:#888}.data-actions{margin-bottom:12px}.data-info{font-size:14px;color:#888;line-height:1.4}.danger-zone{border:1px solid rgba(220,53,69,.3);background:rgba(220,53,69,.05);border-radius:8px;padding:20px}.danger-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-info h5{margin:0 0 8px;color:#dc3545}.danger-info p{margin:0;font-size:14px;color:#888}.legal-modal,.support-modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out}.contact-form{gap:16px}.contact-form,.form-field{display:flex;flex-direction:column}.form-field{gap:6px}.form-field label{font-size:14px;font-weight:500;color:#fff}.legal-content{padding:20px;max-height:60vh;overflow-y:auto}.legal-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;line-height:1.6;margin:0}.delete-confirmation{margin-top:16px}.delete-confirmation p{margin:0 0 12px;color:#888}.copy-field{margin-bottom:12px}.copy-field-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#fff}.copy-field-container{position:relative;display:flex}.copy-field-input{flex:1;padding-right:50px}.copy-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s}.copy-button:hover{color:#fff;background:rgba(255,255,255,.1)}.copy-button.copied{color:#28a745}.empty-state{text-align:center;padding:40px 20px;color:#888}.empty-state-icon{margin-bottom:16px;opacity:.6}.empty-state-title{font-size:18px;margin:0 0 8px;color:#fff}.empty-state-description{margin:0 0 16px;line-height:1.4}.empty-state-action{margin-top:16px}.empty-message{color:#888;font-style:italic;text-align:center;padding:20px}.confirm-dialog{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:12px;width:90%;max-width:400px;animation:slideUp .3s ease-out}.confirm-header{display:flex;gap:12px;padding:20px;border-bottom:1px solid var(--border-primary)}.confirm-header-content{display:flex;gap:12px;flex:1}.confirm-icon{flex-shrink:0}.confirm-icon.default{color:#0095f6}.confirm-icon.destructive{color:#dc3545}.confirm-title{font-size:16px;font-weight:600;margin:0 0 4px}.confirm-description{font-size:14px;color:#888;margin:0}.confirm-content{padding:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-primary)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:8px;min-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateX(100%);opacity:0;transition:all .3s ease-out}.toast.visible{transform:translateX(0);opacity:1}.toast-success{border-color:#28a745}.toast-error{border-color:#dc3545}.toast-warning{border-color:#ffc107}.toast-info{border-color:#0095f6}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-warning .toast-icon{color:#ffc107}.toast-info .toast-icon{color:#0095f6}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:2px}.toast-description{font-size:14px;color:#888}.toast-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.toast-close:hover{color:#fff}.skeleton{background:var(--bg-tertiary);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}.skeleton.circular{border-radius:50%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-state{display:flex;flex-direction:column;gap:24px}.sticky-cashout-bar{position:fixed;bottom:80px;left:20px;right:20px;background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:50}.cashout-info{display:flex;flex-direction:column}.balance{font-size:18px;font-weight:600;color:#28a745}.available{font-size:12px;color:#888}.cashout-button-sticky{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.cashout-button-sticky.enabled{background:var(--accent-success);color:#fff}.cashout-button-sticky.enabled:hover{background:#218838}.cashout-button-sticky.disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}@media (max-width:768px){.account-content-new{padding:16px}.wallet-stats{grid-template-columns:1fr;gap:12px}.hours-grid{grid-template-columns:repeat(4,1fr)}.stats-grid,.theme-options-grid{grid-template-columns:1fr}.toast{min-width:280px;margin-right:20px}.kyc-modal,.legal-modal,.payout-wizard,.security-modal,.support-modal{width:95%;margin:0 auto}}.account-page-new.enter-from-left{animation:slideInLeft .3s ease-out}.account-page-new.enter-from-right{animation:slideInRight .3s ease-out}.account-page-new.exit-to-left{animation:slideOutLeft .3s ease-out}.account-page-new.exit-to-right{animation:slideOutRight .3s ease-out}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.feed{position:fixed;inset:0;background:#F5F5F5;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feed::-webkit-scrollbar{display:none}.slide{position:relative;height:100dvh;width:100%;scroll-snap-align:start;display:grid;place-items:center;background:var(--bg-primary)}.media{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;padding:24px;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}.badge{justify-self:start;align-self:start;padding:8px 12px}.badge,.cta{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-radius:999px;font-weight:600}.cta{justify-self:end;color:#fff;padding:10px 14px;cursor:pointer;user-select:none}.cta.small{padding:8px 12px;font-size:14px}.top-cta{position:fixed;top:calc(17px + env(safe-area-inset-top));right:21px;z-index:10;appearance:none;border:none;background:rgba(255,255,255,.9);color:#0088FF;border-radius:14px;min-width:44px;height:44px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:transform .15s ease;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.top-cta:hover{transform:translateY(-1px)}.top-cta .balance-text{font-size:21px;font-weight:600;white-space:nowrap;line-height:1;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.dark .top-cta{background:rgba(10,25,47,.9);color:#60A5FA}.top-bar{position:fixed;top:calc(17px + env(safe-area-inset-top));left:21px;right:21px;z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.top-bar .top-cta{top:0;right:0}.signup-btn,.top-bar .top-cta{position:relative;pointer-events:auto}.signup-btn{appearance:none;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:14px;height:44px;padding:0 20px;display:flex;align-items:center;justify-content:center;z-index:1001;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 12px rgba(102,126,234,.25),0 2px 4px rgba(118,75,162,.15);cursor:pointer;transition:all .15s ease;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:15px}.signup-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#764ba2,#667eea)}.dark .signup-btn{background:linear-gradient(135deg,#60A5FA,#8B5CF6);box-shadow:0 4px 12px rgba(96,165,250,.2),0 2px 4px rgba(139,92,246,.15)}.dark .signup-btn:hover{background:linear-gradient(135deg,#8B5CF6,#60A5FA)}.progress-wrap{position:fixed;left:16px;right:16px;bottom:calc(22px + env(safe-area-inset-bottom) + 56px);z-index:9;pointer-events:none}.progress-track{height:6px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.25);overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.75));border-radius:999px;transition:width .35s ease}.bottom-bar{position:fixed!important;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;z-index:9999!important;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}.dark .bottom-bar{background:rgba(10,25,47,.9)}.dark .half-pill{color:#60A5FA}.half-pill{appearance:none;border:none;background:transparent;color:#0088FF;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-weight:600;font-size:19px;transition:all .2s ease;min-width:120px;justify-content:center}.half-pill.left{border-radius:999px 0 0 999px}.half-pill.right{border-radius:0 999px 999px 0}.half-pill:hover{background:rgba(255,255,255,.65);transform:translateY(-1px)}.earnings-display{padding:12px 16px;display:flex;align-items:center;justify-content:center;min-width:80px;background:transparent}.earnings-amount{color:#0088FF;font-size:25px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dark .earnings-amount{color:#60A5FA}.pill{appearance:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);cursor:pointer;user-select:none;font-weight:600}.quiz-wrap{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45))}.quiz-title{margin:0;font-size:22px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.5)}.question-list{display:grid;gap:14px;align-content:start}.question-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}.q-text{font-weight:700;margin-bottom:10px}.choice,.choices{display:grid;gap:8px}.choice{grid-template-columns:28px 1fr auto;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:left;cursor:pointer}.choice-index{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.2);font-weight:800;font-size:12px}.choice.is-selected{outline:2px solid rgba(255,255,255,.45)}.choice.is-correct{background:rgba(0,200,120,.18);border-color:rgba(0,200,120,.45)}.choice.is-wrong{background:rgba(255,80,80,.12);border-color:rgba(255,80,80,.35)}.mark.ok{color:#3be08f}.mark.bad{color:#ff6b6b}.quiz-footer{display:flex;align-items:center;justify-content:space-between;font-weight:700}.vq-overlay{position:absolute;inset:0;display:grid;align-content:end;padding:20px;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45))}.vq-card{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:14px;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%)}.vq-prompt{font-weight:800;margin-bottom:10px}.vq-footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.ok-text{color:#3be08f;font-weight:800}.bad-text{color:#ff6b6b;font-weight:800}.muted{opacity:.7}img{-webkit-user-drag:none}.earnings-page{background:var(--bg-primary);color:var(--text-primary)}.back-button{appearance:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);cursor:pointer;transition:transform .15s ease}.back-button:hover{transform:translateY(-1px)}.earnings-title{font-size:28px;font-weight:800;text-align:center;flex:1;margin:0 56px 0 0}.earnings-content{margin:0 auto}.total-section{text-align:center;margin-bottom:20px}.section-label{font-size:16px;opacity:.7;margin-bottom:8px}.total-amount{font-size:48px;font-weight:800;color:#fff}.current-section{text-align:center;margin-bottom:30px}.current-label{font-size:36px;font-weight:700;color:#3be08f}.account-section{text-align:center;margin-bottom:30px}.account-label{font-size:18px;opacity:.8;margin-bottom:8px}.selected-amount{font-size:32px;font-weight:700;color:#fff;margin-top:8px}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;max-width:240px;margin-left:auto;margin-right:auto}.number-button{appearance:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:16px;height:56px;font-size:20px;font-weight:600;display:grid;place-items:center;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);cursor:pointer;transition:all .15s ease}.number-button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.number-button:active{transform:translateY(0)}.backspace-button{grid-column:span 1;background:rgba(255,255,255,.06)}.withdraw-button{appearance:none;background:#3be08f;border:none;color:#000;border-radius:16px;padding:16px 32px;font-size:18px;font-weight:700;cursor:pointer;transition:all .15s ease;margin:0 auto;min-width:200px}.withdraw-button:hover{background:#2dd482;transform:translateY(-1px)}.divider-line{height:1px;background:rgba(255,255,255,.1);margin:32px 0 20px}.earnings-bottom-bar{display:flex;justify-content:center;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.nav-button{appearance:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);cursor:pointer;font-weight:600;transition:all .15s ease}.nav-button:hover{transform:translateY(-1px)}.nav-button.active{background:rgba(59,224,143,.2);border-color:rgba(59,224,143,.4);color:#3be08f}.abstract-background{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#F5F5F5}.dark .abstract-background{background:#1D283A}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.bg-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,224,143,.4) 0,transparent 70%);top:10%;left:-10%;animation-name:float1}.bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(26,115,232,.3) 0,transparent 70%);top:60%;right:-15%;animation-name:float2;animation-delay:-5s}.bg-orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,107,107,.25) 0,transparent 70%);top:40%;left:70%;animation-name:float3;animation-delay:-10s}.bg-orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(168,85,247,.2) 0,transparent 70%);bottom:20%;left:20%;animation-name:float4;animation-delay:-15s}.bg-shape{position:absolute;animation-duration:25s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;opacity:.4}.bg-shape-1{top:15%;right:20%;animation-name:rotate-float;animation-delay:-3s}.bg-shape-2{top:70%;left:15%;animation-name:scale-float;animation-delay:-8s}.bg-shape-3{top:45%;right:10%;animation-name:drift-float;animation-delay:-12s}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:50px 50px;opacity:.5;animation:grid-drift 30s linear infinite}.bg-grid,.bg-noise{position:absolute;inset:0}.bg-noise{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(.9)}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(20px,25px) rotate(5deg)}}@keyframes float4{0%,to{transform:translate(0) scale(1) rotate(0deg)}50%{transform:translate(-25px,-20px) scale(1.05) rotate(-3deg)}}@keyframes rotate-float{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(15px,20px) rotate(180deg)}}@keyframes scale-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,15px) scale(1.2)}}@keyframes drift-float{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(25px,-15px) rotate(-10deg)}}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.page-enter{opacity:0;transform:translateY(30px)}.page-enter-active{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s cubic-bezier(.4,0,.6,1),transform .3s cubic-bezier(.4,0,.6,1)}.earnings-page{position:fixed;inset:0;background:transparent;color:#fff;display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.earnings-page.enter-from-left{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}.earnings-page.enter-from-right{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}.earnings-page.exit-to-left{animation:slideOutToLeft .3s cubic-bezier(.4,0,.6,1) forwards}.earnings-page.exit-to-right{animation:slideOutToRight .3s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.earnings-header{display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 20px;gap:16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.earnings-content{flex:1;padding:0 20px;display:flex;flex-direction:column;justify-content:space-around;max-width:400px;width:100%;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background:rgba(0,0,0,.15);border-radius:24px;margin:20px auto;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.total-section{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .3s both}.current-section{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .4s both}.account-section{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .5s both}.number-pad{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .6s both}.withdraw-button{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .7s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.account-page{position:fixed;inset:0;background:transparent;color:#fff;display:flex;flex-direction:column;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.account-page.enter-from-left{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}.account-page.enter-from-right{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}.account-page.exit-to-left{animation:slideOutToLeft .3s cubic-bezier(.4,0,.6,1) forwards}.account-page.exit-to-right{animation:slideOutToRight .3s cubic-bezier(.4,0,.6,1) forwards}.account-header{display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 20px;gap:16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.account-title{font-size:28px;font-weight:800;text-align:center;flex:1;margin:0 56px 0 0}.account-content{flex:1;padding:20px;overflow-y:auto;scrollbar-width:none}.account-content::-webkit-scrollbar{display:none}.profile-section{display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .2s both}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3be08f,#1a73e8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px rgba(59,224,143,.3)}.profile-info{flex:1}.username{font-size:24px;font-weight:700;margin:0 0 4px;color:#fff}.account-details-label{font-size:14px;opacity:.7;margin:0}.settings-section{margin-bottom:32px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both}.settings-section:nth-child(2){animation-delay:.3s}.settings-section:nth-child(3){animation-delay:.4s}.section-title{font-size:18px;font-weight:700;margin:0 0 16px;color:#000000;opacity:.9;padding:0 8px}.settings-list{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);overflow:hidden}.settings-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;color:#fff;cursor:pointer;transition:all .2s ease;border:none;border-bottom:1px solid rgba(255,255,255,.08)}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}.settings-item:active{background:rgba(255,255,255,.12);transform:translateX(0)}.settings-item-content{display:flex;align-items:center;gap:16px}.settings-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-label{font-size:16px;font-weight:500}.settings-arrow{opacity:.6;transition:all .2s ease}.settings-item:hover .settings-arrow{opacity:1;transform:translateX(2px)}.account-bottom-bar{display:flex;justify-content:center;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.account-bottom-bar .nav-button{appearance:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:10px 14px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);cursor:pointer;font-weight:600;transition:all .15s ease}.account-bottom-bar .nav-button:hover{transform:translateY(-1px)}.account-bottom-bar .nav-button.active{background:rgba(59,224,143,.2);border-color:rgba(59,224,143,.4);color:#3be08f}*{scrollbar-width:thin;scrollbar-color:var(--border-primary) var(--bg-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.account-title,.back-button,.nav-button{color:var(--text-primary)!important}.back-button:hover,.nav-button:hover{background:var(--bg-hover)!important}.status-badge.approved,.status-badge.verified{background:var(--accent-success)!important;color:#ffffff!important}.status-badge.pending,.status-badge.unverified{background:var(--accent-warning)!important;color:#ffffff!important}.status-badge.failed,.status-badge.rejected{background:var(--accent-error)!important;color:#ffffff!important}.transactions-container{width:100%;overflow-x:auto}.transactions-container .transactions-table{width:100%;max-width:100%}.transactions-container .table-header,.transactions-container .table-row{display:grid;grid-template-columns:1fr 120px;gap:12px;padding:12px 16px;align-items:center}.payout-wizard,.section-card,.settings-modal{background:var(--bg-card)!important;border:2px solid #a0a0a0!important;box-shadow:var(--shadow-lg)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}div,p,span{color:inherit}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-muted{color:var(--text-muted)!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.list-option:hover,.method-option:hover,.section-header:hover{background:var(--bg-hover)!important}.modal-overlay{backdrop-filter:blur(12px)!important;background:var(--bg-overlay)!important}.online-indicator{background:var(--accent-success)!important}.offline-indicator{background:var(--text-muted)!important}.warning-indicator{background:var(--accent-warning)!important}.error-indicator{background:var(--accent-error)!important}.loading-skeleton,.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%)!important;background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.payout-wizard,.settings-modal{backdrop-filter:blur(8px)}.dark .payout-wizard,.dark .settings-modal{background:rgba(30,41,59,.95)!important}.button,.card,.form-input,.form-select,.modal,.section-card{border-radius:8px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}*{transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.account-header-new{backdrop-filter:blur(8px)!important}.account-bottom-bar,.account-header-new{background:var(--bg-primary)!important;border-color:var(--border-primary)!important}.account-bottom-bar .nav-button{color:var(--text-secondary)!important;background:transparent!important;border:1px solid transparent!important}.account-bottom-bar .nav-button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.account-bottom-bar .nav-button.active{background:rgba(59,130,246,.1)!important;border-color:rgba(59,130,246,.2)!important;color:var(--accent-primary)!important}input,select,textarea{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)!important;background:var(--bg-primary)!important}.divider-line{border-color:var(--border-primary)!important;background:var(--border-primary)!important}.auth-badge.guest{background:var(--accent-warning)!important;color:#ffffff!important}.auth-badge.verified{background:var(--accent-success)!important;color:#ffffff!important}.toast-container .toast{background:var(--bg-card)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important}.wallet-stats .stat-value.primary{color:var(--accent-primary)!important}.cashout-button{background:var(--button-primary-bg)!important;color:var(--button-primary-text)!important;border-color:var(--button-primary-bg)!important}.cashout-button:hover{background:var(--button-primary-hover)!important;border-color:var(--button-primary-hover)!important}.account-content-new,.dark .account-content-new{background:transparent!important}.cashout-section,.profile-overview,.requirements-checklist,.wallet-summary{background:transparent!important;color:var(--text-primary)!important}.avatar-circle{background:var(--bg-secondary)!important;border:2px solid var(--border-primary)!important}.auth-badge{color:#ffffff!important}.stat-label{color:var(--text-secondary)!important}.stat-value{color:var(--text-primary)!important}.requirement-item{color:var(--text-secondary)!important}.requirement-item.met{color:var(--accent-success)!important;opacity:.8}.requirement-item.unmet{color:var(--text-tertiary)!important}.alert-banner{background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.alert-banner.guest-cap{background:rgba(245,158,11,.1)!important;border-color:var(--accent-warning)!important}.alert-banner.kyc-required{background:rgba(6,182,212,.1)!important;border-color:var(--accent-info)!important}.device-item,.earning-item,.payout-method,.session-item,.transaction-item{background:transparent!important;border-bottom:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.transaction-amount.positive{color:var(--accent-success)!important}.transaction-amount.negative{color:var(--accent-error)!important}.transaction-status.posted{color:var(--accent-success)!important}.transaction-status.pending{color:var(--accent-warning)!important}.transaction-status.failed{color:var(--accent-error)!important}.device-info,.device-model,.method-info,.method-label,.session-agent,.session-info{color:var(--text-primary)!important}.device-meta,.empty-state,.method-meta,.session-meta{color:var(--text-secondary)!important}.empty-state{background:transparent!important}.empty-state h3{color:var(--text-primary)!important}.method-form,.method-selection,.wizard-content{background:transparent!important;color:var(--text-primary)!important}.method-options .method-option{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.method-options .method-option:hover{background:var(--bg-tertiary)!important;border-color:var(--border-hover)!important}.form-fields .form-input,.form-fields .form-select{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.form-row{display:flex;gap:12px}.form-description{color:var(--text-secondary)!important;background:transparent!important}.app-settings-content,.referral-stats,.support-content{background:transparent!important;color:var(--text-primary)!important}.referral-code-display{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.setting-item{background:transparent!important;border-bottom:1px solid var(--border-primary)!important}.setting-item,.setting-label{color:var(--text-primary)!important}.setting-description{color:var(--text-secondary)!important}.sticky-cashout-bar{background:var(--bg-primary)!important;border-top:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.cashout-info .balance{color:var(--accent-primary)!important}.cashout-info .available{color:var(--text-secondary)!important}.cashout-button-sticky.enabled{background:var(--button-primary-bg)!important;color:var(--button-primary-text)!important}.cashout-button-sticky.disabled{background:var(--bg-tertiary)!important;color:var(--text-tertiary)!important}.method-icon,.section-icon,.status-icon{color:var(--text-secondary)!important}.loading-state{background:transparent!important}.confirm-dialog{background:var(--bg-modal)!important;border:1px solid var(--border-primary)!important}.confirm-dialog,.confirm-dialog-title{color:var(--text-primary)!important}.confirm-dialog-description{color:var(--text-secondary)!important}.blackout-windows,.exclusion-list,.hours-grid,.list-container,.password-field,.toggle-container,.topics-grid{background:transparent!important}.device-attestation,.earning-stats,.earnings-content,.identity-content,.kyc-status,.notifications-content,.overview-content,.payouts-content,.privacy-content,.referral-stats-grid,.referrals-content,.security-content,.settings-content,.stat-item,.stats-item,.support-content,.wallet-stats{background:transparent!important;color:var(--text-primary)!important}.blackout-list,.device-list,.earning-list,.payout-methods,.session-list,.transaction-list{background:transparent!important}.confirm-dialog,.payout-wizard,.settings-dialog{background:var(--bg-modal)!important;color:var(--text-primary)!important}.dialog-header,.wizard-header{background:transparent!important;border-bottom:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.action-button,.back-button,.cancel-button,.close-button{background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.action-button:hover,.back-button:hover,.cancel-button:hover,.close-button:hover{background:var(--bg-hover)!important}.attestation-badge,.default-badge,.kyc-badge,.pending-badge,.unverified-badge,.verified-badge{color:#ffffff!important}.device-card,.earnings-card,.method-card,.transaction-card{background:transparent!important;border-bottom:1px solid var(--border-primary)!important}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-primary)!important;border-color:var(--border-focus)!important}.action-section,.danger-zone,.export-section{background:transparent!important;color:var(--text-primary)!important}.action-buttons,.export-buttons{background:transparent!important}.date-picker,.hours-selector,.time-picker{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.card-content,.content,.dialog-content,.form-content,.list-content,.main-content,.modal-content,.section-content{background:transparent!important}.caption,.description,.helper-text,.label-text,.subtitle{color:var(--text-secondary)!important}.heading,.label,.title,.value{color:var(--text-primary)!important}.drop-zone,.upload-area,[style*="background: #1a1a1a"],[style*="background: #222"],[style*="background: #262626"],[style*="background: #2a2a2a"],[style*="background: #333"]{background:var(--bg-secondary)!important}.drop-zone,.upload-area{border:2px dashed var(--border-primary)!important;color:var(--text-secondary)!important}.drop-zone:hover,.upload-area:hover{background:var(--bg-tertiary)!important;border-color:var(--border-focus)!important}.popover,.tooltip{background:var(--bg-modal)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important}.loading-bar,.progress-bar{background:var(--bg-secondary)!important}.loading-fill,.progress-fill{background:var(--accent-primary)!important}.background-dark,.bg-dark,.dark-bg{background:var(--bg-secondary)!important}.light-text,.text-light{color:var(--text-primary)!important}.muted-text,.text-muted{color:var(--text-secondary)!important}.bottom-tab-bar{--tab-bar-bg:rgba(15,23,42,0.95);--tab-pill-bg:rgba(59,130,246,0.15);--tab-active-text:#0b1222;--tab-inactive-text:#e5eaf6}.dark .bottom-tab-bar{--tab-bar-bg:rgba(10,25,47,0.95);--tab-pill-bg:rgba(10,25,47,0.15);--tab-active-text:#e5eaf6;--tab-inactive-text:#94a3b8}.auth-gate-modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:16px;width:90%;max-width:420px;pointer-events:auto;max-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:var(--shadow-xl)}.auth-gate-content{padding:20px;display:flex;flex-direction:column;gap:24px}.congratulations{text-align:center}.earnings-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-success));color:white;padding:16px 24px;border-radius:16px;margin-bottom:16px;display:inline-block}.earnings-amount{font-size:24px;font-weight:700;display:block}.earnings-label{font-size:14px;opacity:.9}.congrats-text{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.auth-benefits h3{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.auth-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.auth-benefits li{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.auth-benefits li:before{content:"✓";color:var(--accent-success);font-weight:700;width:16px;flex-shrink:0}.auth-options{display:flex;flex-direction:column;gap:12px}.auth-button{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.auth-button:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.auth-button.apple{background:#000;color:#fff;border-color:#333}.auth-button.apple:hover{background:#333}.auth-button.google{background:#fff;color:#333;border-color:#ddd}.auth-button.google:hover{background:#f9f9f9}.auth-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.auth-footer{text-align:center}.terms-text{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0}.terms-text .link{color:var(--accent-primary);text-decoration:none}.terms-text .link:hover{text-decoration:underline}.dark .auth-button.google{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.dark .auth-button.google:hover{background:var(--bg-hover)}.email-otp-modal{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:16px;width:90%;max-width:400px;max-height:85vh;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:var(--shadow-xl)}.modal-back{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-back:hover{background:var(--bg-tertiary)}.email-form,.otp-form{gap:20px}.email-form,.form-group,.otp-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:500;margin:0}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.otp-input{text-align:center;letter-spacing:8px;font-size:20px;font-weight:600;font-family:ui-monospace,SF Mono,Monaco,monospace}.auth-submit-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:var(--accent-primary);color:white;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.auth-submit-button:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-note{color:var(--text-tertiary);font-size:14px;line-height:1.4;margin:0;text-align:center}.otp-instructions{text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:12px;margin-bottom:8px}.otp-instructions p{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.otp-instructions strong{color:var(--text-primary);font-size:16px;word-break:break-all}.resend-button{background:none;border:none;color:var(--accent-primary);font-size:14px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;text-align:center}.resend-button:hover:not(:disabled){background:var(--bg-tertiary)}.resend-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--accent-error);padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;margin:0}