*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:focus{outline:none}:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #f9731699}::-webkit-scrollbar{width:4px!important;height:4px!important}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:2px!important}::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}html,body,*{scrollbar-width:thin!important;scrollbar-color:#fff3 transparent!important}html,body,#root{height:100%;overflow:hidden}body{color:#fff;background-color:#0d0d0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}body.modal-open{touch-action:none!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.app{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.grid-background{opacity:.3;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.glow-effect{filter:blur(100px);pointer-events:none;background:#f973161a;border-radius:50%;width:400px;height:400px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.content{z-index:10;flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;padding:clamp(16px,3vh,24px) clamp(28px,7vw,40px);display:flex;position:relative;overflow:hidden}.header{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(8px,2vh,16px);padding-top:clamp(4px,1vh,8px);display:flex}.user-info{flex-direction:column;display:flex}.greeting-info{flex-direction:column;gap:2px;min-width:0;max-width:55%;margin-right:12px;display:flex}.greeting-text{color:#9ca3af;font-size:13px;font-weight:400}.greeting-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.username{color:#fff;font-size:18px;font-weight:600}.status{align-items:center;gap:8px;margin-top:4px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:#22c55e}.status-dot.offline{background-color:#6b7280}.status-text{color:#9ca3af;font-size:14px}.subscription-info{text-align:right}.subscription-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.subscription-date{color:#fff;font-size:18px;font-weight:600}.subscription-status{color:#f97316;font-size:12px;font-weight:500}.main-section{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.progress-container{flex-shrink:1;justify-content:center;width:clamp(180px,52vw,240px);height:clamp(180px,52vw,240px);display:flex;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.progress-bar{fill:none;stroke:url(#gradient);stroke-width:8px;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48px;transition:stroke-dashoffset 1s ease-out}.progress-text{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.days-count{color:#fff;text-align:center;font-size:clamp(14px,3.5vh,22px);font-weight:700;line-height:1}.days-label{color:#9ca3af;font-size:clamp(11px,2vh,14px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;margin-bottom:clamp(8px,1.5vh,12px);padding:clamp(10px,1.5vh,14px) 14px}.traffic-info{justify-content:center;align-items:baseline;gap:6px;margin-top:clamp(16px,3vh,24px);display:flex}.traffic-value{color:#fff;font-size:15px;font-weight:500}.traffic-label{color:#6b7280;font-size:14px}.btn{cursor:pointer;white-space:nowrap;touch-action:manipulation;border:none;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(10px,1.8vh,14px);padding:clamp(14px,2.2vh,18px) 18px;font-size:clamp(14px,2vh,15px);font-weight:500;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(90deg,#f97316,#ea580c)}.btn-primary:hover{background:linear-gradient(90deg,#ea580c,#dc2626)}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a}.btn-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.btn-left svg{width:22px;height:22px}.btn-right{color:#fffc}.btn-badge{background:#ffffff1a;border-radius:8px;flex-shrink:0;margin-left:8px;padding:4px 12px;font-size:14px}.btn-badge.badge-trial{color:#f97316;background:#f9731633}.trial-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.trial-emoji{font-size:40px;line-height:1}.trial-title{color:#fff;font-size:20px;font-weight:700}.trial-sub{color:#ffffff80;max-width:260px;font-size:13px;line-height:1.5}.trial-steps{flex-direction:column;gap:10px;display:flex}.trial-step{background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.trial-step-num{color:#f97316;background:#f973164d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.trial-step.done .trial-step-num{background:#22c55e;font-size:0}.trial-step.done .trial-step-num:after{content:"✓";color:#fff;font-size:12px}.trial-step-text{color:#fffc;font-size:14px}.trial-btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bottom-actions{flex-shrink:0;margin-top:0;padding-bottom:clamp(12px,2vh,20px)}.btn-grid{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-small{justify-content:center;gap:10px;margin-bottom:0;padding:clamp(16px,2.5vh,20px) 18px}.btn-small svg{color:#9ca3af;width:22px;height:22px}.register-header{text-align:center;margin-bottom:clamp(24px,4vh,40px);padding-top:clamp(20px,4vh,40px)}.register-title{color:#fff;margin-bottom:8px;font-size:clamp(24px,4vh,32px);font-weight:700}.register-subtitle{color:#6b7280;font-size:14px}.register-form{flex-direction:column;flex:1;display:flex}.input-group{margin-bottom:20px}.input-label{color:#9ca3af;margin-bottom:8px;font-size:13px;display:block}.input-hint{color:#6b7280;font-weight:400}.input-wrapper{gap:10px;display:flex}.input-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:border-color .2s}.input-field::placeholder{color:#6b7280}.input-field:focus{border-color:#f97316}.input-field-full{width:100%}.input-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.input-btn:active{transform:scale(.95)}.input-btn:hover{background:#ffffff1a}.input-btn svg{color:#f97316;width:20px;height:20px}.checkbox-group{margin-bottom:24px}.checkbox-item{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.checkbox-item input[type=checkbox]{display:none}.checkbox-custom{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:1px;transition:all .2s;display:flex}.checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:#f97316;border-color:#f97316}.checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin-bottom:2px;transform:rotate(45deg)}.checkbox-text{color:#9ca3af;font-size:14px;line-height:1.5}.link-btn{color:#f97316;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.link-btn:hover{color:#fb923c}.btn-register{justify-content:center;margin-top:auto;margin-bottom:clamp(16px,3vh,24px)}.btn-register:disabled{opacity:.5;cursor:not-allowed}.sheet-overlay{opacity:0;visibility:hidden;z-index:100;touch-action:none;overscroll-behavior:contain;background:#0009;transition:all .3s;position:fixed;inset:0}.sheet-overlay.active{opacity:1;visibility:visible}.bottom-sheet{z-index:101;overscroll-behavior:contain;background:#1a1a1d;border-radius:20px 20px 0 0;flex-direction:column;max-height:75vh;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.bottom-sheet.active{transform:translateY(0)}.sheet-header{touch-action:none;overscroll-behavior:contain;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:20px 24px 16px}.sheet-title{color:#fff;text-align:center;font-size:18px;font-weight:600}.sheet-content{color:#d1d5db;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px 24px;font-size:14px;line-height:1.7;overflow-y:auto}.sheet-content h3{color:#fff;margin-top:20px;margin-bottom:10px;font-size:15px;font-weight:600}.sheet-content h3:first-child{margin-top:0}.sheet-content p{margin-bottom:12px}.sheet-content ul{margin-bottom:12px;padding-left:20px}.sheet-content li{margin-bottom:6px}.sheet-footer{padding:16px 24px;padding-bottom:max(24px, env(safe-area-inset-bottom));background:#1a1a1d;border-top:1px solid #ffffff0d;flex-shrink:0}.sheet-close-btn{justify-content:center;margin:0}@media (height<=500px){.progress-container{width:120px;height:120px}.header{margin-bottom:6px}.username,.subscription-date{font-size:16px}}.loader-screen{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.spinner{border:2.5px solid #ffffff14;border-top-color:#f97316;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{z-index:100;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:none;position:fixed;inset:0}.error-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex}.error-icon.orange{background:#f973161a;border:1px solid #f9731633}.error-icon.red{background:#ef44441a;border:1px solid #ef444433}.error-icon svg{width:32px;height:32px}.error-icon.orange svg{color:#f97316}.error-icon.red svg{color:#ef4444}.error-title{color:#fff;margin-bottom:10px;font-size:22px;font-weight:700}.error-text{color:#6b7280;font-size:14px;line-height:1.7}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f97316,#ea580c);border:none;border-radius:14px;min-width:200px;margin-top:28px;padding:14px 32px;font-size:15px;font-weight:500}.retry-btn:active{transform:scale(.98)}.plans-content{padding-bottom:0;overflow-y:auto}.plans-header{flex-shrink:0;align-items:center;margin-bottom:clamp(20px,3vh,28px);padding-top:clamp(4px,1vh,8px);display:flex}.plans-header-text{flex-direction:column;display:flex}.plans-title{color:#fff;font-size:20px;font-weight:700}.plans-subtitle{color:#6b7280;margin-top:2px;font-size:13px}.plans-list{flex-direction:column;flex:1;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.plan-card{cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:stretch;min-height:72px;padding:0 16px 0 18px;transition:border-color .3s,background .3s,transform .15s;display:flex;position:relative}.plan-card:active{transform:scale(.98)}.plan-card.selected{background:#f973160f;border-color:#f9731680}.plan-badge-row{margin-bottom:8px}.plan-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.plan-badge.popular{color:#f97316;background:#f973161f;border:1px solid #f9731633}.plan-body{flex:1;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px;padding-right:34px;display:flex}.plan-left{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.plan-duration{color:#fff;font-size:15px;font-weight:600}.plan-desc{color:#6b7280;font-size:12px;line-height:1.4}.plan-total{color:#6b7280;margin-top:2px;font-size:11px}.plan-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.plan-price-old{color:#6b7280;font-size:12px;text-decoration:line-through}.plan-price-row{align-items:baseline;gap:1px;display:flex}.plan-price-value{color:#fff;font-size:18px;font-weight:700;line-height:1}.plan-price-period{color:#9ca3af;margin-left:1px;font-size:13px;font-weight:400}.plan-radio{border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .3s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.plan-card.selected .plan-radio{border-color:#f97316}.plan-radio-dot{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .3s}.plan-card.selected .plan-radio-dot{background:#f97316}.plan-card.skeleton{pointer-events:none;min-height:72px;padding:18px}.skeleton-line{background:#ffffff0f;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-title{width:100px;height:16px;margin-bottom:8px}.skeleton-price{width:80px;height:14px;margin-bottom:6px}.skeleton-desc{width:140px;height:12px}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.plans-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:flex}.plans-error-icon{background:#ef44441a;border:1px solid #ef444433;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.plans-error-icon svg{color:#ef4444;width:26px;height:26px}.plans-error-text{color:#6b7280;font-size:14px}.plans-retry-btn{justify-content:center;width:auto;min-width:180px}.plans-footer{padding:clamp(12px,2vh,16px) 0;padding-bottom:max(clamp(28px, 4vh, 36px), calc(env(safe-area-inset-bottom) + 16px));flex-shrink:0}.plans-buy-btn{justify-content:center;margin-bottom:0}.plans-buy-btn:disabled{opacity:.5;cursor:not-allowed}.payment-methods{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.payment-method-btn{cursor:pointer;text-align:left;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.payment-method-btn:active{transform:scale(.98)}.payment-method-btn:hover{background:#ffffff14}.payment-method-btn.loading{opacity:.6;pointer-events:none}.payment-method-icon{background:#f973161a;border:1px solid #f9731626;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.payment-method-icon svg{color:#f97316;width:22px;height:22px}.payment-method-icon.sbp{background:#3b82f61a;border-color:#3b82f626}.payment-method-icon.sbp svg{color:#3b82f6}.payment-method-icon.crypto{background:#a855f71a;border-color:#a855f726}.payment-method-icon.crypto svg{color:#a855f7}.payment-method-icon.telegram{background:#22c55e1a;border-color:#22c55e26}.payment-method-icon.telegram svg{color:#22c55e}.payment-method-info{flex-direction:column;flex:1;gap:2px;display:flex}.payment-method-name{color:#fff;font-size:15px;font-weight:500}.payment-method-desc{color:#6b7280;font-size:12px}.payment-method-arrow{color:#6b7280;flex-shrink:0;width:18px;height:18px}.inline-error{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444440;border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:none}.inline-error.visible{display:block}.profile-content{overflow-y:auto}.profile-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.profile-avatar{color:#f97316;background:#f9731633;border:1px solid #f973164d;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.profile-info{flex:1;min-width:0}.profile-name{color:#fff;font-size:16px;font-weight:600}.profile-id{color:#6b7280;margin-top:2px;font-size:12px}.profile-balance{color:#fff;font-size:18px;font-weight:700}.profile-balance span{color:#9ca3af;font-size:14px}.section-block{margin-bottom:16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.section-header .section-title{margin-bottom:0}.key-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:14px 16px}.key-value{color:#9ca3af;word-break:break-all;margin-bottom:12px;font-size:12px;line-height:1.5}.key-actions{gap:8px;display:flex}.key-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}.key-btn:disabled{opacity:.35;cursor:not-allowed}.key-btn svg{width:16px;height:16px}.traffic-card{color:#9ca3af;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13px}.action-btns{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.action-btns .btn{margin-bottom:0}.devices-limit{color:#6b7280;margin-left:6px;font-size:12px;font-weight:400}.delete-all-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.devices-list{flex-direction:column;gap:8px;display:flex}.devices-empty{color:#6b7280;text-align:center;padding:20px 0;font-size:13px}.device-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.device-icon{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.device-icon svg{width:20px;height:20px}.device-info{flex:1;min-width:0}.device-name{color:#fff;font-size:14px;font-weight:500}.device-meta{color:#6b7280;margin-top:2px;font-size:12px}.device-delete-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.device-delete-btn svg{width:18px;height:18px}.payment-list{flex-direction:column;gap:8px;display:flex}.payment-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.payment-info{flex-direction:column;gap:2px;display:flex}.payment-name{color:#fff;font-size:14px;font-weight:500}.payment-date{color:#6b7280;font-size:12px}.payment-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.payment-amount{color:#fff;font-size:15px;font-weight:600}.payment-status{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.payment-status.success{color:#22c55e;background:#22c55e1a}.payment-status.pending{color:#eab308;background:#eab3081a}.payment-status.failed{color:#ef4444;background:#ef44441a}.empty-payments{flex-direction:column;align-items:center;gap:10px;padding:24px 0;display:flex}.empty-payments-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.empty-payments-icon svg{color:#6b7280;width:22px;height:22px}.empty-payments-text{color:#6b7280;font-size:13px}.referral-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin-bottom:10px;padding:14px 16px}.referral-stats{align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.referral-count{color:#f97316;font-size:22px;font-weight:700}.referral-label{color:#9ca3af;font-size:13px}.referral-link-row{align-items:center;gap:8px;display:flex}.referral-link{color:#9ca3af;word-break:break-all;flex:1;font-size:12px;line-height:1.4}.referral-copy-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;padding:8px;display:flex}.referral-copy-btn svg{width:16px;height:16px}.document-btn{text-align:left;color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:8px;padding:14px 16px;font-size:14px}.document-btn:last-child{margin-bottom:0}