@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1111;--text:#eefaf3;--muted:#9db3a8;--mint:#b5f7d1;--mint-ink:#08201a;--glass:#c0f5da08;--glass-border:#c0f5da25;--radius:26px;--warn:#ffb4a6;--safe-top:max(env(safe-area-inset-top), var(--tg-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom,0px));--nav-h:72px;--orb:176px;--orbit-w:300px;--orbit-h:214px;--orb-box:240px;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.num,.big-number b,.orb b,.date{font-variant-numeric:tabular-nums}.glow-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow{will-change:background-size, opacity;background-repeat:no-repeat;position:absolute;inset:0}.glow-a{background-image:radial-gradient(closest-side,#34d3999e 0%,#34d39942 48%,#34d39900 100%);background-position:88% 6%;animation:18s ease-in-out infinite breathe}.glow-b{background-image:radial-gradient(closest-side,#38bdf857 0%,#38bdf824 50%,#38bdf800 100%);background-position:6% 94%;animation:18s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.95;background-size:92% 74%}50%{opacity:.42;background-size:56% 44%}}.shell,.frame,.onboarding{z-index:1;position:relative}.shell{min-height:100vh}.shell main{width:min(100%,640px);padding:calc(76px + var(--safe-top)) 16px calc(var(--safe-bottom) + 36px);margin:0 auto}.frame{width:min(100%,560px);padding:calc(24px + var(--safe-top)) 16px 28px;margin:0 auto}.topbar{z-index:20;height:calc(56px + var(--safe-top));padding:var(--safe-top) 12px 0;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);background:#0b11118c;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-brand{align-items:center;gap:10px;font-size:17px;display:flex}.topbar .logo{width:34px;height:34px;font-size:18px}.menu-btn{background:var(--glass);width:44px;height:44px;color:var(--text);box-shadow:inset 0 0 0 1px var(--glass-border);border:0;border-radius:14px;place-items:center;display:grid}.menu-btn:active{transform:scale(.95)}.scrim{z-index:35;opacity:0;pointer-events:none;background:#0308078c;transition:opacity .3s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:40;width:min(300px,82vw);padding:calc(24px + var(--safe-top)) 14px calc(24px + var(--safe-bottom));border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px);background:linear-gradient(#142620d1,#0b1111e6);flex-direction:column;gap:8px;transition:transform .3s cubic-bezier(.22,.8,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.drawer.open{transform:none;box-shadow:24px 0 60px #00000073}.drawer-head{align-items:center;gap:12px;padding:0 10px 18px;font-size:18px;display:flex}.drawer nav{flex-direction:column;gap:6px;display:flex}.drawer nav button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:16px;padding:14px 16px;font-size:16px;font-weight:600;display:flex}.drawer nav button.active{color:var(--mint);box-shadow:inset 0 0 0 1px var(--glass-border);background:#b5f7d11a}.drawer nav button:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);margin-bottom:14px;padding:22px;animation:.4s both rise;box-shadow:0 18px 50px #00000038}.page-head{margin:4px 2px 18px}.page-head h1{letter-spacing:-.5px;font-size:28px;font-weight:800}.page-head p{color:var(--muted);margin-top:6px;font-size:14px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card h2{overflow-wrap:anywhere;margin-top:6px;font-size:22px;font-weight:800}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;display:block}.muted{color:var(--muted);font-size:14px;line-height:1.5}.tiny{color:var(--muted);font-size:12px}.center{text-align:center;margin-top:8px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.note{border:1px solid var(--glass-border);color:var(--muted);border-radius:16px;margin:14px 0;padding:12px 14px;font-size:13px;line-height:1.5}.primary,.secondary{border:0;border-radius:18px;width:100%;margin-top:16px;padding:15px 18px;font-size:15px;font-weight:800;transition:transform .15s,filter .15s;display:block}.primary{background:var(--mint);color:var(--mint-ink);box-shadow:0 10px 34px #b5f7d129}.secondary{background:var(--glass);color:var(--mint);border:1px solid var(--glass-border)}.primary:active,.secondary:active{filter:brightness(.92);transform:scale(.98)}.primary:disabled,.secondary:disabled{opacity:.55;cursor:default}.compact{width:auto;margin:0;padding:11px 18px}.pill{white-space:nowrap;color:var(--mint);border:1px solid var(--glass-border);background:#b5f7d117;border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.pill.trial{color:#a8e4ff}.pill.expired{color:var(--warn)}.pill.none{color:var(--muted)}.orb-wrap{height:var(--orb-box);place-items:center;margin:4px 0 0;display:grid;position:relative}.orb{z-index:2;width:var(--orb);height:var(--orb);color:#03150d;background:radial-gradient(circle at 30% 24%,#effff6 0,#b5f7d1 13%,#46d695 42%,#12714a 74%,#062c1d 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;animation:6s ease-in-out infinite float;display:flex;position:relative;box-shadow:inset -16px -22px 38px #00190e8c,inset 8px 10px 22px #ffffff40,0 0 64px #3ddc8c57,0 26px 50px #0000006b}.orb b{font-size:calc(var(--orb) * .34);letter-spacing:-1px;text-shadow:0 1px #ffffff40;font-weight:800;line-height:1}.orb span{font-size:calc(var(--orb) * .085);opacity:.8;font-weight:700}.orb-wrap.dim .orb{filter:saturate(.35)brightness(.7);animation-play-state:running}@keyframes float{0%,to{transform:translateY(6px)}50%{transform:translateY(-6px)}}.orbit{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-20deg)}.orbit:before{content:"";width:var(--orbit-w);height:var(--orbit-h);border:1px solid #b5f7d133;border-radius:50%}.orbit-x,.orbit-y{display:block;position:absolute;top:50%;left:50%}.orbit-x{animation:9s cubic-bezier(.445,.05,.55,.95) infinite orbit-x}.orbit-y{animation:9s cubic-bezier(.445,.05,.55,.95) -2.25s infinite orbit-y}.orbit-y i{background:#effff6;border-radius:50%;width:9px;height:9px;margin:-4.5px;display:block;box-shadow:0 0 14px 4px #b5f7d1bf}@keyframes orbit-x{0%,to{transform:translateX(calc(var(--orbit-w) / -2))}50%{transform:translateX(calc(var(--orbit-w) / 2))}}@keyframes orbit-y{0%,to{transform:translateY(calc(var(--orbit-h) / -2))}50%{transform:translateY(calc(var(--orbit-h) / 2))}}@media (width<=380px){.guide .tabs button{min-width:0;padding:9px 8px;font-size:12px}}@media (width<=430px){:root{--orb:132px;--orbit-w:224px;--orbit-h:166px;--orb-box:190px}.card{padding:18px}}.chips{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.chips div{border:1px solid var(--glass-border);border-radius:18px;min-width:0;padding:12px 14px}.chips span{color:var(--muted);font-size:12px;display:block}.chips b{overflow-wrap:anywhere;margin-top:4px;font-size:16px;display:block}.big-number{flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:12px;display:flex}.big-number b{letter-spacing:-1px;font-size:34px;font-weight:800}.big-number span{color:var(--muted);font-size:15px}.bar{background:#c0f5da17;border-radius:99px;height:10px;margin:14px 0 10px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, #5fe3a1, var(--mint));height:100%;transition:width 1.5s cubic-bezier(.16,.84,.3,1);display:block;box-shadow:0 0 18px #b5f7d180}.bar span.full{background:linear-gradient(90deg, #ff9d8a, var(--warn));box-shadow:0 0 18px #ffb4a673}.slots{gap:6px;margin-top:16px;display:grid}.slot{background:#c0f5da1a;border-radius:99px;height:12px;position:relative;overflow:hidden}.slot i{border-radius:inherit;background:linear-gradient(90deg, #5fe3a1, var(--mint));transform-origin:0;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #b5f7d180}.slot i.full{transform:none}.slot i.play{animation:.75s linear both slot-fill}@keyframes slot-fill{0%{opacity:0;transform:scaleX(0)}14%{opacity:1;transform:scaleX(.18)}24%{opacity:.25;transform:scaleX(.18)}38%{opacity:1;transform:scaleX(.5)}48%{opacity:.4;transform:scaleX(.5)}62%{opacity:1;transform:scaleX(.76)}72%{opacity:.5;transform:scaleX(.76)}86%{opacity:.9;transform:scaleX(.95)}to{opacity:1;transform:scaleX(1)}}.expiry-card .date{margin-top:6px;font-size:18px;display:block}.plans{gap:0;display:grid}.plan-card .row{flex-wrap:wrap;row-gap:8px}.plan-card h2{overflow-wrap:normal;word-break:normal;white-space:nowrap;margin:0}.plan-card.current{box-shadow:0 0 0 1px var(--mint), 0 18px 50px #00000038}.price{flex-wrap:wrap;align-items:baseline;gap:8px;margin:14px 0;display:flex}.price b{font-size:28px;font-weight:800}.price span{color:var(--muted);font-size:13px}.plan-card ul{margin:0 0 16px;padding:0;list-style:none}.plan-card li{color:var(--muted);padding:6px 0;font-size:14px}.plan-card li:before{content:"";background:var(--mint);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}@media (width>=700px){.plan-card .row{align-content:flex-start;min-height:72px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plans .card{margin-bottom:0}.plan-card{flex-direction:column;display:flex}.plan-card .primary,.plan-card .secondary{margin-top:auto}}.device-card{align-items:center;gap:14px;padding:16px 18px;display:flex}.device-card b{overflow-wrap:anywhere}.device-card p{color:var(--muted);margin-top:3px;font-size:13px}.device-icon{width:42px;height:42px;color:var(--mint);border:1px solid var(--glass-border);border-radius:14px;flex:none;place-items:center;display:grid}.empty h2{margin-bottom:8px}.guide .tabs{background:#00000038;border-radius:16px;gap:4px;margin:14px 0 6px;padding:4px;display:flex;overflow-x:auto}.guide .tabs button{min-width:max-content;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.guide .tabs button.active{background:var(--mint);color:var(--mint-ink)}.guide ol{margin:8px 0 0;padding-left:24px}.guide li{padding:10px 0 10px 6px}.guide li::marker{color:var(--mint);font-weight:800}.guide li b,.guide li span{display:block}.guide li span{color:var(--muted);margin-top:3px;font-size:13px}.profile{align-items:center;gap:16px;display:flex}.profile h2{margin:0}.profile p{overflow-wrap:anywhere;margin-top:4px}.logo{border:1px solid var(--mint);width:48px;height:48px;color:var(--mint);border-radius:50%;flex:none;place-items:center;font-size:25px;font-style:italic;font-weight:800;display:grid;box-shadow:0 0 24px #b5f7d133,inset 0 0 16px #b5f7d114}.logo-large{width:120px;height:120px;margin:28px 0 18px;font-size:68px}.mail{color:var(--mint);text-align:center;overflow-wrap:anywhere;margin-top:14px;font-size:14px;display:block}.menu-list a{border-bottom:1px solid var(--glass-border);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;font-size:15px;text-decoration:none;display:flex}.menu-list a:last-child{border-bottom:0}.menu-list a span{color:var(--muted)}.menu-list .eyebrow{margin-bottom:4px}.actions{gap:0;margin-bottom:8px;display:grid}.back-link{color:var(--mint);background:0 0;border:0;padding:0 0 12px 2px;font-weight:700}.checkout h2{font-size:26px}.periods{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px;display:grid}.periods button{text-align:left;color:var(--text);border:1px solid var(--glass-border);background:0 0;border-radius:18px;flex-direction:column;gap:4px;min-width:0;padding:13px 14px;display:flex}.periods button span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.periods button b{font-size:17px}.periods button.active{border-color:var(--mint);background:#b5f7d112}.total{border-top:1px solid var(--glass-border);margin-top:12px;padding:16px 0 6px}.total b{font-size:28px}.promo{margin:12px 0 0}.promo form{gap:0;display:grid}.promo label{color:var(--muted);margin-bottom:8px;font-size:13px}.promo input{width:100%;color:var(--text);border:1px solid var(--glass-border);background:#00000038;border-radius:16px;padding:14px 16px}.promo input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.promo p{color:var(--mint);overflow-wrap:anywhere;margin-top:10px;font-size:14px}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70vh;display:flex}.state .logo{margin-bottom:14px}.state p{color:var(--muted);max-width:320px}.state button{max-width:320px}.skeletons{gap:14px;display:grid}.skeletons div{border-radius:var(--radius);border:1px solid var(--glass-border);background:linear-gradient(100deg,#c0f5da08 20%,#c0f5da16 40%,#c0f5da08 60%) 0 0/200% 100%;height:150px;animation:1.4s linear infinite shimmer}.skeletons .tall{height:340px}.toast{z-index:50;top:calc(64px + var(--safe-top));background:var(--mint);max-width:calc(100% - 32px);color:var(--mint-ink);border:0;border-radius:99px;padding:11px 18px;font-size:13px;font-weight:800;animation:.25s drop;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000080}.onboarding{width:min(100%,520px);min-height:100vh;padding:calc(56px + var(--safe-top)) 24px calc(28px + var(--safe-bottom));text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.onboarding h1{font-size:38px;font-weight:800}.onboarding>p{color:var(--muted);margin:8px 0 24px;line-height:1.5}.benefits{gap:10px;width:100%;margin:auto 0 24px;display:grid}.benefits span{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);border-radius:18px;padding:14px;font-size:14px}.onboarding .primary{max-width:380px}@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 (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.glow{opacity:.7;background-size:74% 58%}.orb{transform:none}}.profile h2,.card h2{overflow-wrap:anywhere}