@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5fff7;font-synthesis:none;--accent:#42ff72;--accent2:#16d958;--surface:#0d1812d1;--muted:#ebfff194;--border:#52ff8329;--radius:18px;background:#030504;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none;background:radial-gradient(circle at 50% -10%,#22ff641f,#0000 28rem),#030504}button,a{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,520px);min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom));background:linear-gradient(#03080580,#030504f2);margin:auto;position:relative}header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030504bd;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;height:64px;display:flex;position:sticky;top:0}.brand{text-align:center;flex-direction:column;display:flex}.brand b{font-size:14px}.brand small{color:var(--muted);font-size:9px}main{padding:18px 14px 28px}.hello p{color:var(--muted);margin:4px 0}.hello h1{letter-spacing:-1px;margin:0 0 18px;font-size:28px}.hello h1 span{font-size:20px}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#112218c7,#080e0be6);margin-bottom:12px;padding:16px;animation:.36s both rise;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #00000038}.subscription-card{padding:18px}.subscription-card:before{content:"";background:var(--accent);filter:blur(80px);opacity:.08;pointer-events:none;height:50%;position:absolute;inset:auto 20% -20%}.subscription-card{position:relative;overflow:hidden}.status{color:#dfffe6;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%;display:inline-block}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-title{margin:18px 0}.plan-title h2,.details h2{margin:0 0 4px;font-size:21px}.card p{color:var(--muted);margin:4px 0;font-size:12px}.pill{color:var(--accent);white-space:nowrap;background:#23ff5e1a;border:1px solid #38ff6e47;border-radius:99px;padding:6px 9px;font-size:10px}.pill.bright{background:var(--accent);color:#06200d;font-weight:800}.traffic{margin:14px 0}.traffic .muted{font-size:11px}.traffic .muted b{color:#fff}.progress{background:#ffffff17;border-radius:99px;height:8px;margin:8px 0;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#1dde5a,#4dff80);height:100%;transition:width .8s;display:block;box-shadow:0 0 16px #35ff70}.tiny{color:var(--muted);font-size:9px}.primary,.secondary{border:0;border-radius:12px;width:100%;padding:13px 16px;font-weight:800;transition:transform .15s,filter .15s}.primary{color:#06200c;background:linear-gradient(135deg,#59ff80,#32ed65);box-shadow:0 8px 30px #2eff672e}.secondary{color:#caffd5;border:1px solid var(--border);background:#30ff6612}.primary:active,.secondary:active,.quick:active{filter:brightness(.9);transform:scale(.98)}.link-button{width:100%;color:var(--muted);background:0 0;border:0;padding:11px 0 0;font-size:11px}.section-title{margin:20px 2px 10px;font-size:13px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick{text-align:left;color:#fff;border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:86px;padding:13px;display:flex}.quick i{color:var(--accent);font-size:20px;font-style:normal}.quick span{font-size:12px;font-weight:600}.bottom-nav{z-index:30;width:min(100%,520px);height:calc(68px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#040806eb;border-top:1px solid #ffffff12;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#ffffff6e;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav i{height:24px;font-size:20px;font-style:normal}.bottom-nav .active{color:var(--accent);text-shadow:0 0 12px #32ff698c}.screen-title{justify-content:space-between;align-items:center;margin:0 2px 15px;display:flex}.screen-title span,.page-title{margin:0 0 16px;font-size:23px;font-weight:800}.screen-title small{color:var(--muted)}.plans{gap:2px;display:grid}.plan-card.selected{border-color:#39ff6abf;box-shadow:0 0 28px #2aff621f,inset 0 0 30px #2aff6208}.plan-card h2{margin:0;font-size:18px}.price{margin:11px 0}.price b{font-size:20px}.price span{color:var(--muted);margin-left:5px;font-size:10px}.plan-card ul{margin:12px 0 16px;padding:0;list-style:none}.plan-card li{color:var(--muted);padding:3px 0;font-size:11px}.plan-card li:before{content:"✓";color:var(--accent);margin-right:7px}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.metrics div{border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;padding:11px;display:flex}.metrics span{color:var(--muted);font-size:10px}.metrics b{margin-top:4px;font-size:15px}.details .secondary{margin-top:8px}.device-card{align-items:center;gap:12px;padding:12px;display:flex}.device-icon,.support-icon{width:38px;height:38px;color:var(--accent);border:1px solid var(--border);background:#40ff7217;border-radius:12px;place-items:center;display:grid}.guide{margin-top:18px}.guide h2{margin-top:0}.tabs{background:#0000004d;border-radius:10px;padding:3px;display:flex;overflow:auto}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:7px 10px;font-size:9px}.tabs .active{background:var(--accent);color:#05200c;font-weight:800}.guide ol{padding-left:29px}.guide li{padding:10px 0 10px 5px}.guide li::marker{color:var(--accent);font-weight:800}.guide li b,.guide li span{font-size:11px;display:block}.guide li span{color:var(--muted);margin-top:3px}.support-hero{text-align:center;padding:20px 10px 24px}.support-icon{border-radius:50%;width:54px;height:54px;margin:auto;font-size:23px;box-shadow:0 0 30px #32ff681f}.support-hero h2{margin:15px 0 4px}.support-hero p{color:var(--muted);max-width:280px;margin:0 auto 20px;font-size:12px}.service-status{align-items:center;gap:12px;display:flex}.profile{align-items:center;gap:12px;padding:12px 2px 22px;display:flex}.profile h2,.profile p{margin:0}.profile p{color:var(--muted);font-size:11px}.logo{border:1px solid var(--accent);width:50px;height:50px;color:var(--accent);border-radius:50%;place-items:center;font-size:27px;font-style:italic;font-weight:800;display:grid;box-shadow:0 0 25px #37ff6c33,inset 0 0 18px #37ff6c14}.menu-list{padding:5px 12px}.menu-list button,.menu-list a{color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:14px 2px;font-size:12px;text-decoration:none;display:flex}.menu-list button:last-child,.menu-list a:last-child{border-bottom:0}.menu-list span{color:var(--muted)}.full{margin-top:16px}.checkout h2{margin:8px 0 2px;font-size:27px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:800}.periods{grid-template-columns:1fr 1fr;gap:7px;margin:18px 0;display:grid}.periods button{color:#fff;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:11px;flex-direction:column;padding:11px;display:flex}.periods button span{color:var(--muted);font-size:10px}.periods button b{margin-top:3px}.periods .active{border-color:var(--accent);background:#34ff6914}.total{border-top:1px solid #ffffff14;padding:15px 0}.total b{font-size:24px}.back-link{color:var(--accent);background:0 0;border:0;padding:0 0 12px}.onboarding{width:min(100%,520px);min-height:100vh;padding:70px 24px calc(26px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden}.onboarding .orb{filter:blur(8px);background:radial-gradient(circle,#2fff663b,#0000 65%);width:360px;height:360px;position:absolute;top:-90px}.logo-large{z-index:1;width:124px;height:124px;margin:35px 0 18px;font-size:72px;box-shadow:0 0 60px #2cff6452,inset 0 0 30px #2cff641f}.onboarding h1{margin:0;font-size:38px}.onboarding>p{color:#a8cdb2;margin:8px 0 25px}.benefits{gap:8px;width:100%;margin:auto 0 30px;display:grid}.benefits span{border:1px solid var(--border);color:#d5f9dd;background:#0c1b12b3;border-radius:14px;padding:12px;font-size:12px}.onboarding .primary{max-width:380px}.onboarding .primary b{float:right;font-size:20px}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:30px;display:flex}.state .logo{margin-bottom:15px}.state p,.muted{color:var(--muted)}.skeletons{gap:12px;display:grid}.skeletons div{background:linear-gradient(100deg,#0b130e 20%,#15251a 40%,#0b130e 60%) 0 0/200% 100%;border-radius:18px;height:130px;animation:1.2s infinite shimmer}.toast{z-index:50;color:#08220e;background:#d9ffe2;border:0;border-radius:99px;padding:10px 16px;font-size:11px;font-weight:800;animation:.25s drop;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #000}.icon-button{color:#fff;background:0 0;border:0;font-size:24px;position:absolute;left:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width>=700px){body{padding:24px}.app-shell,.onboarding{border:1px solid var(--border);border-radius:26px;min-height:calc(100vh - 48px);overflow:hidden}.bottom-nav{border-radius:0 0 25px 25px;bottom:24px}.plans{grid-template-columns:repeat(3,1fr)}.plan-card{flex-direction:column;display:flex}.plan-card button{margin-top:auto}}.app-shell{padding-bottom:calc(90px + max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom,0px)))}header{height:auto;min-height:64px;padding-top:max(env(safe-area-inset-top), var(--tg-safe-area-inset-top,0px))}.hello h1,.profile h2{overflow-wrap:anywhere}