:root{--bg:#f3f5ff;--surface:#fff;--raised:#e2e7ff;--text:#050a2e;--text-2:#4a5282;--border:#050a2e14;--accent:#0033e6;--accent-depth:#0022a0;--accent-soft:#0033e61a;--on-accent:#fff;--success:#0a8550;--success-soft:#0a85501f;--warn:#b25a00;--warn-soft:#f59e0b29;--streak:#f59e0b;--shadow:#0022a01f;--radius-lg:20px;--radius-md:12px;--max:1120px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#030616;--surface:#0a1030;--raised:#141c4a;--text:#eef1ff;--text-2:#8f9ad1;--border:#eef1ff1a;--accent:#2f5cff;--accent-depth:#1a3bc4;--accent-soft:#2f5cff2e;--success:#3ddc97;--success-soft:#3ddc9724;--warn:#ffc24a;--warn-soft:#ffc24a24;--streak:#fbbf24;--shadow:#0006}}:root[data-theme=dark]{--bg:#030616;--surface:#0a1030;--raised:#141c4a;--text:#eef1ff;--text-2:#8f9ad1;--border:#eef1ff1a;--accent:#2f5cff;--accent-depth:#1a3bc4;--accent-soft:#2f5cff2e;--success:#3ddc97;--success-soft:#3ddc9724;--warn:#ffc24a;--warn-soft:#ffc24a24;--streak:#fbbf24;--shadow:#0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading), system-ui, sans-serif;letter-spacing:-.025em;margin:0;line-height:1.12}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.35}a{color:var(--accent)}p{margin:0}img{max-width:100%;display:block}button{font-family:inherit}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px;position:relative}section{padding:56px 0}.section-title{max-width:18ch;margin-bottom:28px;font-size:clamp(28px,4.2vw,42px)}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(18px)}.js [data-reveal].in{opacity:1;transform:none}.enter{animation:enter .8s var(--ease) both;animation-delay:var(--d,0s)}}@keyframes enter{0%{opacity:0;transform:translateY(16px)}}.header{z-index:10;--text:#eef1ff;--text-2:#9aa5da;--border:#eef1ff1f;--surface:#0a1030;--raised:#141c4a;color:var(--text);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#030616e0;position:sticky;top:0}.header .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{font-family:var(--font-heading);color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand img{background:var(--raised);border-radius:50%;width:36px;height:36px}.nav{align-items:center;gap:18px;font-size:15px;display:flex}.nav a{color:var(--text-2);text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;transition:transform .3s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.theme-toggle:hover{transform:rotate(-15deg)}.theme-toggle svg{width:18px;height:18px}.nav .login{background:var(--accent);color:#fff;font-weight:700;font-family:var(--font-heading);border-radius:999px;padding:6px 14px}.nav .login:hover{color:#fff;filter:brightness(1.08)}.nav .lang{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 12px}@media (max-width:640px){.nav .hide-sm{display:none}}.btn{background:var(--accent);height:56px;color:var(--on-accent);font-family:var(--font-heading);white-space:nowrap;box-shadow:0 5px 0 var(--accent-depth);transition:transform .15s var(--ease), box-shadow .15s var(--ease);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 7px 0 var(--accent-depth);transform:translateY(-2px)}.btn:active{box-shadow:0 0 0 var(--accent-depth);transform:translateY(5px)}.btn.soon{background:var(--surface);color:var(--text);box-shadow:0 5px 0 var(--raised);border:1.5px solid var(--raised);cursor:default}.btn.soon:hover,.btn.soon:active{box-shadow:0 5px 0 var(--raised);transform:none}.btn.light,.btn.soon.light{color:#0033e6;background:#fff;border:0;box-shadow:0 5px #0000002e}.btn.soon.light:hover{box-shadow:0 5px #0000002e}.btn svg{width:20px;height:20px}.btn.small{height:40px;box-shadow:0 4px 0 var(--accent-depth);padding:0 18px;font-size:14px}.band-dark{--bg:#030616;--surface:#0a1030;--raised:#141c4a;--text:#eef1ff;--text-2:#9aa5da;--border:#eef1ff1a;--accent:#2f5cff;--accent-depth:#1a3bc4;--accent-soft:#2f5cff33;--success:#3ddc97;--success-soft:#3ddc9724;--warn:#ffc24a;--warn-soft:#ffc24a24;--streak:#fbbf24;--shadow:#00000073;color:var(--text);background:radial-gradient(1200px 500px at 80% -10%,#0b1a5c,#0000 60%),#030616;position:relative;overflow:hidden}.grid-bg{pointer-events:none;background-image:linear-gradient(#eef1ff0d 1px,#0000 1px),linear-gradient(90deg,#eef1ff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%)}.band-dark .wrap{position:relative}.section-title.center{text-align:center;max-width:26ch;margin-inline:auto}.hero{padding:64px 0 0}.hero>.wrap{grid-template-columns:1fr 460px;align-items:center;gap:56px;padding-bottom:56px;display:grid}.kicker{background:var(--accent-soft);color:#9db4ff;font-family:var(--font-heading);border-radius:999px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{isolation:isolate;font-size:clamp(38px,5.4vw,62px)}.hl{color:#6f8cff;white-space:nowrap;position:relative}.hl:after{content:"";inset-inline:0;background:var(--streak);opacity:.9;z-index:-1;transform-origin:0;border-radius:99px;height:.12em;position:absolute;bottom:.02em}[dir=rtl] .hl:after{transform-origin:100%}.hero .sub{color:var(--text-2);max-width:30em;margin:20px 0 30px;font-size:19px}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero .btn.soon{color:#0033e6;background:#fff;border:0;box-shadow:0 5px #ffffff40}.btn.ghost{color:#fff;box-shadow:none;background:0 0;border:1.5px solid #ffffff59}.btn.ghost:hover{box-shadow:none;border-color:#fff}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);font-family:var(--font-heading);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:14px;font-weight:700;display:inline-flex}.chip svg{width:17px;height:17px}.chip.a{color:var(--success)}.chip.b{color:#8aa2ff}.chip.c{color:var(--warn)}.hero-card{color:#050a2e;background:#fff;border-radius:20px;padding:18px;box-shadow:0 40px 80px #00000080}.hero-card-title{font-family:var(--font-heading);text-align:center;margin:4px 0 14px;font-size:18px;font-weight:700}.hero-card .demo{--surface:#fff;--raised:#e2e7ff;--text:#050a2e;--text-2:#4a5282;--border:#050a2e14;--accent:#0033e6;--accent-depth:#0022a0;--accent-soft:#0033e61a;--success:#0a8550;--success-soft:#0a85501f;--warn:#b25a00;--warn-soft:#f59e0b29;box-shadow:none;min-height:360px;color:var(--text);border:0;border-radius:14px;padding:8px 8px 20px}.subjects-strip{border-top:1px solid var(--border);background:#03061699}.subjects-strip .wrap{flex-wrap:wrap;justify-content:space-between;gap:18px 28px;padding-block:20px;display:flex}.subjects-strip span{color:var(--text-2);font-family:var(--font-heading);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.subjects-strip svg{color:#8aa2ff;width:22px;height:22px}@media (prefers-reduced-motion:no-preference){.hl:after{animation:underline .9s var(--ease) .6s both}}@keyframes underline{0%{transform:scaleX(0)}}@keyframes float{50%{transform:translateY(-8px)}}@media (max-width:960px){.hero>.wrap{grid-template-columns:1fr;gap:36px}.hero-card{width:100%;max-width:480px;margin:0 auto}}@media (max-width:640px){.hero{padding-top:40px}.hero-copy{text-align:center}.hero .actions,.hero-chips{justify-content:center}.hero .sub{margin-inline:auto}.subjects-strip .wrap{justify-content:center}.subjects-strip span{font-size:13px}}.catalog{padding:72px 0}.tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.tabs button{border:1.5px solid var(--border);background:var(--surface);height:42px;color:var(--text);font-family:var(--font-heading);cursor:pointer;border-radius:10px;padding:0 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.tabs button:hover{border-color:var(--accent)}.tabs button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.courses{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.course{background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;animation:enter .5s var(--ease) both;animation-delay:calc(var(--i) * 60ms);border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex}.course:hover{box-shadow:0 18px 40px var(--shadow);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-4px)}.course-meta{color:var(--text-2);align-items:center;gap:10px;font-size:13px;display:flex}.badge{font-family:var(--font-heading);background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.badge.free{background:var(--success-soft);color:var(--success)}.course h3{font-size:20px}.course p{color:var(--text-2);flex:1;font-size:15px}.course-foot{font-family:var(--font-heading);color:var(--accent);border-top:1px solid var(--border);justify-content:space-between;padding-top:12px;font-size:14px;font-weight:700;display:flex}.course-soon{color:var(--text-2);font-weight:600}.soon-card{background:var(--surface);border:1.5px dashed var(--border);max-width:620px;animation:enter .5s var(--ease) both;border-radius:20px;align-items:center;gap:24px;margin:0 auto;padding:28px;display:flex}.soon-card img{width:110px;height:110px}.soon-card h3{margin-bottom:6px;font-size:22px}.soon-card p{color:var(--text-2)}@media (max-width:860px){.courses{grid-template-columns:1fr 1fr}}@media (max-width:560px){.courses{grid-template-columns:1fr}.soon-card{text-align:center;flex-direction:column}}.tx-section{background:linear-gradient(180deg, transparent, var(--accent-soft) 50%, transparent);padding:72px 0}.section-lead{text-align:center;color:var(--text-2);max-width:40em;margin:-12px auto 28px;font-size:17px}.tx{background:var(--surface);border:1px solid var(--border);max-width:860px;box-shadow:0 30px 70px var(--shadow);text-align:left;border-radius:24px;margin:0 auto;padding:24px}.tx-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tx-dots{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tx-dots li{background:var(--raised);border-radius:99px;flex:1;max-width:56px;height:8px;transition:background .4s}.tx-dots li.ok{background:var(--success)}.tx-dots li.on{background:var(--accent)}.tx-xp{font-family:var(--font-heading);color:var(--warn);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.tx-xp svg{width:18px;height:18px}.tx-op{background:var(--raised);animation:enter .45s var(--ease) both;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.tx-num{background:var(--accent);color:#fff;width:34px;height:34px;font-family:var(--font-heading);border-radius:50%;place-items:center;font-weight:700;display:grid}.tx-op p{font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.35}.tx-op strong{font-family:var(--font-heading);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px}.tx-ask{color:var(--text-2);min-height:1.6em;margin:18px 0 12px;font-weight:700}.tx-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tx-chip{text-align:left;border:2px solid var(--raised);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:0 4px 0 var(--raised);transition:transform .12s var(--ease), box-shadow .12s var(--ease), border-color .2s, background .2s;border-radius:14px;align-items:baseline;gap:10px;padding:14px 16px;font-size:16px;display:flex}.tx-chip b{color:var(--accent);font-variant-numeric:tabular-nums;min-width:3.4em}.tx-chip:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.tx-chip:active{box-shadow:0 0 0 var(--raised);transform:translateY(4px)}.tx-chip.ok{background:var(--success-soft);border-color:var(--success);box-shadow:0 4px 0 color-mix(in srgb, var(--success) 45%, transparent)}.tx-chip.ok b{color:var(--success)}.tx-chip.no{background:var(--warn-soft);border-color:var(--warn);animation:.35s nudge}.tx-hint{min-height:1.6em;color:var(--warn);opacity:0;margin-top:12px;font-size:15px;transition:opacity .3s}.tx-hint.show{opacity:1}.tx-board{animation:enter .5s var(--ease) both;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;display:grid;position:relative}.taccount{min-width:0}.t-head{justify-content:space-between;align-items:end;gap:8px;padding:0 6px 6px;font-size:14px;display:flex}.t-head span{font-family:var(--font-heading);color:var(--text-2);font-weight:700}.t-head b{text-align:center;font-size:15px}.t-body{grid-template-columns:1fr 1fr;min-height:110px;display:grid;position:relative}.t-body:before{content:"";background:var(--text);transform-origin:0;height:3px;animation:draw-x .5s var(--ease) both;border-radius:3px;position:absolute;top:0;left:0;right:0}.t-body:after{content:"";background:var(--text);transform-origin:top;width:3px;animation:draw-y .5s var(--ease) .35s both;border-radius:3px;position:absolute;top:0;bottom:0;left:calc(50% - 1.5px)}@keyframes draw-x{0%{transform:scaleX(0)}}@keyframes draw-y{0%{transform:scaleY(0)}}.t-side{cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:12px;place-items:center;margin:8px 6px 0;transition:background .2s;display:grid;position:relative}.t-side:not(:disabled):hover{background:var(--accent-soft)}.t-side:not(:disabled) .t-ghost{border:2px dashed color-mix(in srgb, var(--accent) 45%, transparent)}.t-ghost{font-family:var(--font-heading);color:var(--accent);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.t-side:disabled{cursor:default}.t-side.no{background:var(--warn-soft);animation:.35s nudge}.t-side.ok{background:var(--success-soft)}.t-amount{font-family:var(--font-heading);color:var(--success);font-variant-numeric:tabular-nums;animation:drop .45s var(--ease) both;font-size:22px;font-weight:700}@keyframes drop{0%{opacity:0;transform:translateY(-22px)scale(1.15)}}.t-why{color:var(--text-2);animation:enter .4s var(--ease) both;margin-top:10px;padding:0 6px;font-size:14px}.t-why.no{color:var(--warn)}.tx-board[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tx-coin{z-index:1;background:var(--streak);color:#3b2300;font-family:var(--font-heading);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.tx-coin{animation:coin-move 1.7s var(--ease) .25s 2 both}}@keyframes coin-move{0%{opacity:0;transform:translate(-50%,-50%)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy)))}}.tx-result{background:var(--success-soft);animation:enter .4s var(--ease) both;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;display:flex}.tx-result p{align-items:flex-start;gap:8px;display:flex}.tx-result svg{width:22px;height:22px;color:var(--success);flex:none}.tx-result .btn svg{color:inherit;width:16px;height:16px}.tx-end{text-align:center;animation:enter .5s var(--ease) both;justify-items:center;gap:10px;padding:12px 0;display:grid}.tx-end img{width:130px}.tx-end h3{font-size:26px}.tx-score{font-family:var(--font-heading);color:var(--text-2);align-items:center;gap:6px;font-size:18px;font-weight:700;display:inline-flex}.tx-score svg{width:20px;height:20px;color:var(--streak)}@media (max-width:640px){.tx{border-radius:20px;padding:18px 14px}.tx-op{grid-template-columns:auto 1fr}.tx-op strong{grid-column:2}.tx-choices{grid-template-columns:1fr}.tx-board,.tx-board[data-n="3"]{grid-template-columns:1fr;gap:44px}}.tx-statement-btn{border:1.5px solid var(--border);background:var(--surface);height:34px;color:var(--accent);font-family:var(--font-heading);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.tx-statement-btn:hover{border-color:var(--accent)}.tx-statement-btn svg{width:16px;height:16px}.tx-dialog{width:100%;max-width:min(620px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);background:0 0;border:0;padding:0}.tx-dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#0306168c}.tx-dialog-box{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:26px 24px 22px;position:relative;box-shadow:0 30px 80px #00000059}@media (prefers-reduced-motion:no-preference){.tx-dialog[open] .tx-dialog-box{animation:pop-in .3s var(--ease) both}.tx-dialog[open]::backdrop{animation:.3s both fade}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes fade{0%{opacity:0}}.tx-dialog-close{background:var(--raised);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.tx-dialog-close svg{width:18px;height:18px}.tx-dialog h3{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--streak);text-decoration-color:var(--streak);font-size:24px}.tx-dialog-instr{color:var(--text-2);margin:12px 0 14px}.tx-dialog-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tx-dialog-list li{border-radius:10px;grid-template-columns:26px 1fr auto;align-items:baseline;gap:10px;padding:7px 10px;font-size:15px;display:grid}.tx-dialog-list li span{color:var(--text-2);font-variant-numeric:tabular-nums}.tx-dialog-list li b{font-variant-numeric:tabular-nums;white-space:nowrap}.tx-dialog-list li.on{background:var(--accent-soft)}.tx-dialog-list li.on b,.tx-dialog-list li.on span{color:var(--accent)}.tx-dialog-rules-title{font-family:var(--font-heading);margin:18px 0 8px;font-weight:700}.tx-rules{border-collapse:separate;border-spacing:0 4px;width:100%;margin-bottom:18px;font-size:14px}.tx-rules th{text-align:center;color:var(--text-2);padding-bottom:2px;font-size:13px;font-weight:700}.tx-rules td{background:var(--raised);padding:7px 10px}.tx-rules td:first-child{border-radius:10px 0 0 10px}.tx-rules td:last-child{border-radius:0 10px 10px 0}.tx-rules td.D,.tx-rules td.C{text-align:center;font-family:var(--font-heading);width:24%;font-weight:700}.tx-rules td.D{color:var(--accent)}.tx-rules td.C{color:var(--success)}@media (max-width:640px){.tx-statement-btn{padding:0 10px}.tx-dots li{max-width:28px}.tx-dialog-box{padding:22px 16px 18px}}.personas-band{padding:80px 0}.personas{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.persona h3{margin:18px 0 8px;font-size:21px}.persona p{color:var(--text-2)}.persona-art{aspect-ratio:16/11;border:1px solid var(--border);background:linear-gradient(160deg,#1a3bc4,#0a1030);border-radius:16px;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.persona-art.m-confident{background:linear-gradient(160deg,#0a8550,#0a1030)}.persona-art.m-celebrate{background:linear-gradient(160deg,#b25a00,#0a1030)}.persona-art img{width:62%;max-width:230px;transition:transform .5s var(--ease);margin-bottom:-6%}.persona:hover .persona-art img{transform:translateY(-6px)}@media (max-width:860px){.personas{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.method-section{padding:80px 0}.method{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;display:grid}.method-list{gap:12px;display:grid}.method-list button{text-align:start;border:1.5px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:14px;padding:18px 20px;transition:background .3s,border-color .3s,box-shadow .3s}.method-list button h3{font-size:18px}.method-list button p{color:var(--text-2);opacity:0;max-height:0;transition:max-height .4s var(--ease), opacity .3s;margin-top:6px;font-size:15px;overflow:hidden}.method-list button.on{background:var(--surface);border-color:var(--accent);box-shadow:0 12px 30px var(--shadow)}.method-list button.on p{opacity:1;max-height:120px}.method-list button:not(.on):hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.method-visual{min-height:380px;animation:enter .5s var(--ease) both;background:radial-gradient(circle at 50% 35%,#2f5cff,#0033e6 45%,#030616 110%);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:hidden}.method-visual:before{content:"";background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.method-stat{font-family:var(--font-heading);color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:18px;padding:8px 22px;font-size:clamp(34px,4.5vw,52px);font-weight:700;position:absolute;top:28px}.method-visual img{width:62%;max-width:290px;margin-bottom:-4%;position:relative}@media (max-width:860px){.method{grid-template-columns:1fr}.method-visual{min-height:360px}.method-visual img{width:52%;max-width:230px}.method-stat{top:20px}}.demo{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 70px var(--shadow);border-radius:28px;min-height:390px;padding:24px 24px 28px;position:relative}.demo-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.demo-bar{background:var(--raised);border-radius:99px;flex:1;height:12px;overflow:hidden}.demo-bar span{background:var(--success);transform-origin:0;height:100%;transition:transform .6s var(--ease);border-radius:99px;display:block}[dir=rtl] .demo-bar span{transform-origin:100%}.demo-xp{font-family:var(--font-heading);color:var(--warn);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex;position:relative}.demo-xp svg{width:18px;height:18px}.demo-xp em{inset-inline-end:0;color:var(--success);animation:xp 1.1s var(--ease) both;pointer-events:none;font-size:13px;font-style:normal;position:absolute;top:-4px}@keyframes xp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.demo-label{font-family:var(--font-heading);color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:700}.demo-op{font-family:var(--font-heading);text-align:start;margin-bottom:20px;font-size:18px;font-weight:700}[dir=rtl] .demo-op{text-align:right}.demo-account{background:var(--accent-soft);color:var(--text);border:2px solid color-mix(in srgb, var(--accent) 35%, transparent);animation:enter .5s var(--ease) both;border-radius:14px;align-items:baseline;gap:8px;padding:12px 16px;font-size:17px;display:inline-flex}.demo-account b{color:var(--accent);font-variant-numeric:tabular-nums}.demo-q{color:var(--text-2);margin:16px 0 10px}.demo-choices{grid-template-columns:1fr 1fr;gap:12px;max-width:360px;display:grid}.choice{border:2px solid var(--raised);background:var(--surface);height:54px;color:var(--text);font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 0 var(--raised);transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .2s, border-color .2s;border-radius:14px;font-size:16px;font-weight:700}.choice:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.choice:active:not(:disabled){box-shadow:0 0 0 var(--raised);transform:translateY(4px)}.choice.ok{background:var(--success-soft);border-color:var(--success);color:var(--success);box-shadow:0 4px 0 color-mix(in srgb, var(--success) 50%, transparent)}.choice.no{background:var(--warn-soft);border-color:var(--warn);color:var(--warn);animation:.35s nudge}.choice:disabled{cursor:default}@keyframes nudge{30%{transform:translate(-4px)}60%{transform:translate(4px)}}.demo-feedback{padding:12px 14px;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:64px;margin-top:16px;padding-inline-end:110px;font-size:15px;display:flex}.demo-feedback.idle{background:0 0}.demo-feedback.ok{background:var(--success-soft);color:var(--text);animation:enter .4s var(--ease) both}.demo-feedback.ok strong{color:var(--success)}.demo-feedback.no{background:var(--warn-soft);color:var(--text);animation:enter .4s var(--ease) both}.demo-feedback.no strong{color:var(--warn)}.demo-feedback svg{width:22px;height:22px;color:var(--success)}.demo-done table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;animation:enter .5s var(--ease) both;font-size:15px}.demo-done td{border-bottom:1px solid var(--border);padding:10px 8px}.demo-done td:nth-child(n+2){text-align:right;width:22%;font-weight:700}.demo-done td.indent{padding-left:40px}.demo-restart{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:14px;padding:6px 0;font-size:15px;font-weight:700;display:inline-flex}.demo-mascot{inset-inline-end:12px;width:96px;height:96px;animation:enter .45s var(--ease) both;pointer-events:none;position:absolute;bottom:10px}@media (max-width:520px){.demo{padding:20px 16px 24px}.demo-mascot{width:72px;height:72px}.demo-feedback{padding-inline-end:80px}}.prof{background:var(--surface);border:1px solid var(--border);border-radius:28px;grid-template-columns:200px 1fr;align-items:center;gap:32px;padding:32px;display:grid}.prof h2{margin-bottom:10px;font-size:clamp(24px,3vw,32px)}.prof p{color:var(--text-2);font-size:17px}.prof img{background:var(--accent-soft);border-radius:50%;width:200px;height:200px}@media (max-width:640px){.prof{text-align:center;grid-template-columns:1fr}.prof img{width:160px;height:160px;margin:0 auto}}.plans{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.plans{grid-template-columns:1fr}}.plan{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s var(--ease);padding:26px}.plan:hover{transform:translateY(-3px)}.plan.featured{border-color:var(--accent);box-shadow:0 5px 0 var(--accent), 0 24px 50px var(--shadow)}.plan h3{font-size:20px}.plan .price{font-family:var(--font-heading);color:var(--accent);font-variant-numeric:tabular-nums;margin:6px 0 16px;font-size:18px;font-weight:700}.plan ul{color:var(--text-2);gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{padding-inline-start:28px;position:relative}.plan li:before{content:"";inset-inline-start:0;background:var(--success-soft);width:18px;height:18px;box-shadow:inset 0 0 0 5px var(--success-soft), inset 0 0 0 9px var(--success);border-radius:50%;position:absolute;top:4px;transform:scale(.8)}.note{color:var(--text-2);margin-top:16px;font-size:14px}.faq .wrap{max-width:820px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:10px;padding:18px 20px}.faq summary{font-family:var(--font-heading);cursor:pointer;justify-content:space-between;gap:16px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);transition:transform .3s var(--ease);font-size:22px;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--text-2);margin-top:10px}.cta-final{padding:80px 0 64px}.cta-row{grid-template-columns:1fr 240px;align-items:center;gap:24px;display:grid}.cta-row h2{max-width:16ch;margin:12px 0 28px;font-size:clamp(30px,4.4vw,48px)}.cta-row .btn.soon{color:#0033e6;background:#fff;border:0;box-shadow:0 5px #ffffff40}.cta-row img{width:240px}.countdown{background:var(--accent-soft);color:var(--text-2);border-radius:999px;align-items:baseline;gap:10px;padding:6px 16px;font-size:15px;display:inline-flex}.countdown-num{font-family:var(--font-heading);color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px;display:grid}.stat{border-top:2px solid var(--accent);gap:4px;padding:16px 4px 0;display:grid}[dir=rtl] .stat-num{text-align:right}.stat-num{font-family:var(--font-heading);color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1}.stat-label{color:var(--text-2);font-size:14px}@media (prefers-reduced-motion:no-preference){.cta-row img{animation:6s ease-in-out infinite float}}@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cta-row{text-align:center;grid-template-columns:1fr}.cta-row h2{margin-inline:auto}.cta-row img{width:170px;margin:0 auto}}.legal{max-width:760px;padding:48px 20px 64px}.legal h1{margin-bottom:8px;font-size:clamp(30px,5vw,42px)}.legal .updated{color:var(--text-2);margin-bottom:20px;font-size:14px}.legal .intro{margin-bottom:28px;font-size:17px}.legal h2{margin:30px 0 10px;font-size:21px}.legal p{color:var(--text-2);margin-bottom:10px}.legal ul{color:var(--text-2);gap:6px;margin:0;padding-inline-start:20px;display:grid}.reset{text-align:center;max-width:440px;margin:0 auto;padding:56px 20px 72px}.reset img{width:120px;margin:0 auto 12px}.reset h1{margin-bottom:8px;font-size:28px}.reset p{color:var(--text-2);margin-bottom:20px}.reset form{text-align:start;gap:12px;display:grid}.reset input{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);height:50px;color:var(--text);padding:0 14px;font-family:inherit;font-size:16px}.reset input:focus{outline:2px solid var(--accent);border-color:#0000}.reset .msg{font-size:14px}.reset .msg.ok{color:var(--success)}.reset .msg.err{color:#db1440}.footer{--text:#eef1ff;--text-2:#9aa5da;color:var(--text-2);background:#030616;border-top:1px solid #eef1ff1a;padding:28px 0 40px;font-size:14px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer nav{flex-wrap:wrap;gap:16px;display:flex}.footer a{color:var(--text-2);text-decoration:none}.footer a:hover{color:var(--text)}