:root{--font-color: #fff;--ff: "Montserrat", sans-serif;--color-linear: #00BB72;--color-red: #FF3B30;--color-green: #01BB73;--teal: #33B7BD;--teal2: #00c0e8;--tealPro: #33B7BD;--tealDemo: #00C0E8;--text: #111827;--muted: #374151;--muted-light: #6b7280;--border: #E5E7EB;--border-light: #ebeef2;--card: #FFFFFF;--card-alt: #F5F6F8;--card-alt2: #f3f4f6;--bg: #f8fafc;--px: 16px;--py: 14px;--indent: 12px;--tab-h: 50px;--footerH: 68px;--bar-h: 66px;--notch-w: 96px;--notch-depth: 24px;--dot-size: 13px;--icon-shift: 0px;--b: #e5e7eb;--b2: #f1f5f9;--b3: #f3f4f6;--hover: #fafafa;--line: #e5e7eb;--accent: #0e7490;--pill-bg: #ecfeff;--pill-b: #cffafe;--cat-accent: #1d4ed8;--cat-bg: #eef2ff;--sub-accent: #0ea5a4;--sub-bg: #f0fdfa;--primary: #00c0e8;--primary-2: #23b9cf;--bar-bg: #f2f2f2;--page-bg: #fff;--accent-tabs: #2ec4c7;--shadow: 0 12px 24px rgba(17, 24, 39, .08), 0 2px 6px rgba(17, 24, 39, .06);--shadow-card: 0 10px 20px rgba(17, 24, 39, .07), 0 2px 6px rgba(17, 24, 39, .06)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;color:#000;font-family:var(--ff);font-size:16px;font-weight:500;background-color:#fff}html{height:100%}body{height:100%;overflow:hidden}#root{width:100%;display:flex;flex-direction:column;min-height:100dvh}main{flex-grow:1}button,a,input,select,textarea,[role=button],[tabindex]{outline:none}button:focus,a:focus,input:focus,select:focus,textarea:focus,[role=button]:focus,[tabindex]:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:none}.container{max-width:1166px;width:100%;margin:0 auto;padding:90px 15px}.logo{outline:none}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.main.with_bg{background-position:center;background-size:cover;background-repeat:no-repeat}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.tabs{position:fixed;left:0;bottom:0;width:100%;display:flex;align-items:center;background:var(--bar-bg);overflow:visible;height:var(--bar-h);min-height:var(--bar-h);padding:0;z-index:100;outline:none}.tabs .container{position:relative;display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;align-items:center;width:100%;height:100%;padding:0 16px;margin:0 auto;--decor-x: 50%}.tabs__notch{display:flex;position:absolute;top:-7px;left:var(--decor-x);width:var(--notch-w);height:calc(var(--notch-depth) + 11px);transform:translate(-50%);pointer-events:none;z-index:2;transition:left .3s ease}.tabs__notch path{fill:var(--page-bg)}.tabs__dot{position:absolute;left:var(--decor-x);top:calc(-1 * var(--notch-depth) + 16px);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--accent-tabs);transform:translate(-50%);transition:left .3s ease;z-index:3}.tab{display:grid;place-items:center;height:100%;padding:0;text-align:center;font-size:24px;color:#9ca3af;text-decoration:none;line-height:0;transition:color .3s ease,transform .2s ease;transform:translate(var(--nudge-x, 0px))}.tab>svg,.tab>img{display:block;width:28px;height:28px;overflow:visible}.tab:active{transform:translate(var(--nudge-x, 0px)) scale(.95)}.tab.active{color:var(--accent-tabs)}.loader-page.loader-fullscreen{position:fixed;inset:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-page.loader-inline{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 20px;background:#fff;border-radius:8px;margin:20px 0}.loader-content{text-align:center}.loader-logo{width:70%;max-width:200px;margin-bottom:20px}.loader-page.loader-inline .loader-logo{width:120px;margin-bottom:15px}.loader-bar{width:220px;height:8px;background:#eee;border-radius:4px;overflow:hidden;margin:0 auto}.loader-page.loader-inline .loader-bar{width:180px;height:6px}.loader-progress{height:100%;background:#007bff;animation:loading 2s infinite}.loader-message{margin-top:15px;color:#666;font-size:14px;font-weight:500}.loader-page.loader-inline .loader-message{margin-top:10px;font-size:13px}.inline-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px}.inline-loader-spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.inline-loader-text{font-size:14px;color:#666}@keyframes loading{0%{transform:translate(-100%);width:40%}50%{transform:translate(60%);width:60%}to{transform:translate(200%);width:40%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mf-wrap{width:100vw;max-width:none;margin:0;padding:0 0 calc(env(safe-area-inset-bottom) + 50px);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100dvh}.mf-title{font-weight:700;font-size:24px;line-height:1.2;margin:30px 10px 40px 25px;color:var(--text)}.mf-list,.mf-sublist,.mf-products,.mf-products-list{margin:0;padding:0;list-style:none}.mf-row,.mf-sub-row,.mf-product-row{display:flex;align-items:center;min-height:40px;padding:var(--py) var(--px);color:var(--text);border-bottom:1px solid var(--b3);background:transparent;cursor:pointer;position:relative}.mf-row:hover,.mf-sub-row:hover,.mf-product-row:hover{background:var(--hover)}.mf-row{min-height:44px;border-bottom-color:var(--b);padding-left:calc(var(--px) + 20px)}.mf-sub-row{padding-left:calc(var(--px) + var(--indent) + 20px);border-bottom-color:var(--b2)}.mf-product-row{padding-left:calc(var(--px) + 2 * var(--indent) + 20px);justify-content:space-between;align-items:flex-start}.mf-row:before,.mf-sub-row:before{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%) rotate(0);transition:transform .16s ease}.mf-row:before{left:var(--px);border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--text)}.mf-sub-row:before{left:calc(var(--px) + 4px);border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--sub-accent)}.mf-row[aria-expanded=true]:before,.mf-sub-row[aria-expanded=true]:before{transform:translateY(-50%) rotate(90deg)}.mf-row-title{font-weight:600;font-size:16px}.mf-sub-title{font-weight:600;font-size:15px}.mf-product-title{font-weight:600;font-size:14px}.mf-row-note{padding:8px calc(var(--px) + var(--indent));font-size:14px;color:var(--muted);border-bottom:1px solid var(--b3)}.mf-row-note.mf-error{color:#b91c1c}.mf-row[aria-expanded=true] .mf-row-title{color:inherit}.mf-sub-row[aria-expanded=true]{color:var(--sub-accent);box-shadow:inset 3px 0 0 0 var(--sub-accent);background:var(--sub-bg)}.mf-sub-row[aria-expanded=true] .mf-sub-title{color:inherit}.mf-product-row:nth-child(odd){background:#fcfcfc}.mf-product-info{display:flex;flex-direction:column;gap:4px;min-width:0}.mf-product-desc{font-size:13px;line-height:1.35;color:#374151;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mf-product-right{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:45%}@media (max-width: 480px){.mf-product-right{max-width:55%}}.mf-product-payment{font-size:12px;color:var(--accent);background:var(--pill-bg);border:1px solid var(--pill-b);padding:2px 8px;border-radius:999px;opacity:.95}.mf-product-price{font-size:12px;color:var(--text);background:#f3f4f6;border:1px solid var(--b3);padding:2px 8px;border-radius:999px;opacity:.9}.mf-product-card{margin-top:var(--py);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.mf-card-title{font-size:20px;line-height:1.25;font-weight:800;color:var(--text);margin:0 0 10px}.mf-card-desc{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mf-card-actions{margin-top:8px}.mf-btn{appearance:none;border:1px solid transparent;background:transparent;width:100%;height:54px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:transform .06s ease,filter .15s ease,opacity .15s ease}.mf-btn:active{transform:translateY(1px)}.mf-btn-primary{background:#33b7bd;border-color:#33b7bd;color:#fff}.mf-btn-primary:hover{filter:brightness(.97)}.mf-btn-primary:disabled{opacity:.65;cursor:not-allowed}.mf-products-list{display:grid;gap:12px}.ad-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 16px calc(env(safe-area-inset-bottom) + 80px)}.h-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 16px;display:flex;align-items:center;gap:12px}.h-top-title,.ad-top-title{margin:0;font-size:20px;font-weight:400;color:var(--text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-back-btn{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#1d4ed8;flex-shrink:0}.h-back-btn svg{width:24px;height:24px}.pf-wrap{width:100dvw;padding:0 0 calc(env(safe-area-inset-bottom) + 50px)}.pf-container{padding:16px}.pf-note{padding:12px var(--px);font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6}.pf-note.pf-error{color:#b91c1c}.pf-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow);margin:16px}.pf-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.pf-desc{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}.pf-actions{display:grid;gap:12px;margin-top:8px}.pf-btn{appearance:none;width:100%;height:54px;border-radius:14px;border:1px solid transparent;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:transform .06s ease,filter .15s ease,opacity .15s ease}.pf-btn:active{transform:translateY(1px)}.pf-btn-primaryPro{color:#fff;background:var(--tealPro);border-color:var(--tealPro)}.pf-btn-primaryPro:hover{filter:brightness(.97)}.pf-btn-primaryDemo{color:#fff;background:var(--tealDemo);border-color:var(--tealDemo)}.pf-btn-primaryDemo:hover{filter:brightness(.97)}.nt-wrap{height:100dvh;display:flex;flex-direction:column;width:100%;padding:0}.nt-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.nt-back{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#111}.nt-back svg{width:28px;height:28px}.nt-top-title{margin:0;font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nt-right{display:flex;align-items:center;gap:10px}.nt-badge{min-width:22px;height:22px;border-radius:999px;background:#d1d5db;color:#111;display:grid;place-items:center;font-size:12px;padding:0 6px}.nt-badge.on{background:#ef4444;color:#fff}.nt-markall{appearance:none;border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:10px;padding:8px 10px;font-weight:700;font-size:12px}.nt-note{padding:12px 16px;font-size:14px;color:#6b7280}.nt-note.nt-error{color:#b91c1c}.nt-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.nt-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 16px calc(env(safe-area-inset-bottom) + var(--footerH) + 12px)}.nt-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:14px}.nt-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.nt-unread{border-color:#cfe8ff;box-shadow:0 10px 24px #3b82f61f}.nt-row{display:flex;gap:10px}.nt-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af;margin-top:6px}.nt-unread .nt-dot{background:#3b82f6}.nt-content{flex:1}.nt-msg{font-size:15px;line-height:1.4;color:var(--text);margin:0 0 6px}.nt-time{font-size:12px;color:#6b7280}.nt-actions{display:flex;gap:8px;margin-top:10px}.nt-btn{appearance:none;border:1px solid #d1d5db;background:#fff;color:#111;border-radius:10px;height:40px;padding:0 12px;font-weight:700;font-size:14px}.nt-btn-primary{border-color:#22c55e;background:#22c55e;color:#fff}.nt-btn-ghost{background:transparent}.nt-empty{padding:16px;color:#6b7280;text-align:center}.nt-footer{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #f1f5f9;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);box-shadow:0 -8px 20px #1118270f;z-index:15}.nt-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto}.nt-page-btn{appearance:none;border:1px solid var(--border);background:#fff;border-radius:12px;height:44px;padding:0 14px;font-weight:800;cursor:pointer}.nt-page-btn:disabled{opacity:.5;cursor:not-allowed}.nt-page-info{font-size:14px;color:#374151;font-weight:700}.pay-wrap{width:100dvw;padding:0 0 calc(env(safe-area-inset-bottom) + 50px)}.pay-container{padding:16px}.pay-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.pay-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.pay-status{margin:0 0 10px;font-size:14px;font-weight:700;color:#6b7280}.pay-expired{color:#dc2626}.pay-not-expired{color:#0b0f14}.pay-desc{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}.pay-plans{display:grid;gap:12px;margin-top:8px}.pay-btn{width:100%;height:54px;border-radius:14px;border:1px solid var(--teal);background:var(--teal);color:#fff;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;transition:transform .06s ease,filter .15s ease}.pay-btn:hover{filter:brightness(.97)}.pay-btn:active{transform:translateY(1px)}.pay-btn.is-hot{box-shadow:0 0 0 2px #33b7bd40 inset}.ad-wrap{height:100dvh;display:flex;flex-direction:column;width:100%;padding:0 0 calc(env(safe-area-inset-bottom) + 50px)}.ad-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.ad-back{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#1d4ed8}.ad-back svg{width:24px;height:24px}.ad-note{padding:12px 16px;font-size:14px;color:#6b7280}.ad-note.ad-error{color:#b91c1c}.ad-container{display:flex;flex-direction:column;gap:16px;padding:16px 0;flex:1 1 auto;min-height:0}.ad-scroll{overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.ad-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.ad-card+.ad-card{margin-top:12px}.ad-card-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.ad-desc{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}.ad-actions{display:grid;gap:12px;margin-top:8px}.ad-btn{appearance:none;width:100%;height:54px;border-radius:14px;border:1px solid transparent;font-size:16px;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:transform .06s ease,filter .15s ease}.ad-btn:active{transform:translateY(1px)}.ad-btn-primary{background:var(--teal2);color:#fff;border-color:transparent}.ad-btn-secondary{background:var(--teal);color:#fff;border-color:transparent}.ad-btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(10%);pointer-events:none}.ad-pay-title{margin:0 0 8px;font-size:16px;font-weight:800;color:#111}.ad-deadline{font-size:14px;color:#374151;margin:0 0 12px}.ad-block-title{margin:0 0 10px;font-size:16px;font-weight:800;color:#111}.ad-progress-text{margin:0 0 12px;font-size:14px;color:var(--muted)}.ad-progress-bar-label{font-size:12px;font-weight:600;color:#111827;text-align:center;margin-bottom:6px}.ad-progress-bar{position:relative;height:8px;border-radius:6px;background:#d1d5db;overflow:hidden}.ad-progress-bar-fill{height:100%;background:#2ba5f7;border-radius:6px 0 0 6px;transition:width .25s ease}.ad-gauges{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:12px;justify-items:center;align-items:start;margin-top:18px}.ad-gauge{display:flex;flex-direction:column;align-items:center;gap:6px}.ad-gauge-ring{--val: 50;width:76px;height:76px;border-radius:50%;background:conic-gradient(#2ba5f7 calc(var(--val) * 1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center}.ad-gauge-center{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #f3f4f6}.ad-gauge-value{font-size:18px;font-weight:800;color:#111827}.ad-gauge-caption{font-size:11px;color:#4b5563}@media (max-width: 420px){.ad-gauges{grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px}}.ad-card.ad-progress,.ad-card.ad-pay{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px}.ad-card.is-expired{border-color:#fecaca;box-shadow:0 12px 24px #b91c1c14,0 2px 6px #b91c1c0f}.ad-deadline.expired strong{color:#b91c1c}.ad-badge{margin-left:8px;font-size:11px;font-weight:800;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:999px;padding:2px 8px;vertical-align:middle}.tx-list{list-style:none;margin:0;padding:12px 0 0;display:grid;gap:10px}.tx-row{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 3px 10px #0000000f;gap:12px}.tx-left{min-width:0;flex:1 1 auto}.tx-title{font-weight:800;font-size:15px;color:#111827;margin-bottom:4px}.tx-meta{color:#6b7280;font-size:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tx-pill{padding:2px 8px;border-radius:999px;background:#e5f3ff;color:#1d4ed8;font-weight:600}.tx-dot{opacity:.5}.tx-date{white-space:nowrap}.tx-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tx-amount{font-weight:800;font-size:14px;color:#111827}.tx-status{display:inline-block;padding:2px 10px;color:#fff;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.tx-sentinel{text-align:center;color:#777;padding:14px 0 24px}.tx-empty{color:#777;padding:20px;text-align:center}.demo-wrap{height:100dvh;display:flex;flex-direction:column;width:100%;padding:0 0 calc(env(safe-area-inset-bottom) + 80px);background:#fff}.demo-note{padding:12px 16px;font-size:14px;color:#6b7280}.demo-note.demo-error{color:#b91c1c}.demo-container{display:flex;flex-direction:column;gap:16px;padding:16px;flex:1 1 auto;min-height:0}.demo-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.demo-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.demo-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text);text-align:center}.demo-desc{margin:0 0 14px;padding:12px;background:var(--card-alt);border:1px solid var(--border);border-radius:14px;font-size:15px;line-height:1.5;color:var(--muted);max-height:320px;overflow:auto}.demo-desc::-webkit-scrollbar{width:6px}.demo-desc::-webkit-scrollbar-thumb{background:#d7e3ea;border-radius:6px}.demo-btn-primary{appearance:none;width:100%;height:54px;border-radius:14px;border:1px solid var(--teal);background:var(--teal);color:#fff;font-size:16px;font-weight:800;letter-spacing:.4px;cursor:pointer;margin-top:8px;transition:transform .06s ease,filter .15s ease}.demo-btn-primary:active{transform:translateY(1px)}.demo-btn-primary:hover{filter:brightness(.98)}.demo-copy-btn{margin-top:10px;width:100%;height:46px;border-radius:12px;border:1px solid #d1d5db;background:#f9fafb;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#111827;cursor:pointer;transition:background .15s ease,transform .06s ease,border-color .15s ease}.demo-copy-btn:hover{background:#f3f4f6;border-color:#cbd5e1}.demo-copy-btn:active{transform:translateY(1px)}.demo-copy-icon{font-size:16px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;min-height:60px}.page-header-left{display:flex;align-items:center;min-width:44px}.page-header-center{flex:1;display:flex;justify-content:center;align-items:center}.page-header-right{display:flex;align-items:center;min-width:44px;justify-content:flex-end}.page-header-back{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#374151}.page-header-back:hover{background:#f3f4f6;color:#111827}.page-header-back:active{transform:scale(.95)}.page-header-back svg{width:20px;height:20px}.page-header-title{margin:0;font-size:18px;font-weight:600;color:#111827;text-align:center;line-height:1.2}@media (max-width: 640px){.page-header{padding:12px 16px;min-height:56px}.page-header-title{font-size:16px}.page-header-back{padding:6px}.page-header-back svg{width:18px;height:18px}}@media (prefers-color-scheme: dark){.page-header{background:#1f2937;border-bottom-color:#374151}.page-header-title{color:#f9fafb}.page-header-back{color:#9ca3af}.page-header-back:hover{background:#374151;color:#d1d5db}}.page-header.centered .page-header-left{justify-content:center}.page-header.centered .page-header-center{flex:none}.page-header.centered .page-header-right{justify-content:center}.sp-wrap{height:100dvh;display:flex;flex-direction:column;width:100%;padding:0 0 calc(env(safe-area-inset-bottom) + 50px);background:#f8fafc}.sp-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.sp-back{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#111}.sp-back svg{width:28px;height:28px}.sp-top-title{margin:0;font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-container{padding:16px;flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;justify-content:center}.sp-card{width:min(720px,100%);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.sp-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.sp-text{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}.sp-contacts{display:grid;gap:12px;margin:12px 0 8px}.sp-contact{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--border);border-radius:14px;transition:transform .06s ease,filter .15s ease,border-color .15s ease}.sp-contact:active{transform:translateY(1px)}.sp-contact:hover{filter:brightness(.99);border-color:#dce1e8}.sp-contact-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#eef2f7;font-size:20px}.sp-contact-main{font-weight:800;color:var(--text);font-size:16px}.sp-contact-sub{margin-left:auto;font-size:13px;color:#6b7280}.sp-note{margin-top:16px;font-size:13px;color:#6b7280}.faq-wrap{height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:0 0 calc(env(safe-area-inset-bottom) + var(--tab-h))}.faq-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.faq-back{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#111}.faq-back svg{width:28px;height:28px}.faq-top-title{margin:0;font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-main{flex:1 1 auto;min-height:0;display:flex}.faq-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px 16px calc(env(safe-area-inset-bottom) + var(--tab-h));display:flex;justify-content:center;align-items:flex-start}.faq-card{width:min(820px,100%);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.faq-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.faq-sub{margin:0 0 16px;font-size:14px;color:var(--muted)}.faq-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.faq-item{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;scroll-margin-bottom:calc(env(safe-area-inset-bottom) + var(--tab-h) + 24px)}.faq-details{background:#fff}.faq-summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-weight:800;color:var(--text)}.faq-summary::-webkit-details-marker{display:none}.faq-q{flex:1 1 auto;font-size:15px}.faq-arrow{font-size:16px;transition:transform .2s ease}.faq-details[open] .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 14px 14px;font-size:14px;line-height:1.5;color:var(--muted);border-top:1px dashed #eef2f7}@media (hover: hover){.faq-item:hover{border-color:#dce1e8}}.adv-wrap{height:100dvh;display:flex;flex-direction:column;width:100%;padding:0 0 calc(env(safe-area-inset-bottom) + 50px);background:var(--bg)}.adv-topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f5f9}.adv-back{appearance:none;background:transparent;border:0;width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer;color:#111}.adv-back svg{width:28px;height:28px}.adv-top-title{margin:0;font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adv-note{padding:12px 16px;font-size:14px;color:#6b7280}.adv-note.adv-error{color:#b91c1c}.adv-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.adv-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 16px}.adv-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}.adv-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px 16px;box-shadow:var(--shadow)}.adv-title{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:800;color:var(--text)}.adv-desc{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}.adv-btn-primary{appearance:none;width:100%;height:54px;border-radius:14px;border:1px solid var(--teal);background:var(--teal);color:#fff;font-size:16px;font-weight:800;letter-spacing:.4px;cursor:pointer;margin-top:8px;transition:transform .06s ease,filter .15s ease}.adv-btn-primary:active{transform:translateY(1px)}.adv-btn-primary:hover{filter:brightness(.98)}.desktop-block{position:fixed;inset:0;background:#f6f7f9;display:grid;place-items:center;z-index:999999;padding:24px}.desktop-block__card{width:min(560px,92vw);background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f;padding:24px;text-align:center}.desktop-block__card h1{margin:0 0 8px;font-size:22px}.desktop-block__card p{margin:6px 0;color:#5b5b5b}.hint{font-size:13px;color:#8a8a8a}.error-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.error-toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;animation:slideIn .3s ease-out;min-width:300px;max-width:400px}.error-toast:hover{transform:translate(-5px);transition:transform .2s ease}.error-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.error-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.error-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-content{display:flex;align-items:center;gap:8px;flex:1}.error-icon{font-size:16px;font-weight:700}.error-message{font-size:14px;font-weight:500;line-height:1.4}.error-close{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:8px;opacity:.7;transition:opacity .2s ease}.error-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 480px){.error-container{top:10px;right:10px;left:10px;max-width:none}.error-toast{min-width:auto;max-width:none;padding:10px 12px}.error-message{font-size:13px}}.hp-wrap{min-height:100dvh;display:flex;justify-content:center;align-items:stretch;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);position:relative;background-repeat:no-repeat;background-position:center bottom;background-size:cover;overflow:hidden}.hp-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff 0% 30%,#fffffff5 40%,#ffffffe0,#fff9 60%,#ffffff40,#fff0 90%)}.hp-inner{position:relative;z-index:1;max-width:430px;width:100%;margin:0 auto;padding:32px 24px 28px;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%}.hp-logo{display:flex;justify-content:center;align-items:center;margin-top:4px}.hp-logo-img{display:block;width:190px;max-width:75%;height:auto}.hp-main{margin-top:32px}.hp-hero-title{margin:0;text-align:center;font-size:22px;line-height:1.3;font-weight:800}.hp-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.hp-list-item{display:flex;align-items:center;gap:10px}.hp-list-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.hp-list-text{font-size:16px;font-weight:700}.hp-actions{margin-top:40px;display:flex;flex-direction:column;gap:14px}.hp-btn{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;border-radius:999px;border:none;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;transition:transform .08s ease,filter .15s ease}.hp-btn:active{transform:translateY(1px);filter:brightness(.95)}.hp-btn-primary{background:linear-gradient(90deg,#00c0e8,#1cc7d9)}.hp-btn-secondary{background:linear-gradient(90deg,#1bb4c1,#00c0e8)}.hp-footer{margin-top:24px;text-align:center;display:flex;flex-direction:column;gap:6px}.hp-footer-main{font-size:16px;font-weight:700;color:#000;text-decoration:none}.hp-footer-link{font-size:14px;color:#111827;text-decoration:none}@media (max-width: 360px){.hp-inner{padding-inline:18px}.hp-hero-title{font-size:20px}.hp-list-text,.hp-btn{font-size:15px}}.hp-list-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px}.hp-list-img{display:block;width:100%;height:100%;object-fit:contain}.screen{background:#f4f4f5;padding:16px;display:flex;align-items:center;justify-content:center}.screen.fullscreen{position:fixed;inset:0;z-index:9999;height:100dvh;overflow:auto}.card{width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 6px 20px #00000014;padding:20px 18px 16px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.icon-btn{appearance:none;border:none;background:transparent;color:#2d2d2d;padding:6px;border-radius:10px;cursor:pointer}.counter{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:.2px}.counter-total{color:#7a7a7a}.q-text{font-size:16px;line-height:1.4;color:#1f1f1f;margin:8px 2px 12px}.q-image-wrap{border-radius:12px;overflow:hidden;background:#f1f1f1;margin:0 0 16px}.q-image{width:100%;height:auto;display:block}.answers{display:grid;gap:12px;margin-top:8px;margin-bottom:20px}.answer{display:flex;align-items:center;width:100%;text-align:left;gap:12px;background:#fff;border:none;padding:14px;border-radius:14px;box-shadow:0 3px 10px #0000000f;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background-color .2s ease}.answer:hover{box-shadow:0 4px 14px #00000014}.answer:active{transform:translateY(1px)}.answer .radio{width:22px;height:22px;border-radius:50%;border:2px solid #d9d9d9;background:#fff;flex:0 0 22px;position:relative}.answer .radio.on{border-color:#33b7bd}.answer .radio.on:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#33b7bd}.answer-text{font-size:15px;color:#1f1f1f}.next-btn{width:100%;height:48px;border:none;border-radius:12px;background:#33b7bd;color:#fff;font-weight:700;letter-spacing:.6px;cursor:pointer;transition:opacity .2s ease}.next-btn:disabled{background:#bdbdbd;cursor:not-allowed;opacity:.9}.page-loading,.page-error{min-height:100dvh;display:grid;place-items:center;color:#333;font-size:16px}.page-error{color:#c62828}@media (min-width: 560px){.card{max-width:480px}}.modal-overlay{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:1000}.modal{width:min(560px,92vw);background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000002e;padding:20px}.modal-title{margin:0 0 6px;font-size:20px;font-weight:800}.modal-subtitle{margin:0 0 12px;color:#666}.modal-textarea{width:100%;border:1px solid #E1E1E1;border-radius:12px;padding:12px;font-size:14px;resize:vertical;outline:none}.modal-textarea:focus{border-color:#33b7bd;box-shadow:0 0 0 3px #33b7bd26}.modal-footer{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.modal-hint{color:#999;font-size:12px}.modal-actions{display:flex;gap:10px}.btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.btn-ghost{background:#f3f3f3;color:#333}.btn-ghost:hover{filter:brightness(.97)}.btn-primary{background:#33b7bd;color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.answers.disabled{pointer-events:none}.answer.correct{border:2px solid #3bb273;box-shadow:0 3px 14px #3bb2732e;background:#f2fbf6}.answer.wrong{border:2px solid #e25555;box-shadow:0 3px 14px #e2555526;background:#fff6f6}.answer.correct .radio{border-color:#3bb273}.answer.correct .radio.on:after{background:#3bb273}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;outline:none}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;outline:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
