:root{--fb-bg: #f2f2f7;--fb-card: #ffffff;--fb-text: #000000;--fb-hint: #8e8e93;--fb-accent: #2481cc;--fb-danger: #e5484d;--bg: var(--tg-theme-secondary-bg-color, var(--fb-bg));--card: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, var(--fb-card)));--text: var(--tg-theme-text-color, var(--fb-text));--hint: var(--tg-theme-hint-color, var(--fb-hint));--accent: var(--tg-theme-button-color, var(--fb-accent));--accent-text: var(--tg-theme-button-text-color, #ffffff);--link: var(--tg-theme-link-color, var(--accent));--danger: var(--tg-theme-destructive-text-color, var(--fb-danger));--ok: #2fb15d;--warn: #e8930c;--line: color-mix(in srgb, var(--hint) 24%, transparent);--soft: color-mix(in srgb, var(--hint) 13%, transparent);--safe-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--fb-bg: #0f0f10;--fb-card: #1c1c1e;--fb-text: #ffffff;--fb-hint: #8d8d93;--fb-accent: #3e88f7}}*{box-sizing:border-box}html{height:100%;overscroll-behavior:none;background:var(--bg)}body{margin:0;position:fixed;inset:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{height:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.app{position:relative;height:100%;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg)}.screen--hidden{visibility:hidden}.screen--enter{animation:push-in .34s cubic-bezier(.2,.8,.2,1) backwards;box-shadow:-12px 0 32px #0000002e}.screen--leave{animation:push-out .24s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes push-in{0%{transform:translate(100%)}}@keyframes push-out{to{transform:translate(100%)}}.browser-back{flex:0 0 auto;height:44px;padding:0 16px 0 10px;display:flex;align-items:center;gap:2px;color:var(--link)}.browser-back__icon{transform:scaleX(-1)}.page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page__scroll::-webkit-scrollbar{display:none}.page__footer{flex:0 0 auto;padding:10px 16px max(16px,var(--safe-bottom));background:var(--bg);border-top:1px solid var(--line)}.pad{padding:20px 16px calc(28px + var(--kb, 0px));display:flex;flex-direction:column;gap:22px}.pad--center{align-items:center;justify-content:center}.pad>*{flex-shrink:0}.stack{display:flex;flex-direction:column}.stack--6{gap:6px}.stack--8{gap:8px}.stack--10{gap:10px}.stack--12{gap:12px}.stack--center{align-items:center;text-align:center}.title{margin:0;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.02em}.sub{margin:0;font-size:15.5px;line-height:1.4;color:var(--hint)}.muted{margin:0;font-size:14px;line-height:1.45;color:var(--hint)}.muted--center{text-align:center}.ink{color:var(--text);font-weight:600}.link{color:var(--link);font-weight:500}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:8px}.hero__logo{width:76px;height:76px;margin-bottom:4px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:700;color:var(--accent-text);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent))}.card{padding:16px;border-radius:16px;background:var(--card);display:flex;flex-direction:column;gap:12px}.card__text{margin:0;font-size:15.5px;line-height:1.45}.price{display:flex;align-items:baseline;gap:8px}.price__value{font-size:34px;font-weight:700;letter-spacing:-.02em}.price__per{font-size:15px;color:var(--hint)}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35}.ticks svg{flex:0 0 auto;margin-top:1px;color:var(--ok)}.status-date{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:13px;font-size:13px;font-weight:600}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge--ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.badge--warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 15%,transparent)}.badge--off{color:var(--hint);background:var(--soft)}.group{display:flex;flex-direction:column;gap:8px}.group__title{margin:0 16px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--hint)}.list{border-radius:16px;background:var(--card);overflow:hidden}.row{position:relative;width:100%;min-height:52px;padding:10px 16px;display:flex;align-items:center;gap:12px;text-align:left}.row+.row:before{content:"";position:absolute;top:0;left:58px;right:0;border-top:1px solid var(--line)}.row--plain+.row--plain:before,.row--plain+.row:before,.row+.row--plain:before{left:16px}button.row:active{background:var(--soft)}.row__icon{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff}.row__icon--orange{background:#f2994a}.row__icon--green{background:#34c759}.row__icon--red{background:#ff5a5f}.row__icon--blue{background:#3d8af7}.row__icon--gray{background:#8e8e93}.row__icon--soft{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.row__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.row__title{font-size:16px;line-height:1.3}.row__sub{font-size:13.5px;line-height:1.35;color:var(--hint)}.row__line{font-size:15px;line-height:1.4}.row__value{flex:0 1 auto;min-width:0;font-size:15px;color:var(--hint);text-align:right;overflow-wrap:anywhere}.row__end{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:15px}.row__chev{flex:0 0 auto;color:var(--hint);opacity:.55}.tag{font-size:12.5px;font-weight:600}.tag--ok{color:var(--ok)}.tag--err{color:var(--danger)}.tap{transition:transform .14s ease,opacity .14s ease}.tap:active{transform:scale(.97)}.cta{width:100%;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16.5px;font-weight:600;color:var(--accent-text);background:var(--accent)}.cta:disabled{opacity:.6}.cta--danger{color:#fff;background:var(--danger)}.btn{width:100%;height:48px;padding:0 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--link);background:var(--soft)}.text-btn{width:100%;height:44px;font-size:16px;font-weight:500;color:var(--link)}.text-btn--danger{color:var(--danger)}.foot-note{margin:8px 0 0;text-align:center;font-size:12.5px;line-height:1.4;color:var(--hint)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field__label{margin:0 4px;font-size:13px;color:var(--hint)}.field__input{width:100%;height:50px;padding:0 14px;border:1.5px solid transparent;border-radius:12px;outline:none;font:inherit;font-size:17px;color:var(--text);background:var(--card);-webkit-user-select:text;user-select:text;transition:border-color .15s ease}.field__input::placeholder{color:var(--hint);opacity:.6}.field__input:focus{border-color:var(--accent)}.field__input--mono{font-family:var(--mono);font-size:16.5px;letter-spacing:.02em}.field__input--code{text-align:center;font-size:22px;letter-spacing:.3em}.field--error .field__input{border-color:var(--danger)}.field__error{margin:0 4px;font-size:13px;line-height:1.35;color:var(--danger)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.consent{padding:14px 16px;border-radius:14px;display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;background:var(--card);transition:box-shadow .15s ease}.consent input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--hint);border-radius:6px;display:grid;place-items:center}.consent input:checked{border-color:var(--accent);background:var(--accent)}.consent input:checked:after{content:"";width:6px;height:11px;border:solid var(--accent-text);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.consent--error{box-shadow:inset 0 0 0 1.5px var(--danger)}.switch{appearance:none;-webkit-appearance:none;flex:0 0 auto;position:relative;width:51px;height:31px;margin:0;border-radius:16px;background:var(--soft);transition:background .2s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000038;transition:transform .2s ease}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(20px)}.switch:disabled{opacity:.6}.amount{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px;text-align:center}.amount__label{font-size:14px;color:var(--hint)}.amount__value{font-size:42px;font-weight:700;letter-spacing:-.02em}.secure{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--hint)}.banner{margin:0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.testcards{border-radius:14px;background:var(--card);overflow:hidden}.testcards summary{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:14px;color:var(--hint);cursor:pointer}.testcards summary::-webkit-details-marker{display:none}.testcards__chev{transform:rotate(90deg);transition:transform .2s ease}.testcards[open] .testcards__chev{transform:rotate(-90deg)}.testcard{width:100%;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);text-align:left;font-size:14px}.testcard:active{background:var(--soft)}.testcard__num{flex:0 0 auto;white-space:nowrap;font-family:var(--mono);font-size:13.5px}.testcard__label{color:var(--hint);text-align:right}.overlay{position:fixed;inset:0;z-index:60;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease backwards}.overlay__title{font-size:18px;font-weight:600}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:spin .8s linear infinite}.spinner--big{width:38px;height:38px;border-width:3px;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.result{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:28px;text-align:center}.result__icon{width:80px;height:80px;margin-bottom:6px;border-radius:50%;display:grid;place-items:center;color:#fff;animation:pop .45s cubic-bezier(.2,.9,.3,1.35) backwards}.result__icon--ok{background:var(--ok)}.result__icon--err{background:var(--danger)}@keyframes pop{0%{transform:scale(.4);opacity:0}}.rise{animation:rise .45s ease .12s backwards}@keyframes rise{0%{transform:translateY(10px);opacity:0}}.toast{position:fixed;left:16px;right:16px;bottom:calc(90px + var(--safe-bottom));z-index:70;padding:12px 16px;border-radius:12px;text-align:center;font-size:14.5px;color:var(--bg);background:color-mix(in srgb,var(--text) 88%,transparent);animation:rise .3s ease backwards}.doc{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;font-size:15px;line-height:1.5}.doc p{margin:0}.sheet{position:fixed;inset:0;z-index:50}.sheet__backdrop{position:absolute;inset:0;background:#00000073;animation:fade-in .24s ease backwards}.sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:88%;padding-bottom:max(16px,var(--safe-bottom),var(--kb, 0px));border-radius:18px 18px 0 0;display:flex;flex-direction:column;background:var(--bg);animation:sheet-in .34s cubic-bezier(.2,.8,.2,1) backwards;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.sheet--closing .sheet__backdrop{animation:fade-out .22s ease forwards}.sheet--closing .sheet__panel{animation:sheet-out .22s cubic-bezier(.4,0,1,1) forwards}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}.sheet__head{flex:0 0 auto;padding:8px 16px 0;touch-action:none}.sheet__grip{display:block;width:36px;height:5px;margin:0 auto 10px;border-radius:3px;background:var(--line)}.sheet__titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet__title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.sheet__close{flex:0 0 auto;width:44px;height:44px;margin-right:-10px;display:flex;align-items:center;justify-content:center;color:var(--hint)}.sheet__body{padding:8px 16px 4px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px}.sheet__text{margin:0;font-size:15.5px;line-height:1.45}.card--flat{gap:8px}.row__icon--violet{background:#8e6cf2}.row__title--danger{color:var(--danger)}.plan{cursor:pointer}.plan__radio{flex:0 0 auto;width:22px;height:22px;border:1.5px solid var(--hint);border-radius:50%;display:grid;place-items:center}.plan--on .plan__radio{border-color:var(--accent)}.plan--on .plan__radio:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent)}.plan+.plan:before{left:50px}.pill{flex:0 0 auto;min-width:96px;height:34px;padding:0 14px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;color:var(--accent-text);background:var(--accent)}.pill:disabled{color:var(--hint);background:var(--soft)}.text-btn--small{height:38px;font-size:14.5px}.text-btn:disabled{opacity:.5}.seller{margin:0 4px;font-size:12.5px;line-height:1.45;color:var(--hint)}.receipt{display:flex;flex-direction:column;gap:9px;padding-bottom:8px}.receipt__head{margin:0 0 4px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--hint)}.receipt__row{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;line-height:1.35}.receipt__key{flex:0 0 auto;color:var(--hint)}.receipt__val{text-align:right;overflow-wrap:anywhere}button.row:disabled{opacity:1;cursor:default}.hint-line{margin:-12px 4px 0;font-size:13px;line-height:1.4;color:var(--hint)}.lesson{padding:4px 16px 18px;display:flex;flex-direction:column;gap:14px}.lesson--empty{padding-top:0}.video{position:relative;aspect-ratio:16 / 9;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2b2b30,#45454d)}.video__play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffffff2e}.video__time{position:absolute;right:10px;bottom:8px;padding:2px 7px;border-radius:6px;font-size:12.5px;background:#0000008c}.lesson__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--hint)}.lesson__steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}.lesson__tip{margin:0;padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.45;background:color-mix(in srgb,var(--accent) 12%,transparent)}.row__chev--open{transform:rotate(90deg)}
