:root{--bg: #F3F2F9;--c-title: #1E1B33;--surface: #FFFFFF;--surface-2: #FAFAFD;--ink: #1B1830;--muted: #8A85A3;--faint: #B8B3CC;--line: #ECEAF4;--accent: #6355E6;--accent-2: #8B7DF2;--accent-soft: #ECE9FC;--gold: #C0891F;--gold-soft: #F5EEDC;--gold-line: #E7D9B4;--shadow-card: 0 4px 18px rgba(45,35,95,.06);--shadow-hero: 0 14px 34px rgba(70,55,180,.28);--shadow-nav: 0 -6px 24px rgba(45,35,95,.07)}@media(prefers-color-scheme:dark){:root{--bg: #100E1A;--c-title: #FFFFFF;--surface: #1B1830;--surface-2: #211D3A;--ink: #F1EFFA;--muted: #948FB0;--faint: #5F5980;--line: #2B2648;--accent: #8B7DF2;--accent-2: #A99BFF;--accent-soft: #262048;--gold: #E4B45E;--gold-soft: #2A2338;--gold-line: #4A3E2A;--shadow-card: 0 6px 20px rgba(0,0,0,.32);--shadow-hero: 0 16px 36px rgba(0,0,0,.45);--shadow-nav: 0 -6px 24px rgba(0,0,0,.4)}}:root[data-theme=dark]{--c-title: #FFFFFF;--bg: #100E1A;--surface: #1B1830;--surface-2: #211D3A;--ink: #F1EFFA;--muted: #948FB0;--faint: #5F5980;--line: #2B2648;--accent: #8B7DF2;--accent-2: #A99BFF;--accent-soft: #262048;--gold: #E4B45E;--gold-soft: #2A2338;--gold-line: #4A3E2A;--shadow-card: 0 6px 20px rgba(0,0,0,.32);--shadow-hero: 0 16px 36px rgba(0,0,0,.45);--shadow-nav: 0 -6px 24px rgba(0,0,0,.4)}:root[data-theme=light]{--c-title: #1E1B33;--bg: #F3F2F9;--surface: #FFFFFF;--surface-2: #FAFAFD;--ink: #1B1830;--muted: #8A85A3;--faint: #B8B3CC;--line: #ECEAF4;--accent: #6355E6;--accent-2: #8B7DF2;--accent-soft: #ECE9FC;--gold: #C0891F;--gold-soft: #F5EEDC;--gold-line: #E7D9B4;--shadow-card: 0 4px 18px rgba(45,35,95,.06);--shadow-hero: 0 14px 34px rgba(70,55,180,.28);--shadow-nav: 0 -6px 24px rgba(45,35,95,.07)}:root{--fs-3xs: 9.5px;--fs-2xs: 10.5px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--fw-regular: 450;--fw-medium: 600;--fw-bold: 700;--fw-heavy: 750}:root{--star: rgba(99,85,230,.22)}@media(prefers-color-scheme:dark){:root{--star: rgba(206,198,255,.16)}}:root[data-theme=dark]{--star: rgba(206,198,255,.16)}:root[data-theme=light]{--star: rgba(99,85,230,.22)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--accent) 16%,var(--bg)),var(--bg) 60%),var(--bg);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0;-webkit-font-smoothing:antialiased}.phone{position:relative;width:390px;height:min(844px,calc(100vh - 48px));background:var(--bg);border-radius:40px;box-shadow:0 30px 80px #140e3259,0 0 0 10px #0c0a16,0 0 0 11px #26203f;overflow:hidden;display:flex;flex-direction:column}.phone:before{content:"";position:absolute;top:0;left:0;right:0;height:190px;z-index:0;pointer-events:none;background-repeat:no-repeat;background:radial-gradient(520px 240px at 50% -70px,color-mix(in srgb,var(--accent) 14%,transparent),transparent 72%),radial-gradient(1.4px 1.4px at 14% 26%,var(--star),transparent),radial-gradient(1.1px 1.1px at 31% 54%,var(--star),transparent),radial-gradient(1.3px 1.3px at 47% 20%,var(--star),transparent),radial-gradient(1px 1px at 66% 44%,var(--star),transparent),radial-gradient(1.5px 1.5px at 83% 30%,var(--star),transparent),radial-gradient(1.1px 1.1px at 90% 60%,var(--star),transparent),radial-gradient(1px 1px at 22% 74%,var(--star),transparent),radial-gradient(1.2px 1.2px at 74% 70%,var(--star),transparent)}@media(max-width:480px){body{padding:0}.phone{width:100vw;height:100vh;height:100dvh;height:var(--tg-viewport-stable-height, 100dvh);border-radius:0;box-shadow:none}.tabbar{border-radius:0}}.scroll{flex:1;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 16px 108px}.scroll::-webkit-scrollbar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 6px}.brand{display:flex;align-items:center;gap:10px}.sigil{width:46px;height:46px;display:grid;place-items:center}.sigil img{width:46px;height:46px;object-fit:contain;display:block}.brand-name{font-size:var(--fs-lg);font-weight:var(--fw-heavy);letter-spacing:-.02em;color:var(--c-title)}.brand-name b{color:var(--accent);font-weight:var(--fw-heavy)}.balance{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--c-title);border:1px solid var(--line)}.balance .spark{color:var(--gold)}.greeting{padding:10px 2px 16px}.greeting h1{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:-.01em}.greeting h1 b{color:var(--ink);font-weight:700}.hero{position:relative;margin-top:16px;padding:4px 2px 2px}.hero-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.hero-sign{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;font-size:24px}.hero-meta .k{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero-meta .d{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.hero p{font-size:var(--fs-sm);line-height:1.5;font-weight:var(--fw-regular)}.hero .cta{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;padding:9px 15px;border-radius:999px;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.28)}.section-label{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:24px 4px 12px}.section-label.premium{color:var(--gold)}.section-label .diamond{font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:15px 11px 14px;text-align:center;box-shadow:var(--shadow-card);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;align-items:center}.tile:active{transform:scale(.96)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:radial-gradient(120% 120% at 30% 20%,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 60%,var(--surface)));margin-bottom:10px}.tile .t{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--c-title);line-height:1.2;height:1.2em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .s{font-size:var(--fs-3xs);color:var(--muted);line-height:1.3;margin-top:5px;min-height:calc(1.3em * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile.locked{background:var(--surface-2);opacity:.5}.tile.locked .ic{background:radial-gradient(120% 120% at 30% 20%,var(--gold-soft),color-mix(in srgb,var(--gold-soft) 55%,var(--surface)));filter:saturate(.85)}.lock{position:absolute;top:9px;right:9px;width:21px;height:21px;border-radius:7px;display:grid;place-items:center;font-size:11px;background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line)}.rowcard{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:13px}.rowcard.invite{margin-top:24px;background:linear-gradient(120deg,var(--accent-soft),var(--surface) 80%);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.rowcard .ricon{width:42px;height:42px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;font-size:21px;background:var(--surface);box-shadow:var(--shadow-card)}.rowcard .rbody{flex:1;min-width:0}.rowcard .rbody .rt{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-title)}.rowcard .rbody .rs{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.rowcard .rbody .rs b{color:var(--accent)}.btn{flex:0 0 auto;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-2));border:none;border-radius:11px;padding:9px 15px;cursor:pointer;box-shadow:0 4px 12px #503cbe47}.btn:active{transform:scale(.96)}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:var(--shadow-nav);border-radius:0 0 40px 40px}.tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--faint);font-size:11px;font-weight:600;padding:7px 0;margin:0 4px;border-radius:14px;transition:background .16s ease,color .16s ease}.tab .ti{font-size:20px;line-height:1}.tab.active{color:var(--accent);background:var(--accent-soft)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-col{display:flex;flex-direction:column;gap:1px}.brand-greet{font-size:var(--fs-xs);color:var(--muted);line-height:1.2}.brand-greet b{color:var(--c-title);font-weight:var(--fw-medium)}.screen[hidden]{display:none}.p-hero{text-align:center;padding:10px 0 4px}.p-hero .sign-ic{width:74px;height:74px;border-radius:22px;margin:0 auto 12px;display:grid;place-items:center;font-size:40px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:var(--shadow-hero)}.p-hero .sign-name{font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:-.02em;color:var(--c-title)}.p-hero .sign-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:5px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px 14px;box-shadow:var(--shadow-card)}.info-card .lbl{font-size:var(--fs-3xs);font-weight:var(--fw-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.info-card .val{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-top:6px;color:var(--c-title)}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 8px;box-shadow:var(--shadow-card);margin-top:11px}.stat{text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat .n{font-size:var(--fs-xl);font-weight:var(--fw-heavy);color:var(--accent);font-variant-numeric:tabular-nums}.stat .l{font-size:var(--fs-2xs);color:var(--muted);margin-top:3px}.action-row{width:100%;text-align:left;margin-top:12px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 16px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:12px;transition:transform .12s ease}.action-row:active{transform:scale(.98)}.action-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-row .ar-body{flex:1}.action-row .ar-t{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-title)}.action-row .ar-s{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.action-row .chev{color:var(--faint);font-size:20px;font-weight:var(--fw-bold)}.placeholder{text-align:center;padding:70px 24px}.placeholder .pico{font-size:42px;margin-bottom:12px}.placeholder .pt{font-size:var(--fs-lg);font-weight:var(--fw-heavy);color:var(--c-title)}.placeholder .ps{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#120c2673;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.sheet-backdrop.open{opacity:1;visibility:visible}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-radius:26px 26px 0 0;padding:6px 18px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:0 -14px 44px #120c324d}.sheet.open{transform:translateY(0)}.sheet .grabber{width:40px;height:4px;border-radius:999px;background:var(--line);margin:10px auto 16px}.sheet .sheet-title{font-size:var(--fs-lg);font-weight:var(--fw-heavy);margin-bottom:18px;color:var(--c-title)}.field{margin-bottom:14px}.field label{display:block;font-size:var(--fs-3xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input{width:100%;font-size:var(--fs-md);font-family:inherit;color:var(--c-title);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--accent)}.btn-block{width:100%;padding:13px;font-size:var(--fs-sm);border-radius:13px;margin-top:4px}.btn-ghost{width:100%;margin-top:8px;padding:13px;font-size:var(--fs-sm);font-weight:var(--fw-medium);background:var(--surface-2);color:var(--muted);border:none;border-radius:13px;cursor:pointer}.btn-ghost:active{transform:scale(.98)}.pm-title{text-align:center;padding:12px 0 4px}.pm-name{font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:-.02em;color:var(--c-title)}.pm-name b{color:var(--accent);font-weight:var(--fw-heavy)}.pm-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:5px}.price-card{text-align:center;margin-top:14px;padding:14px 20px 6px}.price-num{font-size:54px;font-weight:var(--fw-heavy);color:var(--gold);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price-unit{font-size:var(--fs-sm);color:var(--c-title);font-weight:var(--fw-bold);margin-top:10px}.price-alt{font-size:var(--fs-xs);color:var(--muted);margin-top:5px}.features-card{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:4px 16px;box-shadow:var(--shadow-card)}.feat-row{display:flex;align-items:center;gap:12px;padding:12px 0}.feat-row+.feat-row{border-top:1px solid var(--line)}.feat-ic{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;font-size:18px;background:var(--accent-soft)}.feat-body{flex:1;min-width:0}.feat-body .ft{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-title)}.feat-body .fs{font-size:var(--fs-xs);color:var(--muted);margin-top:1px}.feat-check{color:var(--accent);font-size:var(--fs-md);font-weight:var(--fw-bold);flex:0 0 auto}.pay-btn{width:100%;border:none;border-radius:15px;padding:15px;margin-top:12px;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:#fff;transition:transform .12s ease}.pay-btn:active{transform:scale(.98)}.pay-card{background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px #503cbe4d}.pay-stars{background:linear-gradient(145deg,#e6a93e,#ce9426);box-shadow:0 6px 16px #c8962847}.legal{text-align:center;font-size:var(--fs-xs);color:var(--muted);margin-top:14px;line-height:1.6}.legal a{color:var(--accent);text-decoration:none}.legal-sub{font-size:var(--fs-3xs);color:var(--faint)}.packs{display:flex;flex-direction:column;gap:10px;margin-top:12px}.pack-btn{width:100%;border-radius:14px;padding:14px;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);border:1px solid transparent;transition:transform .12s ease}.pack-btn:active{transform:scale(.98)}.pack-rub{background:var(--surface-2);color:var(--c-title);border-color:var(--line)}.pack-stars{background:linear-gradient(145deg,#e6a93e,#ce9426);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen.anim>*{animation:rise .34s cubic-bezier(.22,.61,.36,1) both}.screen.anim>*:nth-child(1){animation-delay:0s}.screen.anim>*:nth-child(2){animation-delay:.04s}.screen.anim>*:nth-child(3){animation-delay:.08s}.screen.anim>*:nth-child(4){animation-delay:.12s}.screen.anim>*:nth-child(5){animation-delay:.16s}.screen.anim>*:nth-child(6){animation-delay:.2s}.screen.anim>*:nth-child(7){animation-delay:.24s}.screen.anim>*:nth-child(8){animation-delay:.28s}.screen.anim>*:nth-child(n+9){animation-delay:.3s}@media(prefers-reduced-motion:reduce){*{transition:none!important}.screen.anim>*{animation:none!important}}#root{display:contents}.topbar-right{display:flex;align-items:center;gap:8px}.theme-btn{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;cursor:pointer;font-size:15px;line-height:1;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);color:var(--c-title);transition:transform .12s ease}.theme-btn:active{transform:scale(.94)}.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}