:root{color:#c6cdcf;background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#00d4e5;--success:#34dcad;--text-strong:var(--tg-theme-text-color,#f5f8f8);--text-muted:var(--tg-theme-hint-color,#899295);--border:#dcf4f51c;--page-bg:var(--tg-theme-bg-color,#090d0e);--surface-1:#181f21f7;--surface-2:#0c1112f7;--surface-soft:#ffffff08;--surface-hover:#00d4e50e;--dot-color:#ffffff0e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:max(100dvh, var(--tg-viewport-stable-height,100dvh));background:radial-gradient(circle at 12% 8%, #00d4e518, transparent 26rem), radial-gradient(circle at 88% 80%, #00d4e50e, transparent 30rem), radial-gradient(circle, var(--dot-color) .7px, transparent .8px), var(--page-bg);background-size:auto,auto,22px 22px,auto;margin:0;overflow-x:hidden}body:before{z-index:-1;background:linear-gradient(180deg, transparent, var(--page-bg));content:"";pointer-events:none;position:fixed;inset:0}button,input,select{font:inherit}#root{min-height:max(100dvh, var(--tg-viewport-stable-height,100dvh))}html[data-telegram-theme=light]{--text-strong:var(--tg-theme-text-color,#152022);--text-muted:var(--tg-theme-hint-color,#667174);--border:#1433371f;--page-bg:var(--tg-theme-bg-color,#edf3f3);--surface-1:#fffffffa;--surface-2:#f0f7f7fa;--surface-soft:#0823260a;--surface-hover:#00a8b514;--dot-color:#0d373b14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell{width:min(100%,920px);padding-top:calc(14px + max(var(--tg-safe-area-inset-top,0px), var(--tg-content-safe-area-inset-top,0px)));padding-right:calc(16px + max(var(--tg-safe-area-inset-right,0px), var(--tg-content-safe-area-inset-right,0px)));padding-bottom:calc(48px + max(var(--tg-safe-area-inset-bottom,0px), var(--tg-content-safe-area-inset-bottom,0px)));padding-left:calc(16px + max(var(--tg-safe-area-inset-left,0px), var(--tg-content-safe-area-inset-left,0px)));margin:0 auto}.dev-banner{width:fit-content;color:var(--accent);letter-spacing:.09em;text-transform:uppercase;background:#00d4e512;border:1px solid #00d4e545;border-radius:999px;margin:0 0 12px auto;padding:5px 9px;font-size:10px;font-weight:750}.brand-bar,.brand-lockup,.header-actions,.status-heading,.section-heading,.client-card,.guide-heading,.back-button,.primary-button,.language-panel,.dev-controls,.step-card{align-items:center;display:flex}.brand-bar{justify-content:space-between;gap:14px;margin-bottom:22px}.brand-lockup{gap:11px;min-width:0}.brand-mark{background:#fff;border:1px solid #ffffff1f;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 12px 32px #00000038}.brand-mark img{object-fit:cover;width:100%;height:100%;transform:scale(1.76)}.brand-lockup strong,.brand-lockup small,.client-card strong,.client-card small{display:block}.brand-lockup strong{color:var(--text-strong);letter-spacing:.075em;font-size:17px}.brand-lockup small{color:var(--text-muted);margin-top:2px;font-size:12px}.header-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--text-strong);background:#ffffff09;border-radius:14px;place-items:center;padding:0;display:grid}.icon-button:disabled{cursor:not-allowed;opacity:.38}.feedback-region{z-index:20;top:calc(12px + var(--tg-safe-area-inset-top,0px));color:#083c32;pointer-events:none;background:#dffdf6;border-radius:999px;min-height:1px;padding:0;font-size:12px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.feedback-region:not(:empty){padding:8px 13px;box-shadow:0 14px 40px #0000004d}.subscription-card,.payment-card,.setup-card,.guide-screen,.state-card{border:1px solid var(--border);background:linear-gradient(150deg, var(--surface-1), var(--surface-2));border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000047}.subscription-card:before,.payment-card:before,.setup-card:before,.guide-screen:before{background:var(--status-glow,#00d4e514);content:"";filter:blur(70px);pointer-events:none;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;right:-120px}.subscription-card{--status-color:var(--success);--status-border:#34dcad52;--status-surface:#34dcad1a;--status-glow:#34dcad14;padding:24px}.subscription-card--inactive{--status-color:var(--warning);--status-border:#f6c2594d;--status-surface:#f6c25917;--status-glow:#f6c25912}.subscription-card--expired{--status-color:var(--danger);--status-border:#f5737c4d;--status-surface:#f5737c17;--status-glow:#f5737c12}.payment-card{--status-glow:#f6c2591a;margin-top:14px;padding:24px}.payment-heading{color:var(--warning)}.tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0 20px;display:grid}.tariff-card{border:1px solid var(--border);background:var(--surface-soft);min-width:0;min-height:88px;color:var(--text-muted);text-align:left;border-radius:18px;gap:5px;padding:15px;display:grid}.tariff-card span{font-size:12px;font-weight:650}.tariff-card strong{color:var(--text-strong);font-size:18px}.tariff-card.is-active{color:var(--warning);background:#f6c2591a;border-color:#f6c2597a;box-shadow:inset 0 0 0 1px #f6c25914}.tariff-card:disabled{cursor:not-allowed;opacity:.62}.payment-method-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:700}.payment-methods{gap:8px;display:grid}.payment-method{border:1px solid var(--border);background:#ffffff06;border-radius:16px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.payment-method.is-active{border-color:#f6c2594d}.payment-method.is-disabled{opacity:.46}.payment-method>span:nth-child(2){flex:1;min-width:0}.payment-method strong,.payment-method small{display:block}.payment-method strong{color:var(--text-strong);font-size:13px}.payment-method small{color:var(--text-muted);margin-top:2px;font-size:10px}.payment-method>svg{color:var(--warning)}.payment-method-icon{width:38px;height:38px;color:var(--warning);background:#f6c2591f;border-radius:12px;flex:none;place-items:center;display:grid}.payment-method-icon--muted{color:var(--text-muted);background:#ffffff0d}.terms-check{color:var(--text-muted);align-items:flex-start;gap:10px;margin-top:15px;font-size:11px;line-height:1.5;display:flex}.terms-check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}.terms-link{color:var(--accent);font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.payment-button{background:var(--warning);width:100%}.payment-status{color:var(--text-muted);margin:10px 0 0;font-size:11px;line-height:1.45}.payment-status--paid{color:var(--success)}.payment-status--cancelled,.payment-status--pending,.payment-status--terms_required,.payment-status.is-warning{color:var(--warning)}.payment-status--failed,.payment-status--error{color:var(--danger)}.status-check-button{border:1px solid var(--border);min-height:38px;color:var(--text-strong);background:#ffffff09;border-radius:12px;align-items:center;gap:7px;margin-top:10px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.status-heading{gap:15px;margin-bottom:22px}.status-seal{border:1px solid var(--status-border);background:var(--status-surface);width:50px;height:50px;color:var(--status-color);border-radius:17px;flex:none;place-items:center;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:750}h1,h2,p{margin-top:0}h1{color:var(--text-strong);letter-spacing:-.035em;overflow-wrap:anywhere;margin-bottom:3px;font-size:clamp(22px,7vw,34px);line-height:1.08}h2{color:var(--text-strong);letter-spacing:-.03em;margin-bottom:0;font-size:clamp(20px,6vw,28px);line-height:1.14}.status-copy,.section-description,.guide-heading p,.state-card p,.step-card p{color:var(--text-muted)}.status-copy{margin-bottom:0;font-size:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-card{background:var(--surface-soft);min-width:0;min-height:108px;color:var(--accent);border:1px solid #ffffff13;border-radius:19px;padding:15px;display:grid}.metric-card--active{color:var(--success);border-color:#34dcad2b}.metric-card--inactive{color:var(--warning);border-color:#f6c2592b}.metric-card--expired{color:var(--danger);border-color:#f5737c2b}.metric-card span{color:var(--text-muted);align-self:end;margin-top:13px;font-size:12px}.metric-card strong{color:var(--text-strong);overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.25}.setup-card{margin-top:14px;padding:24px}.section-heading{color:var(--accent);justify-content:space-between;gap:16px;margin-bottom:18px}.section-description{margin:0 0 13px;font-size:13px}.platform-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.platform-chip{border:1px solid var(--border);min-height:42px;color:var(--text-muted);font:inherit;background:#ffffff06;border-radius:13px;padding:0 14px;font-size:13px;font-weight:650}.platform-chip.is-active{color:var(--accent);background:#00d4e51c;border-color:#00d4e56b}.client-grid{gap:9px;display:grid}.client-card{background:var(--surface-soft);width:100%;min-height:72px;color:var(--accent);text-align:left;border:1px solid #ffffff13;border-radius:18px;gap:13px;padding:13px}.client-card:hover:not(:disabled){background:var(--surface-hover);border-color:#00d4e540}.client-card:disabled{cursor:not-allowed;opacity:.44}.client-card>span:nth-child(2){flex:1;min-width:0}.client-card strong{color:var(--text-strong);letter-spacing:.03em;font-size:15px}.client-card small{color:var(--text-muted);margin-top:3px;font-size:11px}.client-monogram{background:var(--accent);color:#001315;letter-spacing:-.04em;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-size:13px;font-weight:900;display:grid}.client-monogram--happ{color:#142023;background:#dce5e7}.client-monogram--hiddify{color:var(--accent);background:#00d4e514;border:1px solid #00d4e552}.guide-screen{padding:22px}.back-button{border:1px solid var(--border);min-height:42px;color:var(--text-strong);background:#ffffff08;border-radius:13px;gap:8px;margin:0 0 24px;padding:0 13px;font-size:13px;font-weight:650}.guide-heading{gap:14px;margin-bottom:24px}.guide-heading .client-monogram{border-radius:17px;width:54px;height:54px}.guide-heading p:last-child{margin:4px 0 0;font-size:13px}.steps-list{gap:11px;display:grid}.step-card{background:var(--surface-soft);border:1px solid #ffffff13;border-radius:20px;align-items:flex-start;gap:13px;padding:17px}.step-icon{width:42px;height:42px;color:var(--accent);background:#00d4e513;border:1px solid #00d4e53d;border-radius:14px;flex:none;place-items:center;display:grid}.step-content{flex:1;min-width:0}.step-number{color:var(--accent);letter-spacing:.11em;font-size:10px;font-weight:800}.step-card h2{margin:3px 0 7px;font-size:18px}.step-card p{margin-bottom:0;font-size:13px;line-height:1.55}.step-note{color:var(--warning);margin-top:10px;font-size:11px;line-height:1.45;display:block}.install-block,.install-notices,.install-options{display:grid}.install-block{gap:9px;margin-top:14px}.install-notices,.install-options{gap:8px}.install-notice{border:1px solid var(--border);color:var(--text-muted);background:#ffffff06;border-radius:12px;margin:0;padding:9px 11px;font-size:11px;line-height:1.45}.install-option{border:1px solid var(--border);background:#ffffff05;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.install-option--primary{background:#00d4e50b;border-color:#00d4e53d}.install-option-copy{min-width:0}.install-option-copy strong,.install-option-copy small{display:block}.install-option-copy strong{color:var(--text-strong);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.install-option-copy small{color:var(--warning);margin-top:5px;font-size:10px;line-height:1.45}.install-option-button{text-align:center;min-width:0;margin-top:0}.install-option-button--secondary{border:1px solid var(--border);color:var(--text-strong);background:#ffffff09}.primary-button{background:var(--accent);color:#001416;border:0;border-radius:13px;justify-content:center;gap:8px;min-height:44px;margin-top:14px;padding:0 15px;font-weight:750}.primary-button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.42}.state-card{min-height:390px;color:var(--accent);text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.state-card h1{margin:18px 0 8px}.state-card p{max-width:370px;margin-bottom:0;font-size:14px}.state-card--error{color:var(--danger)}.state-card .primary-button{color:#001416}.skeleton-lines{gap:9px;width:min(100%,350px);margin-top:28px;display:grid}.skeleton-lines span{background:linear-gradient(90deg,#ffffff0b,#ffffff1c,#ffffff0b) 0 0/220% 100%;border-radius:999px;height:12px;animation:1.4s ease-in-out infinite shimmer}.skeleton-lines span:nth-child(2){width:82%}.skeleton-lines span:nth-child(3){width:61%}.spin{animation:1.1s linear infinite spin}.dev-controls{color:var(--text-muted);background:#00d4e509;border:1px dashed #00d4e53d;border-radius:17px;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;font-size:11px}.dev-controls>div,.language-switcher{gap:4px;display:flex}.dev-controls button,.language-switcher button{min-height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 10px;font-size:11px;font-weight:700}.dev-controls button.is-active,.language-switcher button.is-active{color:var(--accent);background:#00d4e51a;border-color:#00d4e540}.language-panel{color:var(--text-muted);justify-content:center;gap:9px;margin:18px auto 0;font-size:12px}.language-switcher{border:1px solid var(--border);background:#ffffff06;border-radius:12px;padding:3px}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=359px){.app-shell{padding-right:calc(12px + max(var(--tg-safe-area-inset-right,0px), var(--tg-content-safe-area-inset-right,0px)));padding-left:calc(12px + max(var(--tg-safe-area-inset-left,0px), var(--tg-content-safe-area-inset-left,0px)))}.subscription-card,.payment-card,.setup-card,.guide-screen{border-radius:23px;padding:18px}.brand-lockup small{display:none}.metric-card{min-height:100px;padding:12px}.dev-controls{flex-direction:column;align-items:flex-start}}@media (width<=479px){.install-option{grid-template-columns:minmax(0,1fr)}.install-option-button{width:100%}}@media (width>=680px){.app-shell{padding-top:28px}.subscription-card,.payment-card,.setup-card,.guide-screen{padding:30px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-card{flex-direction:column;align-items:flex-start;min-height:145px}.client-card>svg{margin-left:auto}.step-card{padding:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}