:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f6ff;background:#070b14;font-synthesis:none;text-rendering:optimizeLegibility;--surface: rgba(18, 25, 42, .88);--line: rgba(255, 255, 255, .08);--muted: #8290a8;--violet: #7657ff;--violet-2: #9a86ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,#18214a 0,transparent 35%),#070b14}button{font:inherit}.app-shell{max-width:760px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 18px calc(94px + env(safe-area-inset-bottom))}.topbar{height:72px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#9a85ff,#4f38d6);box-shadow:0 8px 28px #7057ff55}.brand-copy{display:flex;flex-direction:column;letter-spacing:.13em}.brand-copy strong{font-size:14px}.brand-copy span{color:var(--muted);font-size:8px;margin-top:2px}.language{margin-left:auto;color:#c6cdeb;border:1px solid var(--line);background:#111827;border-radius:12px;padding:8px 11px}.welcome{padding:28px 2px 20px}.welcome p{color:var(--muted);margin:0 0 5px;font-size:14px}.welcome h1{margin:0;font-size:clamp(24px,7vw,36px);letter-spacing:-.04em}.alert{padding:12px 14px;margin-top:16px;border:1px solid #ff806655;background:#6e241f44;color:#ffc1b7;border-radius:14px;font-size:13px}.status-card,.plan-card,.support-card,.settings-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#161f34f0,#0c121ff7);border-radius:24px}.status-card{padding:22px;box-shadow:0 24px 80px #0006}.status-glow{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(50px);background:#7358ff33;right:-100px;top:-110px}.status-heading{position:relative;display:flex;align-items:center;gap:10px;font-size:18px}.pulse{width:10px;height:10px;border-radius:50%;background:#42e39e;box-shadow:0 0 0 6px #42e39e18,0 0 18px #42e39e}.pulse.inactive{background:#68758c;box-shadow:0 0 0 6px #68758c18}.subscription-line,.status-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-top:18px}.subscription-line span:first-child{color:#cfc6ff;font-weight:700}.progress{height:7px;border-radius:999px;margin-top:17px;background:#293149;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6149e8,#9a85ff);box-shadow:0 0 16px #876cff}.status-meta{margin-top:9px;font-size:11px}.usage-line{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;color:var(--muted);font-size:13px}.usage-line strong{color:var(--text);text-align:right}.action-row{display:grid;grid-template-columns:1fr 52px;gap:10px;margin-top:22px}.primary-button,.ghost-button,.square-button{min-height:48px;border-radius:15px;border:0;font-weight:750;cursor:pointer}.primary-button{color:#fff;background:linear-gradient(135deg,#7558ff,#5a42d3);box-shadow:0 9px 26px #6349e844}.ghost-button,.square-button{color:#dfe4f5;background:#1d263b;border:1px solid var(--line)}.primary-button:disabled,.ghost-button:disabled{cursor:default;opacity:.65}.icon{font-size:18px;line-height:1}.primary-button .icon{margin-right:8px}.bonus-card{margin:14px 0 30px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px;background:linear-gradient(110deg,#21194b,#17142e);border:1px solid #7963ee44;border-radius:18px}.bonus-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#7657ff22;color:#a993ff;font-size:22px}.bonus-card div:nth-child(2){display:flex;flex-direction:column}.bonus-card span,.bonus-card small{color:var(--muted);font-size:11px}.bonus-card strong{margin:2px 0}.text-button{border:0;background:none;color:#a994ff;font-weight:700;font-size:12px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-title h2{margin:0;font-size:20px}.section-title span{color:var(--muted);font-size:10px}.plans{display:grid;gap:12px}.plan-card{padding:18px;transition:transform .2s ease,border-color .2s ease}.plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.plan-card.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.plan-top{display:flex;justify-content:space-between;gap:12px}.plan-kicker{color:var(--accent);text-transform:uppercase;font-size:9px;letter-spacing:.14em;font-weight:800}.plan-card h3{margin:5px 0 0;font-size:19px}.price{text-align:right;display:flex;flex-direction:column}.price strong{font-size:23px}.price span{color:var(--muted);font-size:9px}.feature-grid{display:flex;flex-wrap:wrap;gap:8px 15px;color:#aeb8cd;font-size:11px;margin:16px 0}.plan-card button{width:100%;min-height:42px}.support-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-top:28px;padding:17px}.support-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#8c76ff;background:#7560ef22;font-weight:900}.support-card>div:nth-child(2){display:flex;flex-direction:column}.support-card span{color:var(--muted);font-size:11px;margin-top:3px}.support-card button{grid-column:1 / -1;min-height:42px}.settings-card{margin-top:28px;padding:22px}.settings-card h2{margin:7px 0 22px}.settings-card p{color:var(--muted);font-size:12px;line-height:1.6}.settings-card>.ghost-button{width:100%;margin-top:18px}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:0;transform:translate(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#080d18eb;border-top:1px solid var(--line);backdrop-filter:blur(22px)}.bottom-nav button{border:0;background:transparent;color:#68758c;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px}.bottom-nav button.active{color:#927cff}.bottom-nav .icon{font-size:20px}.modal-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#02050bb8;backdrop-filter:blur(8px)}.checkout-sheet{position:relative;width:min(520px,100%);padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,#18223a,#0d1423);box-shadow:0 30px 90px #000b}.checkout-sheet h2{margin:7px 0 22px;font-size:25px}.checkout-sheet p{margin:18px 0 8px;color:var(--muted);font-size:12px}.checkout-sheet>.primary-button{width:100%;margin-top:16px}.modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid var(--line);border-radius:12px;color:#dbe2f6;background:#202a40;font-size:22px}.segment-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px}.segment-control button{min-height:42px;border:1px solid var(--line);border-radius:13px;color:#aeb8cd;background:#121a2b}.segment-control button.active{color:#fff;border-color:#816aff;background:#6d54e8;box-shadow:0 8px 24px #6046db44}.terms{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#aeb8cd;font-size:11px;line-height:1.5}.terms input{width:18px;height:18px;accent-color:#7558ff;flex:0 0 auto}.checkout-total{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.checkout-total span{color:var(--muted);font-size:12px}.checkout-total strong{font-size:24px}.field-label{display:block;margin:16px 0 7px;color:var(--muted);font-size:12px}.checkout-sheet select,.checkout-sheet textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;color:#eef2ff;background:#111a2b;outline:none}.checkout-sheet textarea{resize:vertical;min-height:110px}.checkout-sheet select:focus,.checkout-sheet textarea:focus{border-color:#816aff;box-shadow:0 0 0 3px #816aff22}.success-message{padding:18px;border:1px solid #42e39e44;border-radius:15px;color:#a8f3d0;background:#17423255}@media(min-width:620px){.plans{grid-template-columns:repeat(3,1fr)}.plan-top{flex-direction:column}.price{text-align:left}.support-card{grid-template-columns:44px 1fr auto}.support-card button{grid-column:auto;min-width:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}