:root{--royal-color: #ffd700;--vip-color: #60a5fa;--safira-color: #4ecdc4;--success-color: #10b981;--warning-color: #f59e0b}.account-types-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:15999;animation:atFadeIn .3s ease}@keyframes atFadeIn{0%{opacity:0}to{opacity:1}}.account-types-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;z-index:16000;pointer-events:none}.account-types-modal{width:100%;max-width:100%;height:100%;background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;box-sizing:border-box;pointer-events:auto;animation:atSlideUp .4s cubic-bezier(.22,.61,.36,1);transform:translateZ(0)}@keyframes atSlideUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@media(min-width:768px){.account-types-container{align-items:center;padding:24px}.account-types-modal{max-width:720px;height:auto;max-height:85vh;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #0006;animation:atScaleIn .4s cubic-bezier(.22,.61,.36,1)}@keyframes atScaleIn{0%{transform:scale(.97) translateY(8px)}to{transform:scale(1) translateY(0)}}.mobile-only{display:none}}@media(min-width:1024px){.account-types-modal{max-width:920px}}.account-types-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;flex-shrink:0}@media(max-width:767px){.account-types-header{padding:16px 20px;background:linear-gradient(180deg,#568de914,#568de90a)}}.account-types-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.account-types-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#fff9;border-radius:6px;outline:none;flex-shrink:0}.account-types-back:hover{color:#ffffffe6;background:#ffffff14}.account-types-back:active{transform:scale(.95)}.account-types-title{font-size:18px;font-weight:600;color:#fffffff2;margin:0;letter-spacing:.2px;line-height:1.2;flex:1;text-align:center}@media(max-width:767px){.account-types-title{font-size:16px}}.account-types-spacer{width:32px;height:32px;flex-shrink:0}.account-types-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#fff9;border-radius:6px;outline:none;flex-shrink:0}.account-types-close:hover{color:#ffffffe6;background:#ffffff14}.account-types-close:active{transform:scale(.95)}.account-types-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:767px){.account-types-content{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}.account-types-content::-webkit-scrollbar{width:0;display:none}.account-types-content{-ms-overflow-style:none;scrollbar-width:none}.account-types-table-header{display:none}@media(min-width:768px){.account-types-table-header{display:grid;grid-template-columns:1fr repeat(3,minmax(100px,1fr));padding:8px 24px;align-items:center}.progress-header.mobile-only{display:none!important}}@media(min-width:1024px){.account-types-table-header{padding:8px 32px}}.account-types-royal-col,.account-types-vip-col,.account-types-safira-col{display:flex;align-items:center;justify-content:center}.account-types-progress-section{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.progress-container{display:flex;flex-direction:column;gap:8px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;min-height:72px;position:relative}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.progress-badge-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.progress-level{font-size:clamp(12px,3vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:.8px}.progress-level.royal{color:var(--royal-color)}.progress-level.vip{color:var(--vip-color)}.progress-level.safira{color:var(--safira-color)}.progress-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600;background:#ffffff1a;color:#ffffffb3;white-space:nowrap}.progress-container.is-current .progress-badge{background:var(--vip-color);color:#fff}.progress-bar-bg{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0003;min-height:8px}.progress-bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);position:absolute;left:0;top:0;box-shadow:0 0 10px #fff3}.progress-bar-fill.royal-progress{background:var(--royal-color)}.progress-bar-fill.vip-progress{background:var(--vip-color)}.progress-bar-fill.safira-progress{background:var(--safira-color)}.progress-text{font-size:clamp(10px,2.5vw,12px);font-weight:600;color:#ffffffb3;text-align:center;margin-top:4px;line-height:1.4}.progress-achieved{color:var(--success-color)!important}.progress-remaining{color:#ffffff80!important}@media(min-width:480px){.account-types-progress-section{display:grid;grid-template-columns:1fr;gap:12px}.account-types-progress-section.has-current{display:flex;flex-direction:column}.progress-container{flex-direction:row;align-items:center;padding:16px}.progress-header{min-width:120px;margin-bottom:0;margin-right:16px}.progress-bar-bg{flex:1;height:6px}.progress-text{min-width:120px;text-align:right;margin-top:0;margin-left:16px}}@media(min-width:768px){.account-types-progress-section{display:grid;grid-template-columns:1fr repeat(3,minmax(100px,1fr));gap:0;padding:8px 24px 24px;align-items:stretch}.account-types-progress-section:before{content:"";display:block}.account-types-progress-section.has-current{display:grid;grid-template-columns:1fr repeat(3,minmax(100px,1fr))}.progress-container{flex-direction:column;padding:16px 8px;align-items:center;min-height:auto;background:transparent;border:none;justify-content:center}.progress-header{margin-right:0;margin-bottom:16px;flex-direction:column;align-items:center;gap:4px}.progress-level{font-size:14px}.progress-bar-bg{width:100%;max-width:250px;height:10px!important;margin:0 auto;background:#ffffff40!important;border-radius:5px;box-shadow:inset 0 2px 4px #0006}.progress-text{text-align:center;margin-left:0;margin-top:8px;font-size:11px}.progress-container:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}}@media(min-width:1024px){.account-types-progress-section{padding:8px 32px 32px}}.account-types-features{padding:0 16px}@media(min-width:768px){.account-types-features{padding:0 24px}}@media(min-width:1024px){.account-types-features{padding:0 32px}}.account-types-row{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:8px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.06)}@media(min-width:480px){.account-types-row{flex-direction:row;align-items:center}.account-types-feature-name{flex:1}.account-types-values{padding-top:0;flex-shrink:0}}@media(min-width:768px){.account-types-row{display:grid;grid-template-columns:1fr repeat(3,minmax(100px,1fr));gap:0;padding:16px 0;margin-bottom:0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);align-items:center}.account-types-row:hover{background:#ffffff08}.account-types-values{display:contents}.account-types-value-label{display:none}.account-types-royal-value,.account-types-vip-value,.account-types-safira-value{display:flex;align-items:center;justify-content:center;flex-direction:row}}.account-types-feature-name{display:flex;align-items:center;justify-content:space-between;color:#fffffff2;font-size:14px;font-weight:500}.account-types-values{display:flex;justify-content:space-around;gap:8px;padding-top:8px}@media(min-width:768px){.account-types-values{display:contents}}.account-types-royal-value,.account-types-vip-value,.account-types-safira-value{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.account-types-value-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.account-types-royal-value .account-types-value-label{color:var(--royal-color)}.account-types-vip-value .account-types-value-label{color:var(--vip-color)}.account-types-safira-value .account-types-value-label{color:var(--safira-color)}.account-types-tooltip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;cursor:pointer;color:#ffffff80;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.account-types-tooltip-btn:hover{background:#ffffff1a;color:#fffc}.account-types-tooltip-btn:active{background:#ffffff26}.account-types-check{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#10b98133;border-radius:50%;color:#10b981}.account-types-minus{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffff80}.account-types-description{font-size:11px;color:#ffffffb3;text-align:center}@media(max-width:359px){.account-types-progress-section{gap:4px;padding:0 8px 8px}.progress-container{padding:8px;min-height:60px}.progress-bar-bg{height:6px}.progress-text{font-size:9px}}.badge-tooltip-simple{padding:0;background:transparent;border-radius:0;box-shadow:none}.tooltip-level-title{font-size:11px;font-weight:400;color:#fffffff2;margin-bottom:4px;line-height:1.3}.tooltip-requirement{font-size:11px;font-weight:400;color:#ffffffb3;margin-bottom:6px;line-height:1.3}.requirement-text{font-weight:400;color:#ffffffd9}.tooltip-benefits-simple{display:flex;flex-direction:column;gap:3px}.benefit-simple{font-size:11px;font-weight:400;color:#ffffffb3;line-height:1.4}.account-types-close:focus-visible,.account-types-back:focus-visible,.account-types-tooltip-btn:focus-visible{outline:2px solid var(--vip-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding: max(0px)){@media(max-width:767px){.account-types-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}[data-theme=light] .account-types-modal{background:linear-gradient(180deg,#f6f9fc,#f0f2f5);border-color:#0000001a}[data-theme=light] .account-types-title{color:#11161f}[data-theme=light] .account-types-subtitle,[data-theme=light] .account-types-close{color:#4f5661}[data-theme=light] .account-types-close:hover{background:#0000000d;color:#11161f}[data-theme=light] .progress-label{color:#343b45}[data-theme=light] .progress-badge{background:#0000000f;color:#4f5661}[data-theme=light] .progress-amount-text{color:#4f5661}[data-theme=light] .progress-bar-bg{background:#0000000f}[data-theme=light] .account-types-card{background:#00000005;border-color:#0000000f}[data-theme=light] .account-types-card:hover{background:#0000000a;border-color:#0000001a}[data-theme=light] .account-types-card-title{color:#11161f}[data-theme=light] .account-types-card-desc{color:#4f5661}[data-theme=light] .account-types-benefit{color:#343b45}[data-theme=light] .account-types-content::-webkit-scrollbar-thumb{background:#0000001f}