:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--tg-theme-text-color, #142132);background:var(--tg-theme-bg-color, #f3f6f8);font-synthesis:none;text-rendering:optimizeLegibility;--bg: var(--tg-theme-bg-color, #f3f6f8);--surface: var(--tg-theme-section-bg-color, #ffffff);--surface-alt: var(--tg-theme-secondary-bg-color, #e9eef1);--text: var(--tg-theme-text-color, #142132);--muted: var(--tg-theme-hint-color, #6f7c89);--accent: var(--tg-theme-button-color, #20c67a);--accent-text: var(--tg-theme-button-text-color, #071e15);--line: color-mix(in srgb, var(--text) 10%, transparent);--danger: var(--tg-theme-destructive-text-color, #e65353);--shadow: 0 16px 40px rgba(14, 29, 42, .08);--radius-lg: 24px;--radius-md: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:2px}h1,h2,p{margin-top:0}h1{font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:10px}h2{font-size:1.06rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:4px}p{color:var(--muted);font-size:.85rem;line-height:1.55;margin-bottom:0}.app-shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;position:relative;background:var(--bg);border-inline:1px solid var(--line)}.app-header{height:calc(70px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 20px 10px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand__mark{width:38px;height:38px;display:grid;place-items:center;color:var(--accent-text);background:var(--accent);border-radius:13px;transform:rotate(-4deg)}.brand__mark svg{width:21px}.brand strong{display:block;font-size:.95rem;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.18em;font-weight:700}.secure-label{font-size:.68rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px}.secure-label>span,.online-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.app-content{padding:20px 16px calc(104px + env(safe-area-inset-bottom));min-height:calc(100dvh - 70px)}.page{display:grid;gap:18px;animation:page-in .24s ease-out}.page-title{padding:8px 4px 2px}.page-title p{max-width:420px}.eyebrow{display:block;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.14em;margin-bottom:7px}.hero-card{min-height:330px;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:22px;border-radius:30px;background:linear-gradient(145deg,#d7fff0,#8be8bc,#65d39f);color:#10291f;box-shadow:0 20px 45px #21a66c2e}.hero-card__glow{position:absolute;width:240px;height:240px;right:-80px;top:-80px;border-radius:50%;border:42px solid rgba(255,255,255,.2)}.hero-card .eyebrow,.hero-card p{color:#10291fa8;position:relative}.hero-card h1{max-width:390px;position:relative;margin-top:22px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.status-badge,.location-pill,.tag{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:.65rem;font-weight:800;border-radius:999px;padding:7px 10px;background:var(--surface-alt);color:var(--muted)}.status-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.is-active{background:#ddfaec;color:#148554}.hero-card .status-badge{background:#ffffff9e;color:#187d52}.hero-card .location-pill{color:#173a2d;background:#ffffff6b}.days-count{display:flex;align-items:baseline;gap:10px;margin-top:auto;position:relative}.days-count strong{font-size:4.8rem;line-height:.9;letter-spacing:-.08em}.days-count span{font-weight:700;font-size:.86rem}.button{min-height:48px;border:0;border-radius:15px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:.78rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.button:active{transform:scale(.98)}.button:disabled{cursor:wait;opacity:.55}.button svg{width:17px}.button--wide{width:100%;margin-top:18px}.button--dark{color:#fff;background:#11261f}.button--primary{background:var(--accent);color:var(--accent-text)}.button--compact{min-height:40px;padding-inline:14px;background:var(--surface-alt)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h2{margin:0}.text-button{background:none;border:0;color:var(--accent);font-size:.75rem;font-weight:800;cursor:pointer;padding:8px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 10px;text-align:center}.metric__icon{width:32px;height:32px;margin:0 auto 9px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.metric__icon svg{width:17px}.metric strong{display:block;font-size:.82rem;overflow-wrap:anywhere}.metric small{color:var(--muted);font-size:.59rem}.location-card,.note-card,.channel-card{display:flex;align-items:center;gap:14px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.flag-tile{width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:1.55rem;border-radius:15px;background:var(--surface-alt)}.location-card .online-dot{margin-left:auto;flex:none}.location-card .eyebrow{margin-bottom:3px}.location-card p{font-size:.73rem}.plan-list{display:grid;gap:10px}.plan-card{position:relative;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.plan-card.is-featured{border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.plan-card__ribbon{position:absolute;top:0;right:18px;padding:6px 10px;border-radius:0 0 10px 10px;background:var(--accent);color:var(--accent-text);font-size:.57rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.plan-card__top,.plan-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-card__top{margin-bottom:18px}.plan-card__top p{font-size:.72rem}.price strong{display:block;font-size:1.15rem;letter-spacing:-.04em}.price span{color:var(--muted);font-size:.62rem}.note-card{align-items:flex-start;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.note-card>svg{color:var(--accent);flex:none}.inline-empty{padding:32px 22px;border-radius:var(--radius-lg);background:var(--surface);border:1px dashed var(--line);text-align:center}.inline-empty>svg{width:38px;height:38px;padding:8px;border-radius:13px;background:var(--surface-alt);color:var(--muted);margin-bottom:12px}.inline-empty p{max-width:340px;margin:0 auto 18px}.key-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 12%,var(--surface)));border:1px solid var(--line)}.key-card h2{font-family:ui-monospace,Cascadia Mono,monospace;font-size:.92rem;letter-spacing:.04em}.icon-button{width:48px;height:48px;flex:none;display:grid;place-items:center;border:0;border-radius:15px;background:var(--text);color:var(--bg);cursor:pointer}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button svg{width:19px}.copy-toast{position:absolute;right:14px;bottom:-13px;padding:6px 10px;border-radius:99px;color:var(--accent-text);background:var(--accent);font-size:.64rem;font-weight:800;box-shadow:var(--shadow)}.platform-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:var(--surface-alt);border-radius:15px}.platform-tabs button{min-width:0;border:0;padding:11px 3px;border-radius:11px;background:transparent;color:var(--muted);font-size:.65rem;font-weight:700;cursor:pointer}.platform-tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:0 4px 12px #0000000f}.steps-list{list-style:none;padding:5px 0 0;margin:0}.steps-list li{position:relative;display:flex;gap:13px;padding:14px 2px}.steps-list li:not(:last-child):after{content:"";position:absolute;left:14px;top:41px;bottom:-5px;width:1px;background:var(--line)}.steps-list li>span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-size:.7rem;font-weight:800;z-index:1}.steps-list strong{display:block;font-size:.78rem;line-height:1.5}.steps-list p{font-size:.7rem;margin-top:3px}.profile-card,.subscription-card,.promo-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.profile-card{display:flex;align-items:center;gap:13px}.avatar{width:52px;height:52px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:var(--accent);color:var(--accent-text);font-size:1.15rem;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.profile-card__identity{min-width:0}.profile-card__identity h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card__identity p{font-size:.72rem}.member-mark{margin-left:auto;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-alt)}.member-mark.is-ok{color:#138654;background:#ddfaec}.member-mark svg{width:15px}.subscription-info{display:grid;grid-template-columns:1fr 1.45fr;gap:8px}.subscription-info>div{padding:13px;border-radius:14px;background:var(--surface-alt)}.subscription-info small,.subscription-info strong{display:block}.subscription-info small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.subscription-info strong{font-size:.78rem}.promo-card__heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.promo-card__heading h2,.promo-card__heading .eyebrow{margin:0}.promo-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent)}.promo-icon svg{width:19px}.promo-card label{display:block;color:var(--muted);font-size:.65rem;font-weight:700;margin-bottom:7px}.input-row{display:flex;gap:8px}.input-row input{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--surface-alt);color:var(--text);padding:0 14px;text-transform:uppercase;font-weight:700}.input-row input::placeholder{color:var(--muted);opacity:.65}.form-message{margin-top:9px;font-size:.7rem;font-weight:600}.form-message.is-error{color:var(--danger)}.form-message.is-success{color:#138654}.channel-card{justify-content:space-between}.channel-card p{font-size:.7rem}.bottom-nav{position:fixed;z-index:30;bottom:10px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),522px);padding:6px 7px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--line);border-radius:23px;background:color-mix(in srgb,var(--surface) 89%,transparent);box-shadow:0 14px 36px #0c192326;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.bottom-nav__item{min-height:55px;padding:7px 2px;border:0;border-radius:17px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;align-content:center;gap:3px}.bottom-nav__item svg{width:20px;height:20px}.bottom-nav__item span{font-size:clamp(.51rem,2.1vw,.61rem);font-weight:700}.bottom-nav__item.is-active{color:var(--accent-text);background:var(--accent)}.standalone{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.state-panel{width:min(100%,430px);text-align:center;padding:32px 22px}.state-panel__mark{width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center;border-radius:22px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.state-panel p{max-width:370px;margin:0 auto 20px}.spinner{display:block;width:26px;height:26px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);animation:spin .75s linear infinite}.spinner--small{width:18px;height:18px;border-width:2px;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}}@media(min-width:700px){.app-shell{box-shadow:0 0 60px #0b19261a}.app-content{padding-inline:22px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: var(--tg-theme-bg-color, #0c1220);--surface: var(--tg-theme-section-bg-color, #151d2b);--surface-alt: var(--tg-theme-secondary-bg-color, #202938);--text: var(--tg-theme-text-color, #f4f7fa);--muted: var(--tg-theme-hint-color, #96a3b2);--line: color-mix(in srgb, var(--text) 10%, transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}