:root{--bg-color:var(--tg-theme-bg-color,#0b0f17);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#111827);--text-color:var(--tg-theme-text-color,#f3f4f6);--hint-color:var(--tg-theme-hint-color,#9ca3af);--link-color:var(--tg-theme-link-color,#3b82f6);--button-color:var(--tg-theme-button-color,#2563eb);--button-text-color:var(--tg-theme-button-text-color,#fff);--accent-blue:#3b82f6;--accent-blue-glow:#3b82f666;--accent-green:#10b981;--accent-green-glow:#10b98166;--accent-red:#ef4444;--accent-red-glow:#ef444466;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-orange:#f59e0b;--accent-orange-glow:#f59e0b66;--card-bg:#111827b3;--card-border:#ffffff0d;--card-border-active:#3b82f64d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100svh;line-height:1.5;display:flex;overflow-x:hidden}#root{background-color:var(--bg-color);border-left:1px solid #ffffff08;border-right:1px solid #ffffff08;flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 32px #00000080}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{border-color:#ffffff1a}.glass-active{border-color:var(--card-border-active);box-shadow:0 8px 32px #0000005e}.app-header{z-index:50;-webkit-backdrop-filter:blur(10px);background:#0b0f17d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #8b5cf64d}.avatar img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-color);font-size:15px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-free{color:var(--hint-color);background:#9ca3af26;border:1px solid #9ca3af33}.badge-pro{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;animation:2s ease-in-out infinite glow-gold;box-shadow:0 0 10px #f59e0b33}@keyframes glow-gold{0%,to{box-shadow:0 0 5px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b73}}.app-content{flex-direction:column;flex:1;gap:20px;padding:16px 20px 90px;display:flex;overflow-y:auto}.connection-container{flex-direction:column;justify-content:center;align-items:center;margin:24px 0;display:flex;position:relative}.power-btn-wrapper{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.power-btn{cursor:pointer;z-index:10;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:160px;height:160px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 4px 12px #ffffff1a,0 10px 25px #0006}.power-btn:before{content:"";border:2px dashed #ffffff26;border-radius:50%;transition:all .5s;animation:20s linear infinite rotate-dashed;position:absolute;inset:-6px}@keyframes rotate-dashed{to{transform:rotate(360deg)}}.power-btn.disconnected{color:var(--hint-color);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff14}.power-btn.disconnected:hover{border-color:#fff3}.power-btn.connecting{color:var(--accent-orange);border:1px solid var(--accent-orange);background:linear-gradient(135deg,#1e293b,#111827)}.power-btn.connecting:before{border-color:var(--accent-orange);animation:3s linear infinite rotate-dashed}.power-btn.connected{color:var(--accent-green);border:1px solid var(--accent-green);box-shadow:inset 0 4px 12px #ffffff26, 0 0 30px var(--accent-green-glow);background:linear-gradient(135deg,#064e3b,#022c22)}.power-btn.connected:before{border-color:var(--accent-green);animation:8s linear infinite rotate-dashed}.pulse-rings{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pulse-ring{opacity:0;border:1px solid;border-radius:50%;animation:3s ease-out infinite pulse-out;position:absolute}.pulse-ring:nth-child(2){animation-delay:1s}.pulse-ring:nth-child(3){animation-delay:2s}.connected~.pulse-rings .pulse-ring{border-color:#10b98166;box-shadow:0 0 15px #10b98133}.connecting~.pulse-rings .pulse-ring{border-color:#f59e0b66}.disconnected~.pulse-rings .pulse-ring{display:none}@keyframes pulse-out{0%{opacity:.6;width:160px;height:160px}to{opacity:0;width:280px;height:280px}}.status-label{text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-size:11px;font-weight:800}.connection-timer{color:var(--text-color);letter-spacing:.5px;margin-top:8px;font-family:monospace;font-size:18px;font-weight:700}.connection-state-text{color:var(--hint-color);text-align:center;margin-top:12px;font-size:14px}.connection-state-text span{color:var(--text-color);font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{align-items:center;gap:12px;padding:14px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon.download{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633}.stat-icon.upload{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633}.stat-icon.ping{color:var(--accent-orange);background:#f59e0b1a;border:1px solid #f59e0b33}.stat-icon.traffic{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--hint-color);text-transform:uppercase;font-size:11px;font-weight:600}.stat-value{color:var(--text-color);font-size:15px;font-weight:700}.server-select-bar{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.selected-server-info{align-items:center;gap:14px;display:flex}.server-flag{font-size:24px;line-height:1}.server-meta{flex-direction:column;display:flex}.server-name{font-size:15px;font-weight:600}.server-load-indicator{color:var(--hint-color);align-items:center;gap:6px;font-size:12px;display:flex}.load-bar{background:#ffffff1a;border-radius:2px;width:32px;height:4px;overflow:hidden}.load-bar-fill{background:var(--accent-green);border-radius:2px;height:100%}.load-bar-fill.medium{background:var(--accent-orange)}.load-bar-fill.high{background:var(--accent-red)}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#111827e0;border-top:1px solid #ffffff0d;justify-content:space-around;width:100%;max-width:480px;padding:10px 8px 22px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--hint-color);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:4px;width:60px;padding:0;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--accent-blue);text-shadow:0 0 10px #3b82f633}.nav-item.active:after{content:"";background:var(--accent-blue);width:24px;height:3px;box-shadow:0 0 10px var(--accent-blue);border-radius:9999px;position:absolute;top:-10px}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:#0f172a;border-top:1px solid #ffffff1a;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;padding:20px 20px 30px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;box-shadow:0 -10px 40px #00000080}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sheet-title{color:var(--text-color);font-size:18px;font-weight:700}.close-btn{width:32px;height:32px;color:var(--text-color);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.servers-list{flex-direction:column;gap:10px;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.server-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.server-item:hover{background:#ffffff0d;border-color:#ffffff14}.server-item.active{background:#3b82f614;border-color:#3b82f64d}.server-item-left,.server-item-right{align-items:center;gap:12px;display:flex}.server-ping{color:var(--hint-color);font-size:12px;font-weight:600}.server-ping.good{color:var(--accent-green)}.server-ping.average{color:var(--accent-orange)}.server-ping.poor{color:var(--accent-red)}.premium-cards-scroll{scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.premium-card{scroll-snap-align:center;background:linear-gradient(135deg,#1e293bcc,#0f172acc);flex:0 0 85%;padding:24px;position:relative;overflow:hidden}.premium-card.pro{border-color:#f59e0b4d}.premium-card.pro:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.promo-badge{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.premium-title{background:linear-gradient(90deg,#fbbf24,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:20px;font-weight:800}.premium-desc{color:var(--hint-color);margin-bottom:16px;font-size:13px}.premium-features{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.feature-item{align-items:center;gap:10px;font-size:13px;display:flex}.feature-icon{color:var(--accent-green);flex-shrink:0}.pricing-plans{flex-direction:column;gap:10px;display:flex}.plan-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.plan-item.active{background:#f59e0b14;border-color:#f59e0b66}.plan-left{align-items:center;gap:12px;display:flex}.radio-circle{border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.plan-item.active .radio-circle{border-color:var(--accent-orange)}.plan-item.active .radio-circle:after{content:"";background:var(--accent-orange);border-radius:50%;width:10px;height:10px}.plan-name{font-size:14px;font-weight:600}.plan-save{color:var(--accent-green);background:#10b98126;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.plan-price{align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.star-icon{color:#f59e0b}.buy-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#d97706);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #f59e0b4d}.buy-button:active{transform:scale(.98);box-shadow:0 2px 8px #f59e0b33}.ref-box{flex-direction:column;gap:12px;padding:18px;display:flex}.ref-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.ref-stat-box{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:12px}.ref-stat-num{color:var(--accent-blue);margin-bottom:2px;font-size:20px;font-weight:800}.ref-stat-txt{color:var(--hint-color);text-transform:uppercase;font-size:11px}.share-link-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.share-link-text{color:var(--hint-color);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.copy-btn{color:var(--accent-blue);cursor:pointer;background:#3b82f626;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.copy-btn:active{background:#3b82f64d}.section-title{color:var(--text-color);align-items:center;gap:8px;margin-top:10px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.quest-item{justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.quest-info{align-items:center;gap:12px;display:flex}.quest-icon{width:36px;height:36px;color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;justify-content:center;align-items:center;display:flex}.quest-text-title{font-size:13px;font-weight:600}.quest-reward{color:var(--accent-green);font-size:11px;font-weight:700}.quest-btn{color:var(--text-color);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.quest-btn.claimable{color:var(--accent-green);background:#10b98126;border-color:#10b9814d}.quest-btn.completed{color:var(--hint-color);cursor:default;background:0 0;border-color:#0000}.settings-group{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1px;margin-bottom:16px;display:flex;overflow:hidden}.settings-item{cursor:pointer;background:#0b0f17;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.settings-item:active{background:#ffffff05}.settings-left{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.settings-icon{color:var(--hint-color);width:20px;height:20px}.settings-value{color:var(--hint-color);font-size:13px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff0d;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000004d}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(20px)}.toast-container{z-index:999;width:90%;max-width:400px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#10b981f2;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slide-down-fade,.3s 2.7s forwards fade-out;display:flex;box-shadow:0 10px 25px #0000004d,0 0 15px #10b9814d}.toast.error{background:#ef4444f2;box-shadow:0 10px 25px #0000004d,0 0 15px #ef44444d}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{to{opacity:0;transform:translateY(-10px)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.payment-pending-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 20px;display:flex}.payment-success-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:30px 20px;display:flex}.payment-spinner{color:#fbbf24;animation:2s linear infinite spin}.payment-title{font-size:18px;font-weight:800}.payment-subtitle{color:var(--hint-color);margin-top:6px;font-size:13px}.payment-id-badge{color:var(--hint-color);background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:12px 16px;font-size:12px}.payment-btn-back{color:#fff;width:100%;box-shadow:none;background:0 0;border:1px solid #ffffff1a}.payment-success-icon{color:var(--accent-green)}.payment-success-title{color:var(--accent-green);font-size:20px;font-weight:800}.payment-success-subtitle{color:var(--hint-color);margin-top:4px;font-size:13px}.header-profile{flex:1}.logout-btn{color:var(--accent-red);cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .2s}.logout-btn:hover{background:#ef44441a}.login-container{background:var(--bg-color);min-height:100vh;color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{text-align:center;flex-direction:column;gap:24px;width:100%;max-width:360px;padding:30px 24px;display:flex}.login-header{flex-direction:column;align-items:center;gap:10px;display:flex}.login-icon-wrapper{color:var(--accent-blue);borderRadius:50%;background:#3b82f61a;padding:16px;display:inline-flex}.login-title{margin:0;font-size:22px;font-weight:800}.login-subtitle{color:var(--hint-color);margin:0;font-size:13px}.login-tabs{background:#ffffff0d;border-radius:8px;padding:3px;display:flex}.login-tab-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:700;transition:background .2s}.login-tab-btn.active{background:#ffffff1a}.login-form{text-align:left;flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-input-label{color:var(--hint-color);font-size:12px;font-weight:700}.login-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.login-input:focus{border-color:var(--accent-blue)}.login-input-code{text-align:center;letter-spacing:2px}.login-error{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433;border-radius:6px;padding:8px 12px;font-size:12px}.login-buttons-row{gap:10px;display:flex}.login-btn-back{color:#fff;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a;margin:0}.login-btn-submit{flex:1;margin:0}.login-hint{color:var(--hint-color);font-size:11px;line-height:1.5}.sub-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:60px 0;display:flex}.sub-loading-spinner{color:var(--accent-blue)}.sub-loading-text{color:var(--hint-color);font-size:14px}.sub-layout{flex-direction:column;gap:16px;display:flex}.server-status-card{border-left-style:solid;border-left-width:3px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.server-status-card.online{border-left-color:var(--accent-green)}.server-status-card.offline{border-left-color:var(--accent-red)}.server-status-details{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.server-status-label{color:var(--hint-color);font-size:11px}.server-status-wrapper{align-items:center;gap:8px;display:flex}.server-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.server-status-dot.online{background:var(--accent-green);box-shadow:0 0 8px #10b98166}.server-status-dot.offline{background:var(--accent-red);box-shadow:0 0 8px #ef444466}.server-status-text{fontWeight:bold;font-size:13px}.server-status-text.online{color:var(--accent-green)}.server-status-text.offline{color:var(--accent-red)}.refresh-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .2s,transform .1s;display:flex}.refresh-btn:active{transform:scale(.95)}.active-card{border-left-style:solid;border-left-width:4px;padding:24px;position:relative;overflow:hidden}.active-card.vpn{border-left-color:var(--accent-green)}.active-card.whitelist{border-left-color:var(--accent-blue)}.active-card-icon{position:absolute;top:16px;right:16px}.active-card-icon.vpn{color:var(--accent-green)}.active-card-icon.whitelist{color:var(--accent-blue)}.active-card-title{margin-bottom:4px;font-size:20px;font-weight:800}.active-card-title.vpn{color:var(--accent-green)}.active-card-title.whitelist{color:var(--accent-blue)}.active-card-label{color:var(--hint-color);font-size:13px}.active-card-expiry{margin-top:2px;font-size:16px;font-weight:700}.key-box-card{flex-direction:column;gap:12px;padding:16px;display:flex}.key-box-textarea{color:#fbbf24;word-break:break-all;background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;max-height:100px;padding:12px;font-family:monospace;font-size:11px;overflow-y:auto}.key-box-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.key-box-btn-copy{color:#fff;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff1a;margin:0}.key-box-btn-import{margin:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 0;display:flex}.empty-state-icon-wrapper{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433;border-radius:50%;margin-bottom:4px;padding:20px}.empty-state-title{font-size:20px;font-weight:800}.empty-state-subtitle{color:var(--hint-color);max-width:280px;margin-top:6px;font-size:14px}.empty-state-btn-shop{justify-content:center;align-items:center;gap:8px;width:200px;display:flex}.guides-card{flex-direction:column;gap:14px;padding:18px;display:flex}.guides-step{align-items:flex-start;gap:12px;display:flex}.guides-step-num{color:var(--accent-blue);background:#3b82f61a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.guides-step-text{text-align:left;font-size:13px}.email-link-card{flex-direction:column;gap:12px;padding:16px;display:flex}.email-linked-row{align-items:center;gap:10px;display:flex}.email-linked-icon{color:var(--accent-green);background:#10b9811a;border-radius:50%;padding:8px}.email-linked-details{text-align:left}.email-linked-title{margin:0;font-size:14px;font-weight:700}.email-linked-value{color:var(--hint-color);margin:2px 0 0;font-size:12px}.email-unlinked-desc{color:var(--hint-color);text-align:left;margin:0;font-size:13px;line-height:1.4}.email-unlinked-btn{margin:0;padding:10px;font-size:13px}.email-link-form{flex-direction:column;gap:10px;margin-top:5px;display:flex}.email-link-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.email-link-input:focus{border-color:var(--accent-blue)}.email-link-code-group{text-align:left;flex-direction:column;gap:6px;display:flex}.email-link-code-label{color:var(--hint-color);font-size:11px}.email-link-code-input{color:#fff;text-align:center;letter-spacing:2px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.email-link-code-input:focus{border-color:var(--accent-blue)}.email-link-error{color:var(--accent-red);text-align:left;font-size:11px}.email-link-actions{gap:8px;display:flex}.email-link-btn-cancel{color:#fff;box-shadow:none;background:0 0;border:1px solid #ffffff1a;margin:0;padding:8px 12px;font-size:12px}.email-link-btn-submit{flex:1;margin:0;padding:8px 12px;font-size:12px}.shop-layout{flex-direction:column;gap:16px;display:flex}.shop-plans-list{flex-direction:column;gap:10px;display:flex}.plan-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s ease-in-out;display:flex}.plan-card:hover{background:#ffffff0d;border-color:#ffffff26}.plan-card.active{border-color:var(--accent-blue);background:#3b82f614}.plan-card.whitelist.active{border-color:var(--accent-blue);background:#8b5cf614}.plan-card-left{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.plan-card-header{align-items:center;gap:8px;display:flex}.plan-card-title{fontWeight:bold;font-size:15px}.plan-card-desc{color:var(--hint-color);font-size:12px}.plan-card-badge{padding:2px 6px;font-size:10px}.plan-card-right{text-align:right}.plan-card-price{color:#fff;font-size:18px;font-weight:800;transition:color .2s}.plan-card.active .plan-card-price{color:var(--accent-blue)}.checkout-card{flex-direction:column;gap:16px;margin-top:10px;padding:20px;display:flex}.checkout-row{justify-content:space-between;align-items:center;display:flex}.checkout-label{color:var(--hint-color);font-size:14px}.checkout-value{color:var(--accent-green);font-size:24px;font-weight:800}.checkout-btn-pay{justify-content:center;align-items:center;gap:10px;width:100%;margin:0;display:flex}.checkout-btn-test{color:#fbbf24;box-shadow:none;background:#fbbf2426;border:1px solid #fbbf2466;justify-content:center;align-items:center;gap:8px;width:100%;margin:0;display:flex}.checkout-hint{color:var(--hint-color);text-align:center;font-size:11px;line-height:1.4}.help-layout{flex-direction:column;gap:16px;display:flex}.help-header{text-align:center;margin-bottom:4px}.help-title{font-size:18px;font-weight:800}.help-subtitle{color:var(--hint-color);font-size:13px}.platform-switch{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:4px;display:flex}.platform-btn{color:var(--hint-color);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.platform-btn.active.ios{color:var(--accent-blue);background:#3b82f626}.platform-btn.active.android{color:var(--accent-green);background:#10b98126}.steps-list{flex-direction:column;gap:12px;display:flex}.step-card{gap:14px;padding:16px;display:flex}.step-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.step-num.ios{color:var(--accent-blue);background:#3b82f61a}.step-num.android{color:var(--accent-green);background:#10b9811a}.step-content{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.step-title{font-size:14px;font-weight:700}.step-desc{color:var(--hint-color);font-size:13px;line-height:1.4}.download-btn{color:inherit;background:#ffffff08;margin-top:6px;padding:10px 14px;text-decoration:none}.download-btn-inner{align-items:center;gap:8px;display:flex}.download-btn-label{font-size:13px;font-weight:600}.chevron-icon{color:var(--hint-color)}