@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--ink:#1f2d3d;--muted:#708093;--line:#e5e9ee;--paper:#f7f8fa;--white:#fff;--slate:#526b88;--slate-dark:#344b66;--emerald:#2ca581;--emerald-dark:#16785e;--mint:#dff3ea;--blue:#dce9f7;--violet:#e8e2f5;--coral:#f7e2db;--shadow:0 16px 48px #27374c17;--soft-shadow:0 8px 28px #27374c12}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{color:inherit;transition-property:transform,background-color,border-color,color,box-shadow,opacity;transition-duration:.28s;transition-timing-function:cubic-bezier(.22,1,.36,1)}:is(button:focus-visible,input:focus-visible){outline-offset:2px;outline:3px solid #2ca58147}svg{flex:none}.arabic,.arabic button,.arabic input{font-family:Noto Sans Arabic,Arial,sans-serif}.arabic .brand,.arabic .eyebrow,.arabic [lang=fr]{font-family:DM Sans,Arial,sans-serif}.arabic p{line-height:1.9}.app{background:var(--paper);min-height:100vh;transition:width .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.sidebar{border-right:1px solid var(--line);z-index:40;background:#fff;flex-direction:column;width:260px;padding:30px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--line);inset:0 0 0 auto}.brand-row{justify-content:space-between;align-items:center;display:flex}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}[dir=rtl] .brand{text-align:right}.brand-mark{background:var(--slate-dark);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font:700 20px/1 Manrope;display:grid;box-shadow:inset -8px -8px 20px #0000001a}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-1px;font:800 21px/1 Manrope}.brand small{letter-spacing:2px;color:var(--muted);margin-top:6px;font-size:8px}.mobile-close{display:none!important}.main-nav{flex-direction:column;gap:5px;margin-top:48px;display:flex}.main-nav button{color:#6c7a8a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:11px 13px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.main-nav button:hover{color:var(--ink);background:#f4f7f8}.main-nav button.active{color:var(--emerald-dark);background:#edf5f2}.main-nav button.active:before{content:"";background:var(--emerald);border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-22px}[dir=rtl] .main-nav button.active:before{border-radius:4px 0 0 4px;left:auto;right:-22px}.nav-icon{place-items:center;width:24px;height:24px;display:grid}.nav-badge{color:#fff;text-align:center;background:#ef745a;border-radius:10px;min-width:21px;height:21px;margin-left:auto;font:700 11px/21px Manrope}[dir=rtl] .nav-badge{margin-left:0;margin-right:auto}.sidebar-progress{background:#f5f7f8;border:1px solid #ebeff1;border-radius:15px;margin-top:auto;padding:16px}.mini-label{justify-content:space-between;align-items:center;display:flex}.mini-label span{letter-spacing:1.1px;color:#84909e;font:700 9px/1 Manrope}.mini-label strong{color:var(--emerald-dark);font:800 14px/1 Manrope}.progress-line{background:#dde3e6;border-radius:5px;height:5px;margin:13px 0 9px;overflow:hidden}.progress-line i{background:linear-gradient(90deg,var(--emerald),#68c7aa);border-radius:5px;height:100%;display:block}.sidebar-progress p{color:#6f7b88;margin:0;font-size:12px}.sidebar-foot{color:#8a96a3;align-items:center;gap:7px;padding:15px 4px 0;font-size:10px;display:flex}.status-dot{background:#41b58d;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #41b58d21}.main{min-height:100vh;margin-left:260px}[dir=rtl] .main{margin-left:0;margin-right:260px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#f7f8fae6;justify-content:flex-end;align-items:center;height:76px;padding:0 48px;display:flex;position:sticky;top:0}.top-actions{align-items:center;gap:13px;display:flex}.layout-toggle{background:#fff;border:1px solid #dfe5e9;border-radius:11px;align-items:center;gap:2px;height:39px;padding:3px;display:flex;box-shadow:0 4px 14px #27374c09}.layout-toggle button{color:#7b8995;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;height:31px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.layout-toggle button:hover{color:var(--slate-dark);background:#f3f6f7}.layout-toggle button.active{color:#fff;background:var(--slate-dark);box-shadow:0 5px 12px #344b662e}.language-toggle,.top-streak{color:#536273;background:#fff;border:1px solid #dfe5e9;border-radius:10px;align-items:center;gap:8px;height:37px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.language-toggle{cursor:pointer}.language-toggle:hover{color:var(--emerald-dark);border-color:#b7c9c3}.top-streak{color:#e36a4f}.top-streak strong{color:var(--ink)}.avatar{background:var(--slate);color:#fff;cursor:pointer;border:0;border-radius:50%;width:37px;height:37px;font:700 11px Manrope;position:relative}.online-dot{background:#41b58d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.mobile-menu,.mobile-brand{display:none!important}.content{max-width:1440px;margin:0 auto;padding:42px 48px 70px}.eyebrow{color:#789080;letter-spacing:1.8px;text-transform:uppercase;align-items:center;gap:8px;font:700 10px/1.2 Manrope;display:flex}.eyebrow i{background:#79a68f;width:18px;height:1px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,DM Sans,sans-serif}.arabic h1,.arabic h2,.arabic h3{letter-spacing:0;font-family:Noto Sans Arabic,sans-serif}.primary-btn,.secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;height:45px;padding:0 19px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.primary-btn{background:var(--emerald-dark);color:#fff;box-shadow:0 7px 17px #16785e2e}.primary-btn:hover{background:#0f6750;transform:translateY(-1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-btn{color:var(--slate-dark);background:#fff;border-color:#dce3e7}.secondary-btn:hover{background:#f9fcfb;border-color:#9fb7ae}.text-btn{color:var(--emerald-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;font-size:12px;font-weight:700;display:flex}[dir=rtl] .text-btn svg,[dir=rtl] .primary-btn svg,[dir=rtl] .secondary-btn svg,[dir=rtl] .lesson-action svg,[dir=rtl] .scenario-card button svg,[dir=rtl] .reply-panel button>svg:last-child{transform:scaleX(-1)}.icon-btn{cursor:pointer;background:#fff;border:1px solid #e1e6e9;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.dashboard-hero{background:linear-gradient(115deg,#dfe8ef 0%,#edf2f5 58%,#e1efe9 100%);border-radius:22px;justify-content:space-between;align-items:center;min-height:282px;padding:45px 46px;display:flex;position:relative;overflow:hidden}.dashboard-hero:before{content:"";border:1px solid #536a8421;border-radius:50%;width:330px;height:330px;position:absolute;inset:auto 25% -160px auto;box-shadow:0 0 0 50px #ffffff17,0 0 0 100px #536a840a}.hero-copy{z-index:2;max-width:600px;position:relative}.hero-copy h1{color:#27394e;margin:15px 0 9px;font-size:37px;line-height:1.12}.hero-copy>p{color:#65788b;margin-bottom:26px;font-size:14px}.lesson-ticket{z-index:2;background:#ffffffd6;border:1px solid #ffffffe6;border-radius:17px;width:230px;min-width:230px;margin:0 38px;padding:17px 18px 15px;position:relative;transform:rotate(2deg);box-shadow:0 18px 40px #374c5f1f}.ticket-top{letter-spacing:1.2px;color:#84919d;text-transform:uppercase;justify-content:space-between;align-items:center;font:700 9px Manrope;display:flex}.ticket-top b{color:var(--emerald-dark);font-size:11px}.ticket-visual{background:#e4eee9;border-radius:11px;place-items:center;height:83px;margin:13px 0;display:grid;position:relative;overflow:hidden}.ticket-visual:before,.ticket-visual:after{content:"";border:1px solid #32705b26;border-radius:50%;width:100px;height:100px;position:absolute;top:25px;left:-35px}.ticket-visual:after{top:-50px;left:auto;right:-44px}.ticket-visual span{color:#427b69;font:700 50px Georgia}.ticket-visual i,.ticket-visual em{color:#427b6973;font:500 22px Georgia;position:absolute}.ticket-visual i{top:17px;left:28px}.ticket-visual em{bottom:12px;right:27px}.lesson-ticket>div:nth-child(3){justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.lesson-ticket small{color:#5e6c78;font-size:10px;font-weight:600;line-height:1.3}.lesson-ticket strong{color:#33475b;font:800 17px Manrope}.lesson-ticket strong span{color:#8e9aa4;font-size:9px}.ticket-progress{background:#e4e8e8;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.ticket-progress i{background:#4cb28f;border-radius:4px;width:62%;height:100%;display:block}.stat-grid{grid-template-columns:repeat(3,1fr) 1.45fr;gap:14px;margin:17px 0 44px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;min-height:86px;padding:17px;display:flex;box-shadow:0 4px 15px #28374806}.stat-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.coral{color:#d86a4d;background:#fceae5}.stat-icon.mint{color:#258a6b;background:#e1f2eb}.stat-icon.blue{color:#4e759e;background:#e5edf6}.stat-card>div{flex-direction:column;display:flex}.stat-card strong{font:800 20px/1.2 Manrope}.stat-label{color:#81909e;margin-top:4px;font-size:10px}.weekly-card{justify-content:space-between}.weekly-card strong{margin-top:5px}.weekly-card strong small{color:#8b97a2;font:500 10px DM Sans}.mini-bars{gap:5px;flex-direction:row!important;align-items:flex-end!important;height:45px!important;display:flex!important}.mini-bars i{background:#d9e4e7;border-radius:3px;width:5px;display:block}.mini-bars i.today{background:#42aa86}.section-block{margin-bottom:45px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin:8px 0 4px;font-size:23px}.section-heading p{color:#80909f;margin:0;font-size:12px}.section-heading>.text-btn{margin-bottom:2px}.pathway-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.path-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:17px;flex-direction:column;min-height:246px;padding:17px;transition:all .25s;display:flex;position:relative;overflow:hidden}[dir=rtl] .path-card{text-align:right}.path-card:hover:not(.is-locked){box-shadow:var(--soft-shadow);transform:translateY(-4px)}.path-card:before{content:"";background:#77b99f;height:4px;position:absolute;inset:0 0 auto}.path-card.blue:before{background:#7aa0c8}.path-card.violet:before{background:#9c8bc0}.path-card.coral:before{background:#d9927e}.path-number{letter-spacing:1px;color:#92a0ab;justify-content:space-between;font:700 9px Manrope;display:flex}.path-number i{color:#408f76;font-style:normal}.level-orbit{place-items:center;height:94px;display:grid;position:relative}.level-orbit b{z-index:2;background:var(--mint);color:#36755f;border-radius:50%;place-items:center;width:58px;height:58px;font:800 17px Manrope;display:grid;position:relative}.blue .level-orbit b{background:var(--blue);color:#4e7195}.violet .level-orbit b{background:var(--violet);color:#74689a}.coral .level-orbit b{background:var(--coral);color:#a36250}.orbit{border:1px solid #dce9e4;border-radius:50%;width:77px;height:77px;position:absolute}.orbit.two{width:92px;height:38px;transform:rotate(-27deg)}.blue .orbit{border-color:#dbe4ee}.violet .orbit{border-color:#e6e0ef}.coral .orbit{border-color:#f1ded7}.path-card small{text-transform:uppercase;letter-spacing:1.1px;color:#8c99a4;font-size:9px}.path-card h3{margin:5px 0 8px;font-size:15px;line-height:1.3}.path-card p{color:#86939f;margin:0;font-size:10px}.path-card.is-locked{filter:grayscale(.4);opacity:.64;cursor:not-allowed}.path-card.is-locked:after{content:"";background:#f8f9fa40;position:absolute;inset:0}.split-section{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.plan-card,.recommend-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 18px #28374806}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h2{margin:8px 0 18px;font-size:21px}.completion-ring{background:conic-gradient(var(--emerald) 0 45%,#e5ebe9 45%);border-radius:50%;place-items:center;width:52px;height:52px;font:700 12px Manrope;display:grid;position:relative}.completion-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.completion-ring>*{position:relative}.completion-ring small{color:#8c989f;font-size:8px}.plan-row{border-top:1px solid #edf0f2;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 0;display:grid}.plan-icon{color:#577696;background:#e5edf5;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.plan-icon.mic{color:#2c8b6d;background:#e3f2ec}.plan-row>div{flex-direction:column;display:flex}.plan-row strong{font-size:12px}.plan-row small{color:#86939f;margin-top:3px;font-size:9px}.plan-row>button{color:#557263;cursor:pointer;background:#fff;border:1px solid #dfe6e8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.recommend-card{padding-right:42%;position:relative;overflow:hidden}.recommend-card .eyebrow{margin-bottom:18px}.recommend-card h3{margin-bottom:8px;font-size:18px;line-height:1.3}.recommend-card p{color:#7d8994;font-size:11px;line-height:1.55}.recommend-card .secondary-btn{height:38px;padding:0 13px;font-size:11px}.vault-art{width:42%;height:150px;position:absolute;top:22px;right:-10px}.vault-art i{background:#e4efeb;border-radius:50%;width:105px;height:105px;display:block;position:absolute;top:16px;right:5px}.vault-art:before,.vault-art:after{content:"";z-index:1;border:1px solid #d5e3de;border-radius:50%;width:135px;height:70px;position:absolute;top:33px;right:-12px;transform:rotate(25deg)}.vault-art:after{transform:rotate(-35deg)}.vault-art span{color:#568877;z-index:2;font:600 35px Georgia;position:absolute}.vault-art span:first-child{top:31px;right:44px}.vault-art span:nth-child(2){color:#8ba69b;font-size:20px;bottom:12px;right:20px}.page-intro{justify-content:space-between;align-items:flex-end;margin:8px 0 34px;display:flex}.page-intro h1{margin:11px 0 7px;font-size:34px}.page-intro p{color:#798898;max-width:610px;margin:0;font-size:13px}.page-intro>.vault-count{align-self:center}.level-tabs{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px;display:grid}.level-tabs button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:11px;height:58px;padding:0 16px;display:flex;position:relative}.level-tabs button span{font:800 16px Manrope}.level-tabs button small{color:#7f8c98;font-size:10px}.level-tabs button svg{color:#9aa3aa;position:absolute;right:12px}.level-tabs button.active{color:var(--emerald-dark);background:#f0f7f4;border-color:#79ad9a;box-shadow:inset 0 0 0 1px #79ad9a}.level-tabs button.locked{opacity:.6}.level-banner{background:linear-gradient(120deg,#e4f0eb,#eef5f2);border-radius:19px;align-items:center;min-height:214px;margin-bottom:17px;padding:36px 41% 32px 38px;display:flex;position:relative;overflow:hidden}.level-banner.blue{background:linear-gradient(120deg,#e2ebf5,#f0f4f8)}.level-banner.violet{background:linear-gradient(120deg,#e8e5f1,#f4f1f8)}.level-banner.coral{background:linear-gradient(120deg,#f3e3df,#f9f0ed)}.level-banner h2{margin:10px 0 8px;font-size:27px}.level-banner p{color:#657687;font-size:12px;line-height:1.65}.banner-meta{color:#7b8994;align-items:center;gap:10px;font-size:10px;display:flex}.banner-meta i{background:#9aa6ad;border-radius:50%;width:3px;height:3px}.banner-level{place-items:center;width:34%;height:130%;display:grid;position:absolute;top:-15%;right:4%}.banner-level:before,.banner-level:after,.banner-level i{content:"";border:1px solid #336c592b;border-radius:50%;width:160px;height:160px;position:absolute}.banner-level:after{width:220px;height:100px;transform:rotate(28deg)}.banner-level i{width:130px;height:230px;transform:rotate(-45deg)}.banner-level span{z-index:2;color:#497865;background:#ffffffa6;border-radius:50%;place-items:center;width:105px;height:105px;font:800 31px Manrope;display:grid;box-shadow:0 14px 40px #32504517}.banner-level em{color:#7e948b;font:700 11px Manrope;position:absolute;bottom:18%;right:18%}[dir=rtl] .level-banner{padding:36px 38px 32px 41%}[dir=rtl] .banner-level{left:4%;right:auto}.lesson-list{flex-direction:column;gap:9px;display:flex}.lesson-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;width:100%;padding:18px 20px;transition:all .2s;display:grid}.lesson-row:hover{box-shadow:var(--soft-shadow);border-color:#b8cec6;transform:translate(3px)}[dir=rtl] .lesson-row{text-align:right}[dir=rtl] .lesson-row:hover{transform:translate(-3px)}.lesson-index{color:#71808e;background:#f0f3f4;border-radius:50%;place-items:center;width:42px;height:42px;font:700 11px Manrope;display:grid}.lesson-row.done .lesson-index{color:var(--emerald-dark);background:#e2f3ec}.lesson-row small{color:#8b98a3;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.lesson-row h3{margin:3px 0;font-size:15px}.lesson-row p{color:#85919c;white-space:nowrap;text-overflow:ellipsis;max-width:750px;margin:0;font-size:10px;overflow:hidden}.lesson-action{color:#83928d}.locked-state{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:60px}.locked-state>span{color:#80909d;background:#f0f2f4;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;display:grid}.locked-state h3{margin:15px 0 6px}.locked-state p{color:#83909a;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#1825327a;place-items:center;padding:24px;animation:.2s fade;display:grid;position:fixed;inset:0}.lesson-modal{background:#fff;border-radius:20px;width:min(780px,100%);max-height:92vh;overflow:auto;box-shadow:0 35px 90px #14222e47}.modal-cover{background:linear-gradient(120deg,#dfeee8,#edf5f2);height:190px;padding:32px 36px;position:relative;overflow:hidden}.modal-cover.blue{background:linear-gradient(120deg,#dee9f4,#eef3f8)}.modal-cover.violet{background:linear-gradient(120deg,#e7e2f2,#f1eff6)}.modal-cover.coral{background:linear-gradient(120deg,#f3ded8,#f8ece9)}.modal-cover h2{z-index:2;max-width:55%;margin:14px 0;font-size:29px;position:relative}.modal-cover>.icon-btn{background:#ffffffbf;position:absolute;top:23px;right:24px}[dir=rtl] .modal-cover>.icon-btn{left:24px;right:auto}.cover-glyphs{width:38%;height:100%;position:absolute;top:0;right:11%}.cover-glyphs:before{content:"";border:1px solid #366c5a29;border-radius:50%;width:165px;height:165px;position:absolute;top:13px;right:5px;box-shadow:0 0 0 34px #ffffff1a}.cover-glyphs i{color:#4c7f6d;font:500 40px Georgia;position:absolute}.cover-glyphs i:first-child{top:49px;right:65px}.cover-glyphs i:nth-child(2){opacity:.5;font-size:24px;top:22px;left:30px}.cover-glyphs i:nth-child(3){opacity:.4;font-size:28px;bottom:20px;right:4px}.modal-body{padding:6px 35px 0}.modal-body>section{border-bottom:1px solid #edf0f2;grid-template-columns:35px 1fr;gap:15px;padding:25px 0;display:grid}.modal-kicker{color:#83a196;padding-top:4px;font:700 9px Manrope}.modal-body h3{margin:0 0 10px;font-size:17px}.modal-body p{color:#687888;margin:0;font-size:12px;line-height:1.7}.arabic-explain{color:#526a7c!important;margin-top:8px!important}.grammar-note{background:#f6f8f8;border-left:3px solid #66a992;border-radius:0 9px 9px 0;padding:14px 16px}.grammar-note hr{border:0;border-top:1px solid #dfe6e3;margin:10px 0}.vocab-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.vocab-item{border:1px solid #e4e9eb;border-radius:10px;align-items:flex-start;gap:10px;padding:11px;display:flex}.vocab-item button{color:#297a60;cursor:pointer;background:#e5f2ed;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.vocab-item div{flex-direction:column;display:flex}.vocab-item strong{font-size:12px}.vocab-item span,.vocab-item small{color:#80909c;margin-top:2px;font-size:9px}.modal-footer{justify-content:flex-end;padding:19px 35px 28px;display:flex}.modal-footer .primary-btn span{background:#ffffff29;border-radius:8px;padding:3px 7px;font:700 9px Manrope}.modal-footer .primary-btn.complete{color:#24745b;box-shadow:none;cursor:default;background:#ebf5f1}.diagnostic-card{background:linear-gradient(120deg,#dfe9ef,#e4f1ec);border-radius:21px;grid-template-columns:1.3fr 1fr;min-height:300px;margin-bottom:40px;padding:42px 45px;display:grid;overflow:hidden}.diagnostic-copy{z-index:2;position:relative}.diagnostic-copy .eyebrow{color:#497e6d}.diagnostic-copy h2{margin:15px 0 9px;font-size:28px}.diagnostic-copy>p{color:#6c7d8d;max-width:500px;font-size:12px;line-height:1.7}.format-pills{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.format-pills span{color:#637684;background:#ffffffa6;border:1px solid #ffffffe6;border-radius:15px;padding:6px 10px;font-size:9px}.diagnostic-art{place-items:center;display:grid}.radar{border:1px solid #3c645b33;border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:relative;box-shadow:0 0 0 34px #ffffff26,0 0 0 68px #426e640a}.radar:before,.radar:after{content:"";background:#456f6429;position:absolute}.radar:before{width:1px;height:100%}.radar:after{width:100%;height:1px}.radar i{border:1px solid #3a695d29;border-radius:50%;width:140px;height:140px;position:absolute}.radar i:nth-child(2){width:75px;height:75px}.radar i:nth-child(3){width:180px;height:90px;transform:rotate(38deg)}.radar span{color:#6c8b80;font:700 10px Manrope;position:absolute}.radar span:first-of-type{top:7px}.radar span:nth-of-type(2){right:12px}.radar span:nth-of-type(3){bottom:8px}.radar span:nth-of-type(4){left:12px}.radar b{z-index:2;color:#477a68;background:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font:800 27px Manrope;display:grid;box-shadow:0 12px 28px #2c4b4321}.exam-heading{margin-bottom:17px}.mock-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:35px;display:grid}.mock-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px;position:relative;overflow:hidden}.mock-card:before{content:"";background:#71ac92;height:4px;position:absolute;inset:0 0 auto}.mock-card.blue:before{background:#7398bf}.mock-card.violet:before{background:#9583b9}.mock-card.coral:before{background:#d18d79}.mock-top{justify-content:space-between;align-items:center;display:flex}.mock-top>span{color:#34745c;background:#e4f1ec;border-radius:12px;place-items:center;width:43px;height:43px;font:800 13px Manrope;display:grid}.mock-card.blue .mock-top>span{color:#577596;background:#e4ecf4}.mock-card.violet .mock-top>span{color:#756996;background:#ebe7f3}.mock-card.coral .mock-top>span{color:#a26857;background:#f4e5e1}.mock-top i,.mock-top b{color:#8a97a1;font:700 9px Manrope}.mock-top b{color:var(--emerald-dark);font-size:12px}.mock-card h3{margin:15px 0 5px;font-size:14px}.mock-card p{color:#8a97a1;font-size:9px}.mock-card button{color:#426a5d;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f2;justify-content:space-between;width:100%;margin-top:11px;padding:12px 0 0;font-size:10px;font-weight:700;display:flex}.mock-card.locked{opacity:.54;filter:grayscale(.4)}.mock-card.locked button{cursor:not-allowed}.formats-strip{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(4,1fr);padding:18px;display:grid}.formats-strip>div{border-right:1px solid #e9edef;align-items:center;gap:10px;padding:0 18px;display:flex}.formats-strip>div:last-child{border:0}.formats-strip span{color:#3e806a;background:#edf4f1;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.formats-strip strong{font-size:10px}.test-shell{max-width:900px;margin:0 auto}.test-top{grid-template-columns:45px 1fr 45px;align-items:center;gap:20px;display:grid}.test-top>div>span{color:#7e8c98;text-align:center;margin-bottom:9px;font-size:10px;display:block}.test-top>b{color:#26765d;background:#e5f2ed;border-radius:50%;place-items:center;width:42px;height:42px;font:800 11px Manrope;display:grid}.test-progress{background:#e3e8e8;border-radius:4px;height:5px;overflow:hidden}.test-progress i{background:var(--emerald);height:100%;transition:all .3s;display:block}.question-card{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:20px;max-width:760px;margin:38px auto 0;padding:42px}.format-label{color:#49816e;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.question-card h2{margin:20px 0 28px;font-size:24px;line-height:1.45}.answer-input{background:#fafbfb;border:1px solid #ccd6da;border-radius:11px;width:100%;height:53px;padding:0 16px;font-size:14px}.answer-input:focus{background:#fff;border-color:#69a892}.answer-options{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.answer-options button{text-align:left;cursor:pointer;background:#fbfcfc;border:1px solid #dde4e6;border-radius:11px;align-items:center;gap:11px;min-height:54px;padding:9px 12px;font-size:12px;display:flex}.answer-options button:hover,.answer-options button.selected{background:#edf7f3;border-color:#57a489}.answer-options button span{background:#eef1f2;border-radius:8px;place-items:center;width:27px;height:27px;font:700 10px Manrope;display:grid}.answer-options button.selected span{color:#fff;background:#4a9a7f}.listen-disc{cursor:pointer;color:#4a7f6d;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;margin:0 auto 30px;font-size:11px;font-weight:700;display:flex}.listen-disc span{background:#e1f1eb;border-radius:50%;place-items:center;width:75px;height:75px;display:grid;box-shadow:0 0 0 10px #f2f8f6}.listen-disc:hover span{transform:scale(1.04)}.sentence-drop{background:#f7faf9;border:1px dashed #b7c8c3;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:72px;padding:11px;display:flex}.sentence-drop>span{color:#96a29e;font-size:11px}.sentence-drop button,.word-bank button{cursor:pointer;background:#fff;border:1px solid #cfdbd7;border-radius:8px;padding:8px 12px;font-size:12px}.word-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin:19px 0;display:flex}.word-bank button:hover{background:#eef7f4;border-color:#5da289}.question-submit{margin:28px 0 0 auto;display:flex}.result-page{max-width:1020px;margin:0 auto}.result-hero{background:linear-gradient(120deg,#dfece7,#e9f1f3);border-radius:21px;justify-content:center;align-items:center;gap:55px;min-height:270px;padding:35px;display:flex}.score-ring{width:150px;height:150px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring circle{fill:none;stroke:#cedbd7;stroke-width:8px}.score-ring circle:nth-child(2){stroke:#e2856e;stroke-linecap:round}.score-ring circle.pass{stroke:#3ba27e}.score-ring>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.score-ring strong{font:800 29px Manrope}.score-ring span{color:#7b898d;text-transform:uppercase;font-size:9px}.result-hero h1{margin:12px 0 9px;font-size:28px}.result-hero p{color:#6f7d88;font-size:12px}.recommended-level{color:#377b64;margin-bottom:10px;font:800 50px Manrope}.result-actions{gap:9px;margin-top:13px;display:flex}.review-section{margin-top:35px}.review-list{flex-direction:column;gap:10px;display:flex}.review-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:38px 1fr;gap:14px;padding:19px;display:grid}.review-list article.wrong{border-left:3px solid #e58770}.review-list article.correct{border-left:3px solid #5ab18f}.review-number{color:#bc6955;background:#f3e5e1;border-radius:50%;place-items:center;width:31px;height:31px;font:700 11px Manrope;display:grid}.review-list .correct .review-number{color:#26785f;background:#e4f2ec}.review-list article small{color:#8996a0;text-transform:uppercase;font-size:8px}.review-list article h3{margin:4px 0 11px;font-size:13px}.answer-compare{gap:8px;display:flex}.answer-compare p{background:#f7f8f9;border-radius:8px;flex-direction:column;min-width:180px;margin:0;padding:9px 11px;display:flex}.answer-compare span{color:#8d99a3;font-size:8px}.answer-compare strong{margin-top:2px;font-size:11px}.wrong .answer-compare p:first-child strong{color:#bd604c}.answer-compare p:nth-child(2) strong{color:#25775e}.explanation{background:#f5f8f7;border-radius:9px;margin-top:10px;padding:11px}.explanation p{color:#65756f;margin:0;font-size:10px;line-height:1.6}.explanation p+p{border-top:1px solid #e0e7e4;margin-top:6px;padding-top:6px}.studio-layout{grid-template-columns:1.7fr .8fr;gap:17px;display:grid}.studio-main{text-align:center;background:linear-gradient(145deg,#dce9ee,#e7f1ed);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:45px;display:flex;position:relative;overflow:hidden}.studio-main:before{content:"";border:1px solid #3e695e1a;border-radius:50%;width:430px;height:430px;position:absolute;box-shadow:0 0 0 60px #ffffff1a}.studio-main>*{z-index:2;position:relative}.sound-wave{align-items:center;gap:4px;height:55px;margin-bottom:21px;display:flex}.sound-wave i{background:#5b907f;border-radius:4px;width:3px;animation:1.2s ease-in-out infinite alternate pulse}.phrase-count{letter-spacing:1px;color:#82938e;font:700 9px Manrope}.studio-main h2{max-width:670px;margin:19px 0 9px;font-size:30px;line-height:1.45}.studio-main>p{color:#667d87;font-size:12px}.studio-buttons{align-items:center;gap:12px;margin-top:27px;display:flex}.record-btn{background:var(--emerald-dark);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:10px;height:50px;padding:0 18px 0 8px;font-size:12px;font-weight:700;display:flex;box-shadow:0 10px 24px #1c6f5833}.record-btn>span{background:#ffffff21;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.record-btn.listening{animation:1s infinite recordPulse}.browser-note{color:#879792;margin-top:17px;font-size:8px}.inline-error{color:#b55342!important;margin:12px 0 0!important;font-size:10px!important}.studio-side{flex-direction:column;gap:15px;display:flex}.focus-card,.accuracy-card{border:1px solid var(--line);background:#fff;border-radius:17px;flex:1;padding:23px}.mouth-art{place-items:center;height:90px;display:grid;position:relative}.mouth-art span{color:#5d806f;z-index:2;font:700 38px Georgia}.mouth-art i{border:1px solid #d5e2dc;border-radius:50%;width:95px;height:50px;position:absolute;transform:rotate(24deg)}.mouth-art i:nth-child(3){width:70px;height:70px;transform:rotate(-24deg)}.focus-card>strong{margin-bottom:7px;font-size:13px;display:block}.focus-card>p{color:#7d8c97;font-size:10px;line-height:1.55}.accuracy-card>span{color:#7e8d98;text-transform:uppercase;font-size:10px;font-weight:700}.empty-accuracy,.accuracy-card>strong{color:#b5bec3;align-items:center;height:79px;font:800 45px Manrope;display:flex}.empty-accuracy small,.accuracy-card>strong small{font-size:15px}.accuracy-card>strong.great{color:#26926f}.accuracy-card>strong.okay{color:#d19345}.accuracy-card>strong.low{color:#d16a56}.accuracy-bar{background:#e4e8e8;border-radius:4px;height:5px;overflow:hidden}.accuracy-bar i{background:linear-gradient(90deg,#e1a155,#45ab86);border-radius:4px;height:100%;display:block}.accuracy-card>p{color:#61717d;background:#f6f8f8;border-radius:8px;margin:10px 0;padding:9px;font-size:10px;line-height:1.5}.accuracy-card>p span{color:#8a979f;text-transform:uppercase;font-size:8px;display:block}.accuracy-card .text-btn{margin-top:10px}.scenario-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.scenario-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;transition:all .2s;overflow:hidden}.scenario-card:hover{box-shadow:var(--soft-shadow);transform:translateY(-3px)}.scenario-scene{background:#e5eee9;border-radius:12px;place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.scenario-2 .scenario-scene,.scenario-5 .scenario-scene{background:#e2ebf3}.scenario-3 .scenario-scene,.scenario-7 .scenario-scene{background:#ece7f2}.scenario-4 .scenario-scene,.scenario-8 .scenario-scene{background:#f2e6e2}.scenario-scene>span{z-index:2;background:#ffffffb3;border-radius:50%;place-items:center;width:58px;height:58px;font-size:25px;display:grid;position:relative;box-shadow:0 10px 25px #37504417}.scenario-scene i{border:1px solid #44685b24;border-radius:50%;width:100px;height:100px;position:absolute}.scenario-scene i:nth-child(3){width:135px;height:60px;transform:rotate(35deg)}.scenario-meta{justify-content:space-between;margin:13px 0 7px;display:flex}.scenario-meta span{color:#3b8068;background:#e7f3ee;border-radius:8px;padding:3px 6px;font:700 9px Manrope}.scenario-meta small{color:#8c98a1;font-size:8px}.scenario-card h3{margin:0 0 7px;font-size:14px}.scenario-card>p{color:#73818d;height:29px;font-size:10px;line-height:1.45;overflow:hidden}.scenario-card>button{color:#3e7965;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f2;justify-content:space-between;width:100%;padding:12px 0 0;font-size:10px;font-weight:700;display:flex}.roleplay{max-width:1000px;margin:auto}.roleplay-top{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:17px;display:grid}.roleplay-top>.secondary-btn{justify-self:start;height:38px;font-size:10px}.roleplay-top>div{align-items:center;gap:10px;display:flex}.roleplay-top>div>span{background:#e5f0eb;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.roleplay-top p{flex-direction:column;margin:0;display:flex}.roleplay-top p strong{font-size:12px}.roleplay-top p small{color:#84919a;font-size:8px}.offline-badge{color:#7a898f;justify-self:end;align-items:center;gap:6px;font-size:9px;display:flex}.offline-badge i{background:#42aa84;border-radius:50%;width:7px;height:7px}.chat-stage{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:590px;padding:29px}.scene-card{text-align:center;border-bottom:1px solid #e9edef;padding-bottom:20px}.scene-card>span{background:#e3efea;border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto 8px;font-size:23px;display:grid}.scene-card h2{margin:0 0 3px;font-size:16px}.scene-card p{color:#89959e;margin:0;font-size:9px}.chat-log{max-width:730px;margin:25px auto}.bubble-row{align-items:flex-start;gap:10px;margin:13px 0;display:flex}.bubble-row.user{flex-direction:row-reverse}.bubble-avatar{color:#fff;background:#4d6880;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font:700 8px Manrope;display:grid}.bubble-row.user .bubble-avatar{background:#378b6e}.bubble{background:#f2f5f5;border-radius:5px 14px 14px;max-width:72%;padding:12px 14px}.user .bubble{background:#e5f2ed;border-radius:14px 5px 14px 14px}.bubble>p{margin:0;font-size:12px;line-height:1.55}.bubble-tools{align-items:center;gap:5px;margin-top:9px;display:flex}.bubble-tools button{color:#687c75;cursor:pointer;background:#fff;border:1px solid #dae2e1;border-radius:7px;align-items:center;height:25px;padding:0 7px;font-size:8px;display:flex}.bubble-tools button.active{color:#2c795f;background:#edf6f2;border-color:#73a894}.bubble-note{border-top:1px solid #dfe6e4;margin-top:8px;padding-top:7px}.bubble-note p{color:#64776f;margin:0;font-size:9px;line-height:1.5}.bubble-note p+p{margin-top:4px}.bubble-note.hint{color:#6d6786}.reply-panel,.scenario-finish{border-top:1px solid #e8edef;max-width:730px;margin:20px auto 0;padding-top:16px}.reply-panel>span{color:#83919b;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.reply-panel>button{text-align:left;cursor:pointer;background:#fbfcfc;border:1px solid #dce4e4;border-radius:10px;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;width:100%;margin-top:7px;padding:11px 12px;font-size:11px;display:grid}.reply-panel>button:hover{background:#eef7f3;border-color:#62a58c}.scenario-finish{background:#eff7f4;border:0;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.scenario-finish>span{color:#fff;background:#4ba684;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.scenario-finish>div{flex-direction:column;display:flex}.scenario-finish strong{font-size:11px}.scenario-finish small{color:#5a8a78;font-size:8px}.scenario-finish button{height:35px;margin-left:auto;font-size:9px}[dir=rtl] .scenario-finish button{margin-left:0;margin-right:auto}.conversation-progress{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:760px;margin:0 auto 12px;padding:9px 12px;display:grid}.conversation-progress>span{letter-spacing:.8px;color:#7f8d97;font:700 8px Manrope}.conversation-progress>div{gap:5px;display:flex}.conversation-progress i{background:#e3e8e9;border-radius:3px;flex:1;height:4px}.conversation-progress i.active{background:linear-gradient(90deg,#55a789,#7c73b2)}.conversation-progress b{color:#4d7e6d;font:700 9px Manrope}.scenario-scene>b{color:#2f8a6a;z-index:3;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 5px 15px #233c311f}.scenario-card.scenario-done{border-color:#b9d7cb}.scenario-card.scenario-done:after{content:"";background:#4da584;height:3px;position:absolute;inset:0 0 auto}.scenario-card{position:relative}.vault-count{text-align:center;color:#297b60;background:#e4f1ec;border-radius:50%;place-content:center;width:92px;height:92px;display:grid}.vault-count strong{font:800 28px/1 Manrope}.vault-count span{margin-top:4px;font-size:8px}.empty-vault{text-align:center;border:1px solid var(--line);background:#fff;border-radius:19px;padding:58px 20px}.empty-vault-art{place-items:center;width:150px;height:120px;margin:auto;display:grid;position:relative}.empty-vault-art>span{color:#347b63;z-index:2;background:#e3f0eb;border-radius:20px;place-items:center;width:70px;height:70px;display:grid;transform:rotate(-3deg)}.empty-vault-art i{border:1px solid #d8e5e0;border-radius:50%;width:110px;height:85px;position:absolute;transform:rotate(30deg)}.empty-vault-art i:nth-child(3){transform:rotate(-30deg)}.empty-vault-art b{color:#3c9474;z-index:3;background:#fff;border:1px solid #d9e3df;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:4px;right:22px}.empty-vault h2{margin:15px 0 7px;font-size:21px}.empty-vault p{color:#7e8b96;max-width:460px;margin:0 auto 20px;font-size:11px;line-height:1.6}.vault-toolbar{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 13px;display:flex}.vault-toolbar>div{color:#6f7e88;align-items:center;gap:8px;font-size:10px;display:flex}.vault-toolbar .primary-btn{height:36px;font-size:10px}.mistake-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.mistake-grid>article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px}.mistake-grid>article.due{border-top:3px solid #e28369}.mistake-top{justify-content:space-between;display:flex}.mistake-top>span{color:#3b8067;font:800 11px Manrope}.mistake-top>b{color:#cf6d54;background:#f9e9e4;border-radius:8px;padding:4px 7px;font-size:8px}.mistake-grid article>small{color:#8b98a1;text-transform:uppercase;margin:13px 0 4px;font-size:8px;display:block}.mistake-grid h3{margin-bottom:12px;font-size:13px;line-height:1.5}.mistake-answer{background:#eff6f3;border-radius:8px;flex-direction:column;padding:9px 11px;display:flex}.mistake-answer span{text-transform:uppercase;color:#7f918a;font-size:7px}.mistake-answer strong{color:#26755c;margin-top:2px;font-size:11px}.mistake-grid article>p{color:#76848f;margin:10px 0;font-size:9px;line-height:1.6}.mistake-grid footer{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.mistake-grid footer>span{color:#8b97a0;font-size:8px}.mistake-grid footer button{color:#367c65;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.topic-browser{--topic-accent:#2c9d79;--topic-soft:#e8f5f0;margin-bottom:18px}.topic-browser-travel{--topic-accent:#577ca7;--topic-soft:#e9f0f8}.topic-browser-school{--topic-accent:#b06e4c;--topic-soft:#faeee7}.topic-browser-people{--topic-accent:#7c68a3;--topic-soft:#f0ebf8}.topic-browser-language{--topic-accent:#9a5f79;--topic-soft:#f8ebf1}.topic-slider-card{border:1px solid color-mix(in srgb,var(--topic-accent) 20%,#e3e8ea);background:linear-gradient(115deg,var(--topic-soft),#fff 72%);border-radius:17px;grid-template-columns:39px 1fr 39px;align-items:center;gap:14px;min-height:104px;padding:15px;transition:background .35s,border-color .35s;display:grid;box-shadow:0 8px 26px #2537490b}.topic-step{width:39px;height:39px;color:var(--topic-accent);cursor:pointer;background:#fff;border:1px solid #ffffffd9;border-radius:12px;place-items:center;display:grid;box-shadow:0 6px 16px #2d3d4f14}.topic-step:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px #2d3d4f21}.topic-step:disabled{opacity:.35;cursor:not-allowed}.topic-previous svg,[dir=rtl] .topic-step:not(.topic-previous) svg{transform:rotate(180deg)}[dir=rtl] .topic-previous svg{transform:none}.topic-slider-main{min-width:0}.topic-slider-copy{grid-template-columns:1fr auto;align-items:end;margin-bottom:11px;display:grid}.topic-slider-copy>span{letter-spacing:1.1px;text-transform:uppercase;color:var(--topic-accent);grid-column:1/-1;margin-bottom:3px;font:700 8px Manrope}.topic-slider-copy strong{color:#2b4052;font:800 14px Manrope}.arabic .topic-slider-copy strong{font-family:Noto Sans Arabic,sans-serif}.topic-slider-copy small{color:#84929c;font-size:8px}.topic-slider-main input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--topic-accent) 0 var(--topic-progress),#7080932e var(--topic-progress) 100%);cursor:pointer;border-radius:8px;width:100%;height:5px;margin:0;display:block}.topic-slider-main input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:5px solid var(--topic-accent);background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 3px 8px #23354533}.topic-slider-main input[type=range]::-moz-range-thumb{border:5px solid var(--topic-accent);background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 3px 8px #23354533}.topic-dots{justify-content:space-between;padding:8px 2px 0;display:flex}.topic-dots i{background:#cad2d7;border-radius:50%;width:4px;height:4px;transition:all .25s}.topic-dots i.active{background:var(--topic-accent);border-radius:6px;width:16px}.topic-filter{scroll-snap-type:x proximity;scrollbar-width:none;gap:7px;padding:10px 1px 0;display:flex;overflow-x:auto}.topic-filter::-webkit-scrollbar{display:none}.topic-filter button{scroll-snap-align:start;white-space:nowrap;color:#687988;cursor:pointer;background:#fff;border:1px solid #dce3e6;border-radius:18px;height:34px;padding:0 13px;font-size:9px}.topic-filter button:hover,.topic-filter button.active{border-color:var(--topic-accent);background:var(--topic-soft);color:var(--topic-accent)}.stage-list{flex-direction:column;gap:20px;display:flex}.curriculum-stage{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.curriculum-stage>header{background:linear-gradient(110deg,#e7f2f7,#f2f7f9);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:85px;padding:16px 19px;display:grid}.curriculum-stage.stage-lilac>header{background:linear-gradient(110deg,#eee9f7,#f7f4fb)}.curriculum-stage.stage-coral>header{background:linear-gradient(110deg,#f8e8e2,#fbf3ef)}.curriculum-stage>header>span{color:#4d7896;background:#fff;border-radius:13px;place-items:center;width:43px;height:43px;font:800 14px Manrope;display:grid;box-shadow:0 7px 18px #32465614}.curriculum-stage.stage-lilac>header>span{color:#79689c}.curriculum-stage.stage-coral>header>span{color:#a76653}.curriculum-stage>header h2{margin:0 0 3px;font-size:16px}.curriculum-stage>header p{color:#748491;margin:0;font-size:9px}.curriculum-stage>header small{color:#84929c;font-size:8px}.curriculum-stage .lesson-list{gap:7px;padding:10px}.curriculum-stage .lesson-row{box-shadow:none;border-color:#edf0f2}.topic-tag{text-transform:none;letter-spacing:0;border-radius:7px;margin-inline-start:4px;padding:2px 5px;font-style:normal;font-weight:700}.topic-everyday{color:#35765f;background:#e8f4ef}.topic-travel{color:#55759a;background:#e7eef7}.topic-school{color:#a36b4f;background:#f5e9df}.topic-people{color:#78699a;background:#efe9f6}.topic-language{color:#9a657a;background:#f4ebef}.resume-tag{color:#3e826a;text-transform:none;letter-spacing:0;margin-inline-start:7px;font-style:normal}.guided-lesson{--lesson-accent:#298c6b;--lesson-soft:#e5f4ee;--lesson-alt:#dfeaf6;flex-direction:column;width:min(900px,100%);height:min(900px,94vh);display:flex;overflow:hidden}.guided-lesson.blue{--lesson-accent:#4c78a1;--lesson-soft:#e4edf7;--lesson-alt:#e8e4f4}.guided-lesson.violet{--lesson-accent:#7664a1;--lesson-soft:#eee9f7;--lesson-alt:#f7e8df}.guided-lesson.coral{--lesson-accent:#a95f4a;--lesson-soft:#f8e8e2;--lesson-alt:#e6f1ed}.guided-lesson .modal-cover{background:linear-gradient(115deg,var(--lesson-soft),#f8faf9);height:150px;min-height:150px;padding:26px 34px}.guided-lesson .modal-cover h2{margin-top:11px;font-size:25px}.guided-lesson .cover-glyphs{opacity:.7}.lesson-stepper{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,1fr);height:72px;min-height:72px;padding:8px 26px;display:grid}.lesson-stepper button{color:#93a0a8;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.lesson-stepper button:after{content:"";background:#e8ecee;height:2px;position:absolute;top:20px;left:65%;right:-35%}.lesson-stepper button:last-child:after{display:none}.lesson-stepper button>span{z-index:2;background:#f0f3f4;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:relative}.lesson-stepper button small{font-size:8px;font-weight:700}.lesson-stepper button.active{color:var(--lesson-accent)}.lesson-stepper button.active>span{background:var(--lesson-accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--lesson-accent) 13%,transparent)}.lesson-stepper button.passed{color:var(--lesson-accent)}.lesson-stepper button.passed>span{background:var(--lesson-soft);color:var(--lesson-accent)}.lesson-stepper button.passed:after{background:color-mix(in srgb,var(--lesson-accent) 40%,#e8ecee)}.lesson-stepper button:disabled{cursor:not-allowed}.guided-body{background:#fff;flex:1;padding:28px 36px;overflow:auto}.guided-body>section{animation:.42s cubic-bezier(.22,1,.36,1) both up}.lesson-section-title{align-items:center;gap:12px;margin-bottom:19px;display:flex}.lesson-section-title>span{background:var(--lesson-soft);width:37px;height:37px;color:var(--lesson-accent);border-radius:11px;place-items:center;font:800 10px Manrope;display:grid}.lesson-section-title small{letter-spacing:1.2px;text-transform:uppercase;color:#89959f;font-size:8px;display:block}.lesson-section-title h3{margin:3px 0 0;font-size:20px}.objective-panel{background:linear-gradient(115deg,var(--lesson-soft),#f8fafb);border-radius:17px;align-items:center;gap:17px;min-height:105px;padding:22px 25px;display:flex}.objective-panel>span{width:49px;height:49px;color:var(--lesson-accent);background:#fff;border-radius:15px;place-items:center;display:grid;box-shadow:0 8px 22px #2d425214}.objective-panel p{color:#3f5669!important;margin:0!important;font-size:14px!important;line-height:1.75!important}.real-french-card{background:#fffaf2;border:1px solid #e3e7ea;border-radius:15px;gap:13px;margin-top:15px;padding:17px 19px;display:flex}.tip-icon{color:#a66c16;background:#fee8b8;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.real-french-card small{letter-spacing:1px;color:#a67a3a;text-transform:uppercase;font-size:8px}.real-french-card h4,.mistake-note h4{margin:3px 0 5px;font-size:12px}.real-french-card p,.mistake-note p{color:#687682;margin:0;font-size:10px;line-height:1.65}.register-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.register-grid article{background:#fafbfb;border:1px solid #e1e6e8;border-radius:13px;padding:13px}.register-grid article:first-child{border-top:3px solid #6487a8}.register-grid article:last-child{border-top:3px solid #d48770}.register-grid article>span{text-transform:uppercase;color:#82909a;margin-bottom:7px;font-size:8px;display:block}.register-grid article>button{color:var(--lesson-accent);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.register-grid article strong{font-size:11px}.register-grid article>small{color:#7e8b96;margin-top:6px;font-size:9px;display:block}.lesson-roadmap{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.lesson-roadmap>span{color:#7c8a94;background:#f6f8f9;border-radius:12px;flex-direction:column;min-height:58px;padding:11px;font-size:8px;display:flex}.lesson-roadmap b{color:var(--lesson-accent);margin-bottom:2px;font:800 17px Manrope}.grammar-note.enhanced{background:linear-gradient(110deg,var(--lesson-soft),#f8fafb);border:0;border-radius:15px;padding:19px 21px}.grammar-note.enhanced .note-label{letter-spacing:1.1px;color:var(--lesson-accent);margin-bottom:8px;font:700 8px Manrope;display:block}.grammar-note.enhanced p{color:#465b6c;font-size:12px;line-height:1.75}.mistake-note{background:#fff3ef;border:1px solid #f2d9d0;border-radius:14px;gap:12px;margin:12px 0 20px;padding:14px 17px;display:flex}.mistake-note>span{color:#a65d49;background:#f4d7cd;border-radius:9px;place-items:center;width:31px;height:31px;font:800 15px Manrope;display:grid}.examples-heading{margin:0 0 10px;font-size:15px}.example-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.example-grid article{background:#f8fbfa;border:1px solid #e2e7e9;border-radius:14px;min-height:112px;padding:13px 15px}.example-grid .example-tone-1{background:#f5f7fc}.example-grid .example-tone-2{background:#fbf7f2}.example-grid .example-tone-3{background:#f8f5fb}.example-grid article>div{justify-content:space-between;align-items:center;display:flex}.example-grid article>div>span{color:#94a0a8;font:700 8px Manrope}.example-grid button{width:29px;height:29px;color:var(--lesson-accent);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.example-grid strong{margin:6px 0 4px;font-size:12px;display:block}.example-grid p{color:#77858f;margin:0;font-size:9px;line-height:1.5}.step-intro{color:#74828e;margin:-8px 0 16px;font-size:10px;line-height:1.7}.vocab-grid.expanded{grid-template-columns:repeat(2,1fr);gap:10px}.vocab-grid.expanded .vocab-item{background:#f4faf7;border-color:#dfebe6;align-items:center;min-height:69px;padding:12px 38px 12px 12px;position:relative}.vocab-grid.expanded .vocab-tone-1{background:#f3f7fb;border-color:#e1e8f0}.vocab-grid.expanded .vocab-tone-2{background:#fcf7f4;border-color:#f0e3dc}.vocab-grid.expanded .vocab-tone-3{background:#f8f5fb;border-color:#e9e2f0}.vocab-grid.expanded .vocab-item>em{color:#9aa5ac;font:700 7px Manrope;position:absolute;top:10px;right:11px}.vocab-grid.expanded .vocab-item button{background:#fff;box-shadow:0 4px 12px #2d425212}[dir=rtl] .vocab-grid.expanded .vocab-item{padding:12px 12px 12px 38px}[dir=rtl] .vocab-grid.expanded .vocab-item>em{left:11px;right:auto}.lesson-practice-card{background:linear-gradient(145deg,#f8fbfc,#fff);border:1px solid #dfe5e8;border-radius:18px;padding:22px;box-shadow:0 10px 30px #2839470f}.practice-top{align-items:center;gap:13px;display:flex}.practice-top>span{color:var(--lesson-accent);font:800 10px Manrope}.practice-top>div{flex:1;gap:5px;display:flex}.practice-top i{background:#e5eaeb;border-radius:3px;flex:1;height:4px}.practice-top i.active{background:#f0ac5e}.practice-top i.done{background:var(--lesson-accent)}.practice-kind{color:#7c8b96;text-transform:uppercase;margin:22px 0 7px;font-size:9px;font-weight:700;display:block}.lesson-practice-card>h4{margin:0 0 18px;font-size:20px}.lesson-options{grid-template-columns:1fr;gap:8px;display:grid}.lesson-options button{text-align:start;cursor:pointer;background:#fff;border:1px solid #dce3e6;border-radius:11px;min-height:46px;padding:10px 13px;font-size:11px}.lesson-options button:hover,.lesson-options button.selected{border-color:var(--lesson-accent);background:var(--lesson-soft);color:var(--lesson-accent)}.practice-check{height:41px;margin:16px 0 0 auto;display:flex}.practice-listen{color:var(--lesson-accent);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;margin:7px auto 24px;font-size:10px;font-weight:700;display:flex}.practice-listen>span{background:var(--lesson-soft);width:65px;height:65px;box-shadow:0 0 0 8px color-mix(in srgb,var(--lesson-accent) 8%,transparent);border-radius:50%;place-items:center;display:grid}.instant-feedback{background:#e9f5f0;border:1px solid #cae5d9;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:16px;padding:13px;display:grid}.instant-feedback.wrong{background:#fff1ed;border-color:#efd6ce}.instant-feedback>span{color:#fff;background:#44a27f;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.instant-feedback.wrong>span{background:#d4785f}.instant-feedback strong{font-size:11px}.instant-feedback p,.instant-feedback small{color:#65766f;margin:2px 0 0;font-size:9px}.instant-feedback>button{height:34px;color:var(--lesson-accent);cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.practice-complete{background:linear-gradient(135deg,var(--lesson-soft),#f8faf9);text-align:start;border-radius:18px;justify-content:center;align-items:center;gap:18px;min-height:245px;display:flex}.practice-complete>span{background:var(--lesson-accent);color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.practice-complete small{color:#7d8b94;text-transform:uppercase;font-size:9px}.practice-complete strong{margin:3px 0;font:800 31px Manrope;display:block}.practice-complete p{color:#667681;margin:0;font-size:10px}.lesson-recap{grid-template-columns:1.05fr .95fr;gap:13px;display:grid}.recap-burst{background:linear-gradient(140deg,var(--lesson-soft),var(--lesson-alt));text-align:center;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:305px;padding:28px;display:flex}.recap-burst>span{width:65px;height:65px;color:var(--lesson-accent);background:#fff;border-radius:20px;place-items:center;display:grid;box-shadow:0 12px 30px #2a3e4e17}.recap-burst>small{letter-spacing:1px;color:#7b8b91;text-transform:uppercase;margin-top:17px;font-size:8px}.recap-burst h3{margin:5px 0 8px;font-size:22px}.recap-burst p{color:#687883;max-width:330px;font-size:10px;line-height:1.65}.recap-score{flex-direction:column;gap:11px;display:flex}.recap-score>div:first-child{background:#fff;border:1px solid #e1e6e8;border-radius:16px;justify-content:space-between;align-items:center;padding:18px;display:flex}.recap-score span{color:#75848e;font-size:9px}.recap-score strong{color:var(--lesson-accent);font:800 31px Manrope}.recap-score strong small{color:#95a0a7;font-size:12px}.recap-phrases{background:#fff;border:1px solid #e1e6e8;border-radius:16px;flex:1;padding:16px}.recap-phrases>span{letter-spacing:1px;margin-bottom:9px;font:700 8px Manrope;display:block}.recap-phrases button{width:100%;color:var(--lesson-accent);text-align:start;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f2;align-items:center;gap:8px;padding:10px 0;display:flex}.recap-phrases button span{color:#344c5c;font-size:10px}.guided-footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:70px;padding:12px 27px;display:grid}.guided-footer>button:first-child{justify-self:start}.guided-footer>button:last-child{justify-self:end}.guided-footer .secondary-btn,.guided-footer .primary-btn{height:42px}.step-count{color:#87949d;font:700 9px Manrope}.mobile-tabbar{display:none}.profile-modal{background:#fff;border-radius:20px;width:min(650px,100%);max-height:92vh;overflow:auto;box-shadow:0 35px 90px #14222e47}.profile-modal>header{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#eef4f7,#edf6f2);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:25px 27px;display:grid}.profile-symbol{background:var(--slate-dark);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.profile-modal h2{margin:0 0 3px;font-size:20px}.profile-modal header p{color:#758491;margin:0;font-size:10px}.profile-form{flex-direction:column;gap:19px;padding:23px 27px;display:flex}.profile-form label{flex-direction:column;gap:7px;display:flex}.profile-form label>span,.profile-form legend{color:#657584;font-size:10px;font-weight:700}.profile-form input:not([type=range]),.profile-form select{width:100%;height:46px;color:var(--ink);background:#fbfcfc;border:1px solid #d5dde1;border-radius:10px;padding:0 13px}.profile-form select{cursor:pointer}.profile-form label>small{color:#8a969f;font-size:9px;line-height:1.5}.profile-form fieldset{border:0;margin:0;padding:0}.profile-form legend{margin-bottom:8px}.goal-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.goal-options button{text-align:start;cursor:pointer;background:#fff;border:1px solid #dce3e5;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:9px 11px;font-size:10px;display:flex}.goal-options button.selected,.minute-options button.selected{color:var(--emerald-dark);background:#edf7f3;border-color:#69a88f;box-shadow:inset 0 0 0 1px #69a88f}.minute-options{flex-wrap:wrap;gap:8px;display:flex}.minute-options button{cursor:pointer;background:#fff;border:1px solid #dce3e5;border-radius:9px;height:34px;padding:0 13px;font-size:9px}.profile-form input[type=range]{width:100%;accent-color:var(--emerald)}.voice-preview{color:var(--emerald-dark);cursor:pointer;background:#e6f2ed;border:0;border-radius:9px;align-self:flex-start;align-items:center;gap:8px;height:37px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.profile-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:17px 27px;display:flex}.profile-modal>footer button{height:40px}.practice-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:39px;display:grid}.practice-card{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;min-height:225px;padding:18px;display:flex;position:relative;overflow:hidden}.practice-card:after{content:"";border:1px solid #416f5e1a;border-radius:50%;width:120px;height:120px;position:absolute;top:-55px;right:-55px}.practice-card:hover{box-shadow:var(--soft-shadow);transform:translateY(-4px)}.practice-icon{color:#2d8064;background:#e3f1eb;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:22px;display:grid}.practice-2 .practice-icon{color:#58769b;background:#e7ecf5}.practice-3 .practice-icon{color:#77699c;background:#ece7f3}.practice-4 .practice-icon{color:#aa6b58;background:#f5e8e3}.practice-5 .practice-icon{color:#9d691e;background:#f9e7c8}.practice-5{border-color:#ead9b8}.practice-card small{letter-spacing:1px;color:#8b98a1;text-transform:uppercase;font:700 8px Manrope}.practice-card h3{margin:5px 0 7px;font-size:15px}.practice-card p{color:#7e8b95;margin-bottom:15px;font-size:9px;line-height:1.55}.practice-card>button{color:#347a63;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 0 0;font-size:10px;font-weight:700;display:flex}.flashcard-page{max-width:850px;margin:0 auto}.flash-top{grid-template-columns:auto 1fr 42px;align-items:center;gap:22px;display:grid}.flash-top>.secondary-btn{height:39px;font-size:10px}.flash-top>div>span{text-align:center;color:#7b8994;margin-bottom:7px;font-size:9px;display:block}.flash-top>b{color:#26765d;background:#e5f2ed;border-radius:50%;place-items:center;width:42px;height:42px;font:800 11px Manrope;display:grid}.flashcard{cursor:pointer;perspective:1200px;width:min(570px,100%);height:350px;margin:43px auto 25px;position:relative}.flash-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;box-shadow:0 22px 55px #27374c1f}.flash-front{background:linear-gradient(145deg,#dfe9ef,#e3f1eb);border:1px solid #fffc}.flash-front:before,.flash-front:after{content:"";border:1px solid #446a5d1f;border-radius:50%;width:230px;height:230px;position:absolute}.flash-front:after{width:310px;height:145px;transform:rotate(35deg)}.flash-face>span{z-index:2;letter-spacing:1.5px;color:#71867e;font:700 9px Manrope;position:relative}.flash-front h1{z-index:2;color:#2d4353;margin:18px 0;font-size:46px;position:relative}.flash-front small{z-index:2;color:#788a86;font-size:10px;position:relative}.flash-back{border:1px solid var(--line);background:#fff;transform:rotateY(180deg)}.flash-back h2{text-align:center;margin:18px 25px;font-size:27px}.flash-back button{color:var(--emerald-dark);cursor:pointer;background:#e9f4ef;border:0;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.flashcard.revealed .flash-front{transform:rotateY(-180deg)}.flashcard.revealed .flash-back{transform:rotateY(0)}.flash-actions{justify-content:center;gap:11px;display:flex}.flash-actions button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:145px;height:47px;font-size:11px;font-weight:700;display:flex}.flash-actions .again{color:#a55946;background:#fff7f4;border:1px solid #dfb2a6}.flash-actions .known{border:1px solid var(--emerald-dark);background:var(--emerald-dark);color:#fff}.flash-finish{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;padding:70px 25px}.flash-finish>span{width:65px;height:65px;color:var(--emerald-dark);background:#e3f2ec;border-radius:50%;place-items:center;margin:auto;display:grid}.flash-finish h2{margin:20px;font-size:31px}.toast{z-index:150;color:#fff;background:#243b4d;border-radius:12px;align-items:center;gap:9px;padding:12px 17px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #17263147}.fade-up,.page-enter{animation:.55s cubic-bezier(.22,1,.36,1) both up}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}::view-transition-old(root){animation:.18s both pageOut}::view-transition-new(root){animation:.38s cubic-bezier(.22,1,.36,1) both pageIn}@keyframes pageOut{to{opacity:0;transform:translateY(-3px)}}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}}@keyframes up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%{opacity:.65;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}@keyframes recordPulse{50%{box-shadow:0 0 0 8px #2087682b,0 10px 24px #1c6f5833}}@media (max-width:1120px){.sidebar{width:230px}.main{margin-left:230px}[dir=rtl] .main{margin-right:230px}.content{padding:35px 30px 60px}.topbar{padding:0 30px}.lesson-ticket{margin-right:0}.stat-grid{grid-template-columns:repeat(3,1fr)}.weekly-card{grid-column:1/-1}.pathway-grid,.mock-grid,.scenario-grid,.practice-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1.4fr .8fr}}@media (max-width:820px){.sidebar{width:280px;transition:all .28s cubic-bezier(.22,1,.36,1);transform:translate(-105%);box-shadow:20px 0 60px #1e2e3b2e}.sidebar.open{transform:none}[dir=rtl] .sidebar{transform:translate(105%)}[dir=rtl] .sidebar.open{transform:none}.mobile-close{display:grid!important}.menu-scrim{z-index:35;background:#1c2a3659;border:0;display:block;position:fixed;inset:0}.main,.main[dir]{margin:0!important}[dir=rtl] .main{margin:0}.topbar{justify-content:space-between;height:68px;padding:0 22px}.mobile-menu{display:grid!important}.mobile-brand{align-items:center;gap:8px;margin-inline:12px auto;display:flex!important}.mobile-brand .brand-mark{border-radius:9px;width:30px;height:30px;font-size:15px}.mobile-brand strong{font:800 17px Manrope}.language-toggle{height:34px}.top-streak{display:none}.content{padding:28px 22px 105px}.dashboard-hero{padding:34px}.lesson-ticket{display:none}.hero-copy h1{font-size:31px}.stat-grid{grid-template-columns:repeat(3,1fr)}.split-section{grid-template-columns:1fr}.level-banner{padding-right:45%}.studio-layout{grid-template-columns:1fr}.studio-side{grid-template-columns:repeat(2,1fr);display:grid}.formats-strip{grid-template-columns:repeat(2,1fr);gap:12px}.formats-strip>div{border:0;padding:0}.diagnostic-card{grid-template-columns:1.4fr .7fr}.radar{transform:scale(.75)}.mobile-tabbar{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #dfe5e7;border-radius:17px;grid-template-columns:repeat(6,1fr);height:65px;padding:5px;display:grid;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 13px 40px #1e2f3a2e}.mobile-tabbar button{color:#7b8995;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.mobile-tabbar button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;overflow:hidden}.mobile-tabbar button.active{color:var(--emerald-dark);background:#eaf5f0}}@media (max-width:580px){.topbar{padding:0 12px}.top-actions{gap:5px}.mobile-brand{margin-inline-start:7px}.mobile-brand strong{display:none}.layout-toggle{height:36px}.layout-toggle button{height:28px;padding:0 6px}.layout-toggle button span{display:none}.language-toggle{padding:0 8px}.language-toggle span{font-size:0}.language-toggle span:after{content:"ع / EN";font-size:9px}.avatar{width:34px;height:34px}.content{padding:22px 15px 98px}.dashboard-hero{border-radius:17px;min-height:315px;padding:31px 24px}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:12px;line-height:1.6}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:34px}.stat-card{gap:9px;min-height:78px;padding:13px}.stat-icon{width:36px;height:36px}.stat-card strong{font-size:17px}.weekly-card{grid-column:1/-1}.section-heading{align-items:flex-start}.section-heading .text-btn{font-size:0}.section-heading .text-btn svg{width:22px;height:22px}.pathway-grid,.mock-grid,.scenario-grid,.practice-grid{grid-template-columns:1fr;gap:9px}.path-card{min-height:225px;padding:13px}.split-section{gap:10px}.plan-card,.recommend-card{padding:18px}.recommend-card{padding-right:38%}.recommend-card h3{font-size:15px}.vault-art{width:39%;transform:scale(.85)}.page-intro{margin-bottom:25px}.page-intro h1{font-size:28px}.page-intro p{font-size:11px}.level-tabs{padding-bottom:4px;display:flex;overflow-x:auto}.level-tabs button{min-width:120px;height:53px;padding:0 12px}.level-banner{min-height:245px;padding:28px 30px 120px}.level-banner h2{font-size:23px}.banner-level{width:100%;height:190px;top:auto;bottom:-85px;left:0!important;right:0!important}.banner-level span{width:75px;height:75px;font-size:24px}.lesson-row{gap:11px;padding:14px}.lesson-row p{display:none}.lesson-index{width:36px;height:36px}.lesson-row h3{font-size:13px}.modal-backdrop{align-items:end;padding:0}.lesson-modal,.profile-modal{border-radius:20px 20px 0 0;max-height:96vh}.profile-modal>header,.profile-form{padding-left:20px;padding-right:20px}.goal-options{grid-template-columns:1fr}.profile-modal>footer{padding:14px 20px 21px}.modal-cover{height:165px;padding:28px 24px}.modal-cover h2{max-width:70%;font-size:23px}.cover-glyphs{opacity:.55}.modal-body{padding:5px 20px 0}.modal-body>section{grid-template-columns:25px 1fr;gap:8px}.vocab-grid{grid-template-columns:1fr}.modal-footer{padding:16px 20px 22px}.modal-footer .primary-btn{width:100%}.diagnostic-card{padding:30px 23px;display:block}.diagnostic-copy h2{font-size:24px}.diagnostic-art{display:none}.mock-card,.practice-card{padding:17px}.practice-card{min-height:185px}.practice-icon{margin-bottom:14px}.formats-strip{grid-template-columns:1fr 1fr;padding:12px}.formats-strip>div{padding:4px}.question-card{margin-top:25px;padding:27px 20px}.question-card h2{font-size:20px}.answer-options{grid-template-columns:1fr}.question-submit{width:100%}.result-hero{text-align:center;flex-direction:column;gap:20px;display:flex}.result-actions{flex-wrap:wrap;justify-content:center}.review-list article{grid-template-columns:29px 1fr;gap:9px;padding:14px}.answer-compare{flex-direction:column}.answer-compare p{min-width:0}.flash-top{grid-template-columns:40px 1fr 38px;gap:9px}.flash-top>.secondary-btn{width:40px;padding:0;font-size:0}.flashcard{height:300px;margin-top:30px}.flash-front h1{font-size:36px}.flash-actions button{flex:1;min-width:0}.studio-main{min-height:430px;padding:31px 19px}.studio-main h2{font-size:24px}.studio-buttons{flex-direction:column;width:100%}.studio-buttons>button{width:100%}.studio-side{grid-template-columns:1fr}.roleplay-top{grid-template-columns:auto 1fr}.roleplay-top>div{justify-self:end}.offline-badge{display:none}.chat-stage{padding:18px 12px}.bubble{max-width:85%}.reply-panel>button{font-size:10px}.mistake-grid{grid-template-columns:1fr}.vault-toolbar{align-items:flex-start;gap:10px}.vault-toolbar .primary-btn{font-size:0}.vault-toolbar .primary-btn svg{margin:0}.vault-count{width:68px;height:68px}.vault-count strong{font-size:22px}.page-intro>.vault-count{flex:none}.toast{width:max-content;max-width:90%;bottom:86px}}@media (max-width:390px){.pathway-grid,.mock-grid,.scenario-grid{grid-template-columns:1fr}.path-card{min-height:210px}.level-orbit{height:83px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;align-items:flex-start}.weekly-card{flex-direction:row}.page-intro{align-items:flex-start}.page-intro>.vault-count{margin-left:10px}.scenario-card:nth-child(n+7){display:block}}@media (max-width:580px){.curriculum-stage>header{grid-template-columns:auto 1fr;padding:14px}.curriculum-stage>header>small{display:none}.curriculum-stage>header h2{font-size:14px}.topic-filter{margin-inline:-2px}.topic-slider-card{grid-template-columns:34px 1fr 34px;gap:9px;padding:12px}.topic-step{width:34px;height:34px}.topic-slider-copy{grid-template-columns:1fr}.topic-slider-copy small{display:none}.guided-lesson{border-radius:20px 20px 0 0;height:96vh;max-height:96vh}.guided-lesson .modal-cover{height:116px;min-height:116px;padding:20px}.guided-lesson .modal-cover h2{max-width:78%;margin-top:8px;font-size:19px}.guided-lesson .cover-glyphs{display:none}.lesson-stepper{height:57px;min-height:57px;padding:5px 12px}.lesson-stepper button{gap:0}.lesson-stepper button>span{width:28px;height:28px}.lesson-stepper button small{display:none}.lesson-stepper button:after{top:27px}.guided-body{padding:19px 17px}.lesson-section-title{margin-bottom:14px}.lesson-section-title>span{width:32px;height:32px}.lesson-section-title h3{font-size:17px}.objective-panel{align-items:flex-start;padding:17px}.objective-panel>span{flex:none;width:42px;height:42px}.objective-panel p{font-size:12px!important}.register-grid,.lesson-roadmap,.example-grid,.vocab-grid.expanded,.lesson-recap{grid-template-columns:1fr}.lesson-roadmap{gap:6px}.lesson-roadmap>span{min-height:48px}.example-grid article{min-height:98px}.vocab-grid.expanded .vocab-item{min-height:64px}.lesson-practice-card{padding:17px}.instant-feedback{grid-template-columns:auto 1fr}.instant-feedback>button{grid-column:1/-1;justify-content:center;width:100%}.practice-complete{min-height:230px;padding:22px}.recap-burst{min-height:245px}.guided-footer{min-height:65px;padding:10px 16px}.guided-footer .secondary-btn,.guided-footer .primary-btn{padding:0 12px;font-size:10px}.guided-footer .secondary-btn svg{display:none}}@media (min-width:821px){body:has(.layout-phone){background:#dfe6ec}.layout-phone{border-radius:28px;width:430px;min-height:calc(100vh - 24px);margin:12px auto;overflow:hidden;box-shadow:0 28px 80px #1d2b3a38,0 0 0 1px #ffffffbf}.layout-phone .sidebar{display:none}.layout-phone .main{min-height:calc(100vh - 24px);margin:0!important}.layout-phone .topbar{justify-content:space-between;height:68px;padding:0 15px}.layout-phone .mobile-brand{align-items:center;gap:8px;margin-inline-end:auto;display:flex!important}.layout-phone .mobile-brand .brand-mark{border-radius:9px;width:30px;height:30px;font-size:15px}.layout-phone .mobile-brand strong{font:800 16px Manrope}.layout-phone .top-actions{gap:7px}.layout-phone .layout-toggle button{padding:0 7px}.layout-phone .layout-toggle button span{display:none}.layout-phone .language-toggle{height:34px;padding:0 9px}.layout-phone .language-toggle span,.layout-phone .top-streak{display:none}.layout-phone .content{padding:22px 15px 98px}.layout-phone .dashboard-hero{border-radius:17px;min-height:315px;padding:31px 24px}.layout-phone .hero-copy h1{font-size:29px}.layout-phone .hero-copy>p{font-size:12px;line-height:1.6}.layout-phone .lesson-ticket{display:none}.layout-phone .stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:34px}.layout-phone .weekly-card{grid-column:1/-1}.layout-phone .stat-card{gap:9px;min-height:78px;padding:13px}.layout-phone .stat-icon{width:36px;height:36px}.layout-phone .stat-card strong{font-size:17px}.layout-phone .section-heading{align-items:flex-start}.layout-phone .pathway-grid,.layout-phone .mock-grid,.layout-phone .scenario-grid,.layout-phone .practice-grid{grid-template-columns:1fr;gap:9px}.layout-phone .split-section,.layout-phone .studio-layout{grid-template-columns:1fr}.layout-phone .studio-side{grid-template-columns:1fr;display:grid}.layout-phone .formats-strip{grid-template-columns:1fr 1fr}.layout-phone .diagnostic-card{padding:30px 23px;display:block}.layout-phone .diagnostic-art{display:none}.layout-phone .page-intro{align-items:flex-start;margin-bottom:25px}.layout-phone .page-intro h1{font-size:28px}.layout-phone .page-intro p{font-size:11px}.layout-phone .level-tabs{padding-bottom:4px;display:flex;overflow-x:auto}.layout-phone .level-tabs button{min-width:120px;height:53px;padding:0 12px}.layout-phone .level-banner{min-height:245px;padding:28px 30px 120px}.layout-phone .level-banner h2{font-size:23px}.layout-phone .banner-level{width:100%;height:190px;top:auto;bottom:-85px;left:0!important;right:0!important}.layout-phone .banner-level span{width:75px;height:75px;font-size:24px}.layout-phone .topic-slider-card{grid-template-columns:34px 1fr 34px;gap:9px;padding:12px}.layout-phone .topic-step{width:34px;height:34px}.layout-phone .topic-slider-copy{grid-template-columns:1fr}.layout-phone .topic-slider-copy small{display:none}.layout-phone .curriculum-stage>header{grid-template-columns:auto 1fr;padding:14px}.layout-phone .curriculum-stage>header>small{display:none}.layout-phone .lesson-row{gap:11px;padding:14px}.layout-phone .lesson-row p{display:none}.layout-phone .mobile-tabbar{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #dfe5e7;border-radius:17px;grid-template-columns:repeat(6,1fr);width:406px;height:65px;padding:5px;display:grid;position:fixed;bottom:20px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 13px 40px #1e2f3a2e}.layout-phone .mobile-tabbar button{color:#7b8995;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.layout-phone .mobile-tabbar button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:7px;overflow:hidden}.layout-phone .mobile-tabbar button.active{color:var(--emerald-dark);background:#eaf5f0}.layout-phone .mistake-grid,.layout-phone .register-grid,.layout-phone .lesson-roadmap,.layout-phone .example-grid,.layout-phone .vocab-grid.expanded,.layout-phone .lesson-recap{grid-template-columns:1fr}.layout-phone .roleplay-top{grid-template-columns:auto 1fr}.layout-phone .chat-stage{padding:18px 12px}.layout-phone .bubble{max-width:85%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}