:root{--primary: #4F46E5;--primary-d: #4338CA;--primary-l: #818CF8;--violet: #7C3AED;--accent: #0E9F6E;--accent-d: #047857;--accent-l: #6EE7B7;--bg: #F6F7FF;--ink: #1E1B4B;--ink-soft: #57588A;--ink-faint: #8E90B8;--card: #FFFFFF;--panel: #FBFBFF;--line: #E4E7F8;--line-strong: #D3D8F4;--c-person: #E11D48;--c-verb: #4F46E5;--c-place: #047857;--c-loc: #7C3AED;--c-time: #B45309;--c-adj: #BE185D;--c-noun: #0E7490;--c-prep: #475569;--r-sm: 12px;--r: 18px;--r-lg: 26px;--r-xl: 34px;--shadow-sm: 0 2px 10px -4px rgba(30, 27, 75, .14), 0 1px 2px rgba(30, 27, 75, .06);--shadow: 0 4px 14px -6px rgba(79, 70, 229, .22), 0 14px 38px -18px rgba(30, 27, 75, .22);--shadow-lg: 0 8px 22px -8px rgba(79, 70, 229, .3), 0 26px 60px -24px rgba(30, 27, 75, .3);--clay: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 1px rgba(30, 27, 75, .05);--fh: "Baloo Bhaijaan 2", "Segoe UI", system-ui, sans-serif;--fb: "Tajawal", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:var(--fb);color:var(--ink);line-height:1.85;font-size:17px;background:radial-gradient(900px 480px at 88% -4%,rgba(199,210,254,.5),transparent 60%),radial-gradient(760px 420px at -6% 6%,rgba(253,205,231,.35),transparent 55%),radial-gradient(700px 500px at 50% 110%,rgba(167,243,208,.28),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}button{font-family:var(--fb);cursor:pointer;border:0;background:none;color:inherit}input{font-family:var(--fb)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,.brand-name{font-family:var(--fh)}h1{font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.32;font-weight:800}h2{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;color:var(--ink)}h1 em{font-style:normal;color:var(--primary)}::selection{background:#4f46e52e}.section{max-width:1180px;margin:0 auto;padding:26px 22px 12px;scroll-margin-top:84px}.sec-head{margin-bottom:22px}.sec-head h2{margin:2px 0 6px}.sec-sub{color:var(--ink-soft);max-width:74ch;font-size:1rem}.sec-head.center,.sec-head.split{text-align:right}.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:800;font-size:.84rem;letter-spacing:.2px;margin-bottom:4px}.kicker.center{justify-content:center}.split{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:16px;font-weight:800;font-size:.98rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease;position:relative}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{background:linear-gradient(135deg,var(--primary),#6D5BF0 55%,var(--violet));color:#fff;box-shadow:0 5px 0 -2px var(--primary-d),0 14px 26px -12px #4f46e58c,var(--clay)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 -2px var(--primary-d),0 20px 34px -12px #4f46e599,var(--clay)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 -2px var(--primary-d),0 10px 20px -12px #4f46e580}.btn-soft{background:#fff;color:var(--primary);border:2px solid var(--line-strong);box-shadow:0 4px 0 -2px #d3d8f4,var(--clay)}.btn-soft:hover{border-color:var(--primary-l);transform:translateY(-2px);background:#f5f6ff}.btn-soft:active{transform:translateY(2px);box-shadow:0 1px 0 -2px #d3d8f4}.btn-sm{padding:9px 16px;font-size:.9rem;border-radius:13px}.btn-lg{padding:15px 30px;font-size:1.05rem;border-radius:18px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fff;border:2px solid var(--line);color:var(--ink-soft);transition:.16s;box-shadow:var(--clay)}.icon-btn:hover{color:var(--c-person);border-color:#fecdd3;transform:translateY(-1px)}.icon-btn.on{color:#fff;background:var(--c-person);border-color:var(--c-person)}.icon-btn.hidden{display:none}.topbar{position:sticky;top:0;z-index:60;background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.topbar.is-scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px -18px #1e1b4b40}.topbar-in{display:flex;align-items:center;gap:14px;padding:11px 22px}.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}.brand-ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--violet));box-shadow:0 6px 14px -6px #4f46e599,inset 0 1px #fff6;flex:none}.brand-ico.sm{width:40px;height:40px;border-radius:13px}.brand-txt{display:flex;flex-direction:column;line-height:1.35}.brand-name{font-weight:800;font-size:1.18rem}.brand-name .dot{color:var(--accent);margin-inline:3px}.brand-sub{font-size:.76rem;color:var(--ink-soft);font-weight:500}.topnav{display:flex;gap:4px;align-items:center}.topnav a{padding:9px 15px;border-radius:12px;font-weight:700;font-size:.93rem;color:var(--ink-soft);transition:.16s}.topnav a:hover{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.topbar-actions{display:flex;align-items:center;gap:10px}.burger,.mobile-menu{display:none}.hero{position:relative;padding:58px 0 10px;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0}.blob-1{width:420px;height:420px;background:#c7d2fe;top:-160px;inset-inline-start:-120px;animation:drift 16s ease-in-out infinite alternate}.blob-2{width:340px;height:340px;background:#fbcfe8;top:40px;inset-inline-end:-90px;animation:drift 20s ease-in-out infinite alternate-reverse}.blob-3{width:300px;height:300px;background:#a7f3d0;bottom:-120px;inset-inline-start:34%;opacity:.35;animation:drift 24s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(26px,-22px) scale(1.08)}}.hero .wrap{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line-strong);border-radius:999px;padding:7px 16px;font-weight:800;font-size:.86rem;color:var(--primary);margin-bottom:18px;box-shadow:0 5px 0 -3px #d3d8f4,var(--clay)}.pill svg{width:16px;height:16px}.lede{color:var(--ink-soft);font-size:1.1rem;margin:16px 0 22px;max-width:58ch}.lede strong{color:var(--ink)}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-hint{display:inline-flex;align-items:center;gap:8px;color:var(--ink-faint);font-size:.9rem;font-weight:700;margin-top:16px}.hero-demo{display:flex;justify-content:center;position:relative}.demo-card{background:linear-gradient(180deg,#fff,#fbfbff);border:2px solid var(--line-strong);border-radius:30px;box-shadow:var(--shadow-lg),inset 0 2px #fff;width:100%;max-width:500px;padding:22px 22px 18px;position:relative}.demo-flags{display:flex;gap:6px;margin-bottom:14px}.demo-flags span{font-family:var(--fh);font-weight:700;font-size:.74rem;letter-spacing:.2px;padding:3px 11px;border-radius:999px;background:#eef2ff;color:var(--primary-d)}.demo-flags span:nth-child(2){background:#dbeafe;color:#1d4ed8}.demo-flags span:nth-child(3){background:#dcfce7;color:#15803d}.demo-title{font-size:.86rem;font-weight:800;color:var(--ink-soft);margin-bottom:10px;display:flex;align-items:center;gap:7px}.demo-title svg{color:var(--accent)}.demo-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-radius:18px;background:#f4f6ff;border:1.5px dashed #DDE2FB;margin-bottom:12px}.demo-line2{background:#fdf3f8;border-color:#fbd5e3}.demo-langs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-radius:18px;background:#f0fdf5;border:1.5px dashed #BBF7D0;margin-bottom:4px}.demo-swap{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-weight:700;font-size:.88rem;margin:2px 6px 12px}.demo-swap svg{color:var(--primary)}.demo-note{display:flex;align-items:center;gap:8px;color:var(--accent-d);font-weight:800;font-size:.9rem;margin-top:8px}.demo-note svg{color:var(--accent)}.tok{font-family:var(--fh);font-weight:700;color:#fff;border-radius:11px;padding:6px 14px;font-size:1.02rem;display:inline-flex;align-items:center;border:none;cursor:pointer;transition:transform .13s,box-shadow .13s,filter .13s;box-shadow:0 3px 0 -1px #00000047,inset 0 1px #ffffff47}.tok:hover{transform:translateY(-2px);filter:brightness(1.08)}.tok:active{transform:translateY(1px)}.t-person{background:var(--c-person)}.t-verb{background:var(--c-verb)}.t-place{background:var(--c-place)}.t-loc{background:var(--c-loc)}.t-time{background:var(--c-time)}.t-adj{background:var(--c-adj)}.t-noun{background:var(--c-noun)}.t-prep{background:var(--c-prep)}.demo-line .tok,.demo-line2 .tok,.demo-langs .tok{font-size:.98rem;padding:5px 12px;cursor:default}.demo-langs .tok{font-size:.92rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.stat{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm),var(--clay);transition:transform .18s,box-shadow .18s}.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.stat b{font-family:var(--fh);font-size:clamp(1.5rem,3vw,1.9rem);color:var(--primary);display:block;line-height:1.15}.stat span{color:var(--ink-soft);font-size:.88rem;font-weight:600}.stat:nth-child(2) b{color:var(--c-place)}.stat:nth-child(3) b{color:var(--c-loc)}.stat:nth-child(4) b{color:var(--c-adj)}.hero-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:30px 0 8px}.tool-tag{display:inline-flex;align-items:center;gap:7px;background:#ffffffd9;border:1.5px solid var(--line);padding:7px 16px;border-radius:999px;font-size:.86rem;font-weight:800;color:var(--ink-soft);box-shadow:var(--shadow-sm)}.tool-tag svg{color:var(--primary)}.built-chip{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;color:var(--accent-d);border:1.5px solid #A7F3D0;padding:8px 16px;border-radius:999px;font-weight:800;font-size:.88rem}.built-chip svg{color:var(--accent)}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.mode-tab{position:relative;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:right;background:#fff;border:2px solid var(--line);border-radius:18px;padding:13px 18px;transition:.16s;box-shadow:var(--clay)}.mode-tab b{font-family:var(--fh);font-size:1.02rem;color:var(--ink)}.mode-tab span{font-size:.76rem;color:var(--ink-faint);font-weight:600;line-height:1.5}.mode-tab:hover{border-color:var(--primary-l);transform:translateY(-2px)}.mode-tab.active{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:var(--primary);box-shadow:0 6px 16px -8px #4f46e580,inset 0 1px #fff}.mode-tab.active b{color:var(--primary-d)}.mode-tab.active:after{content:"✓";position:absolute;top:8px;inset-inline-end:10px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:.72rem;font-weight:900;display:grid;place-items:center}.builder-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:start}.slots-col{display:flex;flex-direction:column;gap:14px;min-width:0}.slotcard{background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:16px 18px 18px;box-shadow:var(--shadow-sm),var(--clay);transition:border-color .18s,box-shadow .18s}.slotcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.slotcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.slotcard-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--ink)}.slot-ico{width:32px;height:32px;border-radius:11px;color:#fff;display:grid;place-items:center;flex:none;box-shadow:inset 0 1px #ffffff59,0 3px 6px -3px #0006}.chip-count{color:#fff;border-radius:999px;font-family:var(--fb);font-weight:800;font-size:.74rem;padding:2px 11px;margin-inline-start:6px;box-shadow:inset 0 1px #ffffff4d}.slot-hint{font-size:.84rem;color:var(--ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips-hint{width:100%;font-size:.82rem;color:var(--ink-faint);font-weight:700;padding-top:2px}.chip{border:1.5px solid var(--line-strong);background:#fff;border-radius:999px;padding:7px 15px;font-size:.94rem;font-weight:700;color:var(--ink);transition:transform .14s,box-shadow .14s,background .14s,color .14s,border-color .14s;box-shadow:0 3px 0 -2px #1e1b4b2e,inset 0 1px #fff}.chip:hover{border-color:var(--primary-l);transform:translateY(-2px)}.chip:active{transform:translateY(1px);box-shadow:0 1px 0 -2px #1e1b4b2e}.chip.sel{color:#fff;border-color:transparent;box-shadow:0 4px 0 -2px #0000004d,inset 0 1px #ffffff59}.chip.sel.c-person{background:var(--c-person)}.chip.sel.c-verb{background:var(--c-verb)}.chip.sel.c-place{background:var(--c-place)}.chip.sel.c-loc{background:var(--c-loc)}.chip.sel.c-time{background:var(--c-time)}.chip.sel.c-adj{background:var(--c-adj)}.chip.sel.c-noun{background:var(--c-noun)}.slots-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}.combo-count{font-size:.9rem;font-weight:800;color:var(--accent-d);background:#ecfdf5;border:1.5px solid #BBF7D0;border-radius:999px;padding:9px 17px}.legend-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}.legend-row span{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.lg{width:13px;height:13px;border-radius:4px;display:inline-block;box-shadow:inset 0 1px #ffffff4d}.out-col{background:linear-gradient(180deg,#fff,#fbfbff);border:2px solid var(--line-strong);border-radius:26px;padding:20px;position:sticky;top:92px;box-shadow:var(--shadow),var(--clay)}.out-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.out-title{font-family:var(--fh);font-weight:800;font-size:1.08rem}.out-actions{display:flex;gap:7px}.lane-toggles{display:flex;gap:6px;margin-bottom:12px}.lbtn{border:1.5px solid var(--line-strong);background:#fff;border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:800;color:var(--ink-soft);opacity:.55;transition:.16s;box-shadow:var(--clay)}.lbtn.on{opacity:1;background:var(--ink);color:#fff;border-color:var(--ink)}.lbtn[data-lang=en].on{background:#1d4ed8;border-color:#1d4ed8}.lbtn[data-lang=it].on{background:#15803d;border-color:#15803d}.lbtn:hover{opacity:.9}.sentence-out{min-height:130px;background:var(--panel);border:2px dashed var(--primary-l);border-radius:20px;padding:12px 14px;margin-bottom:14px}.sentence-out .empty{color:var(--ink-faint);font-weight:700;font-size:.94rem;display:flex;align-items:center;gap:8px;padding:26px 8px;justify-content:center}.lane{display:flex;flex-direction:column;gap:4px;padding:7px 2px;border-bottom:1px dashed var(--line)}.lane:last-child{border-bottom:0}.lane-top{display:flex;align-items:center;gap:8px}.lname{font-size:.68rem;font-weight:800;letter-spacing:.4px;align-self:flex-start;border-radius:8px;padding:2px 11px;background:#e0e7ff;color:#4338ca}.lan-en .lname{background:#dbeafe;color:#1d4ed8}.lan-it .lname{background:#dcfce7;color:#15803d}.lane-play{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:var(--ink-faint);background:#fff;border:1px solid var(--line);transition:.15s}.lane-play:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.lane-toks{display:inline-flex;flex-wrap:wrap;gap:7px;align-items:center}.lane-toks .tok{font-size:1.05rem}.lan-en .tok,.lan-it .tok{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.1px}.lan-ar .tok{font-size:1.12rem}.transform-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:4px 0 16px}.transform-label{color:var(--ink-faint);font-weight:800;font-size:.86rem}.mini-btn{border:1.5px solid var(--line-strong);background:#fff;border-radius:999px;padding:5px 13px;font-size:.82rem;font-weight:700;color:var(--ink-soft);transition:.15s}.mini-btn:hover{color:var(--primary);border-color:var(--primary-l)}.mini-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.faves-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.92rem;color:var(--ink-soft);border-top:2px dashed var(--line);padding-top:13px}.mini-badge{background:var(--primary);color:#fff;border-radius:999px;font-size:.74rem;padding:1px 10px;font-family:var(--fb)}.faves-dl{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--ink-soft);border:1.5px solid var(--line);background:#fff;transition:.15s}.faves-dl:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.faves-list{margin-top:9px;display:flex;flex-direction:column;gap:8px;max-height:210px;overflow:auto;padding-inline-end:2px}.faves-list::-webkit-scrollbar{width:6px}.faves-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.faves-list .empty{color:var(--ink-faint);font-size:.88rem;padding:8px 4px;display:flex;gap:8px;align-items:center;font-weight:600}.fave{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:9px 12px;transition:border-color .15s}.fave:hover{border-color:var(--line-strong)}.fx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.fxr{font-size:.84rem;line-height:1.55}.fxr.lan-ar{font-weight:700;font-size:.92rem}.fxr.lan-en,.fxr.lan-it{font-family:Segoe UI,Roboto,Arial,sans-serif;color:var(--ink-soft)}.fave-ops{display:flex;gap:4px;flex:none}.fave-op{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--ink-faint);border:1.5px solid var(--line);background:#fff;transition:.15s}.fave-op:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.fave-op:last-child:hover{background:var(--c-person);border-color:var(--c-person)}.faves-ok{font-size:.74rem;color:var(--accent-d);display:flex;align-items:center;gap:6px;font-weight:700;background:#ecfdf5;border-radius:10px;padding:6px 10px}.bank-search{position:relative;display:flex;align-items:center;margin-bottom:20px;max-width:520px}.bank-search svg{position:absolute;inset-inline-start:16px;color:var(--ink-faint)}.bank-search input{width:100%;padding:13px 46px;border-radius:16px;border:2px solid var(--line-strong);background:#fff;font-size:.98rem;font-weight:600;color:var(--ink);outline:none;box-shadow:var(--clay);transition:border-color .16s,box-shadow .16s}.bank-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e524,var(--clay)}.bank-search input::placeholder{color:var(--ink-faint)}.bank-empty{background:#fff7ed;border:1.5px solid #FED7AA;color:#9a3412;font-weight:700;padding:12px 18px;border-radius:14px;margin-bottom:16px}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.bcat{background:#fff;border:1.5px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .16s;align-self:start}.bcat:hover{border-color:var(--primary-l)}.bcat-head{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;font-family:var(--fh);font-weight:700;font-size:1.02rem;color:var(--ink);background:linear-gradient(180deg,#fdfdff,#f7f8ff)}.bcat-head svg:first-child{color:var(--primary);flex:none}.bcat-head .cnt{margin-inline-start:auto;background:var(--primary);color:#fff;border-radius:999px;font-size:.76rem;padding:2px 12px;font-family:var(--fb)}.bcat-head .chev{color:var(--ink-faint);transition:transform .2s;flex:none}.bcat.open .chev{transform:rotate(180deg)}.bcat-body{display:none;padding:2px 16px 16px}.bcat.open .bcat-body{display:block}.bcat-note{font-size:.84rem;color:var(--ink-soft);margin-bottom:12px;line-height:1.75}.words{display:flex;flex-wrap:wrap;gap:6px}.word{background:#fff;border:1.5px solid var(--line-strong);border-radius:9px;padding:3px 11px;font-size:.88rem;font-weight:700;transition:.14s;color:var(--ink)}.word:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.word.person{color:var(--c-person);border-color:#fecdd3;background:#fff1f4}.word.verb{color:var(--c-verb);border-color:#c7d2fe;background:#eef2ff}.word.place{color:var(--c-place);border-color:#a7f3d0;background:#ecfdf5}.word.loc{color:var(--c-loc);border-color:#ddd6fe;background:#f5f3ff}.word.time{color:var(--c-time);border-color:#fde68a;background:#fffbeb}.word.adj{color:var(--c-adj);border-color:#fbcfe8;background:#fdf2f8}.word.noun{color:var(--c-noun);border-color:#99f6e4;background:#ecfeff}.bank-tip{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--ink-faint);font-weight:700;font-size:.86rem}.bank-tip svg{color:var(--primary)}.quiz-card{background:#fff;border:2px solid var(--line-strong);border-radius:28px;box-shadow:var(--shadow),var(--clay);padding:34px;margin:14px 0 26px;position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:-70px;inset-inline-end:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(199,210,254,.55),transparent 70%)}.quiz-card.intro,.quiz-card.done{text-align:center}.quiz-illo{width:76px;height:76px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;box-shadow:0 12px 26px -10px #4f46e599,inset 0 2px #fff6}.quiz-lead{color:var(--ink-soft);max-width:66ch;margin:12px auto 20px;font-size:1.02rem}.quiz-points{list-style:none;display:grid;gap:8px;max-width:480px;margin:0 auto 26px;text-align:right}.quiz-points li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);font-size:.98rem;background:#f7f8ff;border:1px solid var(--line);padding:10px 16px;border-radius:14px}.quiz-points svg{color:var(--accent);flex:none}.quiz-best{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-weight:800;color:#b45309;background:#fffbeb;border:1.5px solid #FDE68A;padding:8px 16px;border-radius:999px;font-size:.9rem}.quiz-best.new{color:var(--accent-d);background:#ecfdf5;border-color:#bbf7d0}.done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.score-ring{width:130px;height:130px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--primary) var(--p, 0deg),#EEF0FB 0deg)}.score-ring:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:#fff}.score-ring b{position:relative;font-family:var(--fh);font-size:2rem;color:var(--primary)}.score-ring small{font-size:.95rem;color:var(--ink-faint)}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;position:relative}.quiz-meta{display:flex;gap:8px;flex-wrap:wrap}.qchip{font-size:.8rem;font-weight:800;background:#eef2ff;color:var(--primary-d);border-radius:999px;padding:5px 13px}.qchip.soft{background:#f5f3ff;color:var(--c-loc)}.quiz-score{font-family:var(--fh);font-weight:800;color:var(--primary);font-size:1.1rem}.quiz-score span{color:var(--ink-faint);font-size:.9rem}.progress{height:9px;background:#eef0fb;border-radius:99px;margin:16px 0 22px;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s ease}.q-prompt{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:2px dashed var(--primary-l);border-radius:20px;padding:20px 22px;margin-bottom:14px;text-align:center}.q-prompt-lang{font-size:.72rem;font-weight:800;letter-spacing:.4px;color:var(--primary-d);background:#fff;border-radius:999px;padding:2px 12px}.q-prompt p{font-family:var(--fh);font-size:clamp(1.25rem,3vw,1.7rem);font-weight:700;color:var(--ink);margin:12px 0 4px;line-height:1.6}.q-hear{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;color:#fff;background:var(--primary);border-radius:999px;padding:8px 18px;box-shadow:0 5px 12px -6px #4f46e599;transition:.15s}.q-hear:hover{transform:translateY(-2px)}.q-task{font-weight:800;color:var(--ink-soft);margin-bottom:12px}.q-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q-opt{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:13px 16px;font-weight:700;font-size:.98rem;text-align:right;transition:.15s;box-shadow:var(--clay);line-height:1.6}.q-opt:hover:not(:disabled){border-color:var(--primary-l);transform:translateY(-2px)}.q-opt svg{flex:none}.q-opt.right{border-color:var(--accent);background:#ecfdf5;color:var(--accent-d)}.q-opt.wrong{border-color:var(--c-person);background:#fff1f4;color:var(--c-person)}.q-opt.dim{opacity:.45}.q-opt:disabled{cursor:default}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0 22px}.mstep{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:22px 18px 20px;position:relative;box-shadow:var(--shadow-sm),var(--clay);transition:transform .18s,box-shadow .18s}.mstep:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.mstep-num{position:absolute;top:-13px;inset-inline-start:16px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#34D399);color:#fff;font-family:var(--fh);font-weight:800;display:grid;place-items:center;font-size:1rem;box-shadow:0 5px 10px -4px #0e9f6e8c}.mstep-ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);margin-bottom:10px}.mstep:nth-child(2) .mstep-ico{background:#fff1f4;color:var(--c-person)}.mstep:nth-child(3) .mstep-ico{background:#ecfdf5;color:var(--accent-d)}.mstep:nth-child(4) .mstep-ico{background:#f5f3ff;color:var(--c-loc)}.mstep h3{font-size:1.08rem;margin-bottom:7px;color:var(--ink)}.mstep p{font-size:.92rem;color:var(--ink-soft);line-height:1.8}.callout{display:flex;gap:15px;background:#fff7ed;border:1.5px solid #FED7AA;border-radius:22px;padding:20px 22px;box-shadow:var(--shadow-sm)}.callout svg{flex-shrink:0;color:#ea580c;margin-top:4px}.callout strong{color:#9a3412}.callout div{color:#7c3e16;font-size:.98rem}.footer{margin-top:46px;border-top:2px solid var(--line);padding:26px 0 20px;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-in{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-name{font-family:var(--fh);font-weight:800}.footer-sub{font-size:.82rem;color:var(--ink-soft)}.legend-mini{display:flex;gap:12px;flex-wrap:wrap}.legend-mini span{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.footer-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);color:var(--ink-faint);font-size:.82rem;font-weight:600}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:11px 24px;border-radius:999px;font-weight:800;font-size:.92rem;box-shadow:var(--shadow-lg);animation:toastIn .3s ease both;pointer-events:auto;text-align:center;max-width:min(92vw,560px)}.toast.info{background:var(--primary-d)}.toast.error{background:#b91c1c}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .55s ease both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}.pop{animation:pop .3s ease both}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:34px}.method-grid{grid-template-columns:repeat(2,1fr)}.builder-grid{grid-template-columns:1fr}.out-col{position:static}}@media (max-width: 860px){.topnav{display:none}.burger{display:grid}.mobile-menu{display:flex;flex-direction:column;padding:8px 22px 16px;gap:4px;background:#fffffff7;border-top:1px solid var(--line)}.mobile-menu a{padding:12px 10px;font-weight:800;border-radius:12px}.mobile-menu a:hover{background:#f4f6ff;color:var(--primary)}.nav-cta{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}.mode-tabs,.q-options{grid-template-columns:1fr}}@media (max-width: 560px){body{font-size:16px}.section{padding-inline:14px}.hero{padding-top:34px}.stats-row{gap:10px}.stat{padding:13px 10px}.quiz-card{padding:24px 18px}.demo-card{padding:16px}.out-head{flex-direction:column;align-items:flex-start}.out-actions{align-self:flex-start}.lane-toggles{width:100%}.chips-hint{display:none}.method-grid{grid-template-columns:1fr}.built-chip{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.blob{display:none}}