@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";@layer components;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e2e8f0;--line-dark:#cbd5e1;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--teal:#4f46e5;--teal-dark:#4338ca;--teal-soft:#eef2ff;--lime:#c7d2fe;--success:#059669;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f;--shadow-sm:0 1px 2px #0f172a0d;--shadow-lg:0 12px 40px #0f172a1a;--radius:12px;--radius-lg:16px;--radius-xl:20px;--sidebar:#0f172a;--sidebar-hover:#ffffff0f;--sidebar-active:#6366f12e;--ease:cubic-bezier(.22,1,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);background:#f8fafc;font-family:Manrope,IBM Plex Sans Arabic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#18181b;--surface-2:#27272a;--ink:#fafafa;--ink-2:#a1a1aa;--muted:#71717a;--line:#27272a;--line-dark:#3f3f46;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#1e1b4b;--teal:#818cf8;--teal-dark:#a5b4fc;--teal-soft:#1e1b4b;--lime:#312e81;--success:#34d399;--success-soft:#064e3b;--warning:#fbbf24;--warning-soft:#78350f;--danger:#f87171;--danger-soft:#7f1d1d;--shadow:0 1px 2px #0000004d,0 8px 24px #00000059;--shadow-sm:0 1px 2px #00000040;--shadow-lg:0 16px 48px #00000073;--sidebar:#09090b;--sidebar-hover:#ffffff0d;--sidebar-active:#818cf833}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font:14px/1.65 Manrope,IBM Plex Sans Arabic,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 35%,transparent)}}button:disabled{opacity:.68;cursor:wait}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}.marketing-page{background:var(--bg);min-height:100vh;color:var(--ink);overflow:hidden}.marketing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100% - 64px);height:77px;margin:auto;display:flex}.marketing-brand{color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.marketing-brand>span:last-child{gap:0;line-height:1;display:grid}.marketing-brand b{letter-spacing:-.04em;font-size:15px}.marketing-brand small{color:var(--muted);letter-spacing:.18em;margin-top:4px;font-size:8px;font-weight:700}.brand-symbol{background:var(--teal);color:#fff;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.marketing-brand:hover .brand-symbol{transform:rotate(-4deg)scale(1.03)}.marketing-brand .brand-symbol{transition:transform .2s}.marketing-nav nav{align-items:center;gap:31px;display:flex}.marketing-nav nav a{color:var(--ink-2);font-size:12px;font-weight:500;transition:color .16s}.marketing-nav nav a:hover{color:var(--teal)}.marketing-actions{align-items:center;gap:10px;display:flex}.theme-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);border-radius:11px;place-items:center;transition:background .16s,transform .16s;display:grid}.theme-button:hover{background:var(--surface-2);transform:translateY(-1px)}.nav-login{color:var(--ink-2);background:0 0;border:0;padding:9px;font-size:12px;font-weight:600}.primary-button,.secondary-button,.danger-button{background:var(--teal);color:#fff;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:650;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button:hover{background:var(--teal-dark);color:#fff;box-shadow:0 8px 20px var(--teal);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.primary-button:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--teal) 22%,transparent)}}.primary-button.compact{min-height:36px;padding:8px 12px}.nav-cta{min-height:37px;padding:8px 13px;font-size:11px}.secondary-button{border-color:var(--line-dark);background:var(--surface);color:var(--ink-2)}.secondary-button:hover{background:var(--surface-2)}.danger-button{background:#b54749}.hero-section{grid-template-columns:.94fr 1.06fr;align-items:center;gap:54px;width:min(1240px,100% - 64px);min-height:578px;margin:0 auto;padding:49px 0 58px;display:grid}.hero-copy{z-index:2;position:relative}.announcement-pill,.eyebrow-pill{border:1px solid var(--line);background:var(--surface);width:max-content;max-width:100%;min-height:27px;color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.announcement-pill svg{color:var(--teal)}.live-dot{background:#3ecb93;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3ecb9322}.hero-copy h1{color:var(--ink);letter-spacing:-.07em;margin:23px 0 14px;font-size:clamp(45px,5.2vw,68px);font-weight:650;line-height:1.11}.hero-copy h1 span{color:var(--teal)}.hero-lede{max-width:470px;color:var(--ink-2);margin:0;font-size:15px;line-height:1.95}.hero-actions{align-items:center;gap:22px;margin-top:26px;display:flex}.hero-cta{min-height:48px;padding:12px 19px;font-size:13px}.watch-button{color:var(--ink-2);background:0 0;border:0;align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.watch-button>span{border:1px solid var(--line-dark);width:29px;height:29px;color:var(--teal);border-radius:50%;place-items:center;transition:transform .17s;display:grid}.watch-button:hover>span{transform:scale(1.09)}.hero-proof{align-items:center;gap:12px;margin-top:36px;display:flex}.avatar-stack{direction:ltr;padding-left:5px;display:flex}.avatar-stack i{border:2px solid var(--bg);color:#674d3f;background:#f1d5b8;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-7px;font-size:10px;font-style:normal;font-weight:700;display:grid}.avatar-stack i:nth-child(2){color:#476350;background:#dae8d7}.avatar-stack i:nth-child(3){color:#5d527e;background:#dfd8f6}.avatar-stack i:nth-child(4){background:var(--teal-soft);color:var(--teal)}.hero-proof>div:nth-child(2){line-height:1.6;display:grid}.hero-proof b{font-size:10px}.hero-proof small{color:var(--muted);font-size:9px}.proof-divider{background:var(--line-dark);width:1px;height:27px;margin-inline:7px}.rating{grid-template-columns:auto auto;align-items:center;column-gap:6px;display:grid}.rating>b{font-size:12px}.rating>span{color:#e0a532;letter-spacing:1px;font-size:10px}.rating>small{grid-column:1/-1}.hero-art{isolation:isolate;min-width:0;position:relative}.hero-art:before{content:"";z-index:-1;background:#e9f2ea;border-radius:47% 53% 42% 58%/53% 37% 63% 47%;position:absolute;inset:9% -5% 2% 5%;transform:rotate(-4deg)}.hero-art>img{object-fit:cover;border:8px solid var(--surface);border-radius:26px;width:100%;height:423px;box-shadow:0 20px 65px #1a392f21}.floating-level,.floating-word{background:var(--surface);border:1px solid #ffffffbd;border-radius:14px;align-items:center;gap:11px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.floating-level,.floating-word{background:color-mix(in srgb,var(--surface) 91%,transparent)}}.floating-level,.floating-word{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-level{padding:12px 14px;inset-block-end:28px;inset-inline-start:-22px}.level-dot{color:#176b53;background:#dff4e9;border-radius:11px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.floating-level>span:nth-child(2){min-width:158px;display:grid}.floating-level b{font-size:10px}.floating-level small{color:var(--muted);margin-top:2px;font-size:9px}.floating-level i,.mini-progress>i{background:var(--surface-2);border-radius:9px;height:4px;margin-top:6px;display:block;overflow:hidden}.floating-level em{background:#45b799;border-radius:9px;width:68%;height:100%;display:block}.floating-level>svg{color:var(--teal)}.floating-word{gap:1px;padding:12px 16px;display:grid;inset-block-start:30px;inset-inline-end:-21px}.floating-word>span{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:700}.floating-word>b{color:var(--ink);text-align:right;direction:ltr;font-family:Manrope,sans-serif;font-size:13px}.floating-word>small{color:var(--muted);font-size:9px}.art-sparkle{border:1px solid var(--line);background:var(--surface);color:#c18b36;width:37px;height:37px;box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid;position:absolute;inset-block-start:-21px;inset-inline-start:8%}.trust-strip{border-block:1px solid var(--line);background:var(--surface);justify-content:center;align-items:center;gap:25px;min-height:76px;display:flex}.trust-strip>span:first-child,.trust-caption{color:var(--muted);font-size:10px}.trust-strip>b{letter-spacing:.1em;font-size:10px}.trust-strip>b i{color:var(--teal);margin-inline-start:4px;font-size:9px;font-style:normal}.trust-line{background:var(--line-dark);width:1px;height:21px}.intro-section,.levels-section{width:min(1240px,100% - 64px);margin:0 auto;padding:95px 0}.section-heading{text-align:center;max-width:560px;margin:0 auto 40px}.eyebrow-pill{background:var(--teal-soft);color:var(--teal);letter-spacing:.05em;border-color:#dce9e2;font-size:9px}.section-heading h2,.levels-title h2,.city-copy h2{letter-spacing:-.06em;margin:17px 0 10px;font-size:42px;line-height:1.22}.section-heading h2 span{color:var(--teal)}.section-heading p,.levels-title>p,.city-copy>p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.9}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.feature-card{border:1px solid var(--line);background:var(--surface);min-height:244px;box-shadow:var(--shadow-sm);border-radius:18px;padding:23px;transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card:hover{border-color:var(--line-dark);box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.feature-icon.mint{color:#167861;background:#e6f5ef}.feature-icon.lavender{color:#7357c9;background:#f0edff}.feature-icon.peach{color:#b86132;background:#fff0e8}.feature-card h3{letter-spacing:-.035em;margin:17px 0 6px;font-size:15px}.feature-card>p{max-width:330px;color:var(--muted);margin:0;font-size:11px;line-height:1.9}.feature-levels{color:var(--muted);align-items:center;gap:9px;margin-top:23px;display:flex}.feature-levels span{background:var(--surface-2);color:var(--ink-2);border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700}.mini-progress{border:1px solid var(--line);background:var(--bg);border-radius:11px;margin-top:20px;padding:12px}.mini-progress>span{color:var(--ink-2);justify-content:space-between;font-size:9px;display:flex}.mini-progress>span b:last-child{color:var(--teal)}.mini-progress>i{height:5px;margin-top:8px}.mini-progress>i em{background:linear-gradient(90deg,#51bba0,#91ddbb);border-radius:8px;width:72%;height:100%;display:block}.mini-progress>small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.learner-pills{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.learner-pills span{border:1px solid var(--line);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:inline-flex}.learner-pills span>i{background:#36bd8d;border-radius:50%;width:6px;height:6px}.city-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:83px;width:min(1240px,100% - 64px);margin:0 auto;padding:5px 0 100px;display:grid}.city-art{position:relative}.city-art>img{object-fit:cover;border:7px solid var(--surface);width:100%;height:340px;box-shadow:var(--shadow);border-radius:23px}.city-caption{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:absolute;inset-block-end:24px;inset-inline-end:-20px}.city-caption>span{background:var(--teal-soft);width:30px;height:30px;color:var(--teal);border-radius:9px;place-items:center;display:grid}.map-pin-tiny{font-size:17px}.city-caption div{display:grid}.city-caption b{font-size:10px}.city-caption small{color:var(--muted);font-size:8px}.city-copy h2{font-size:43px}.city-copy>p{max-width:420px}.city-copy ul{gap:11px;margin:19px 0 17px;padding:0;list-style:none;display:grid}.city-copy li{color:var(--ink-2);align-items:center;gap:9px;font-size:11px;display:flex}.city-copy li svg{color:var(--teal)}.text-action{color:var(--teal);background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:12px;font-weight:700;display:inline-flex}.levels-section{padding-top:0}.levels-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px;display:flex}.levels-title h2{font-size:35px}.levels-title>p{max-width:270px;padding-bottom:5px}.level-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.level-step{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-items:start;gap:5px;min-width:0;padding:17px;display:grid;position:relative}.level-badge{background:var(--surface-2);width:39px;height:39px;color:var(--ink-2);border-radius:11px;place-items:center;margin-bottom:5px;font-size:11px;font-weight:800;display:grid}.level-step.current{background:linear-gradient(140deg,var(--surface),var(--teal-soft));border-color:#addbce}.level-step.current .level-badge{background:var(--teal);color:#fff}.level-step>b{font-size:12px}.level-step>small{color:var(--muted);font-size:10px}.step-connector{background:var(--line-dark);width:15px;height:1px;position:absolute;inset-block-start:36px;inset-inline-start:-15px}.final-cta{isolation:isolate;background:#edf5ef;border:1px solid #dcebe4;border-radius:23px;align-items:center;width:min(1240px,100% - 64px);min-height:335px;margin:0 auto 85px;padding:42px 65px;display:flex;position:relative;overflow:hidden}.final-cta>img{z-index:-1;object-fit:cover;object-position:center 43%;opacity:.94;border-radius:18px 18px 0 0;width:360px;height:265px;position:absolute;inset-block-end:0;inset-inline-end:3%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}.final-cta>div{z-index:2;max-width:440px;position:relative}.final-cta h2{letter-spacing:-.055em;margin:12px 0 7px;font-size:35px;line-height:1.25}.final-cta p{color:var(--ink-2);margin:0 0 17px;font-size:12px}.cta-orbit{z-index:-1;border:1px solid #c7ddd2;border-radius:50%;position:absolute}.orbit-one{width:380px;height:380px;inset-block-start:-95px;inset-inline-end:14%}.orbit-two{width:480px;height:480px;inset-block-start:-145px;inset-inline-end:9%}.marketing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 64px);min-height:72px;margin:auto;display:flex}.marketing-footer>span{color:var(--muted);font-size:9px}.marketing-footer>div{gap:15px;display:flex}.marketing-footer>div button{color:var(--ink-2);background:0 0;border:0;font-size:10px}.auth-page{background:var(--surface);grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:100vh;display:grid}.auth-visual{isolation:isolate;background:#dfece4;min-height:100vh;position:relative;overflow:hidden}.auth-visual>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-visual-overlay{z-index:-1;background:linear-gradient(#0e231e1f,#0a1d19b8);position:absolute;inset:0}.auth-visual-top{justify-content:space-between;align-items:center;display:flex;position:absolute;inset-block-start:30px;inset-inline:36px}.auth-visual .marketing-brand{color:#fff}.auth-visual .marketing-brand small{color:#ffffffb3}.auth-visual .brand-symbol{color:#166d59;background:#fffd}.auth-tag{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1b;border:1px solid #ffffff45;border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:inline-flex}.auth-quote{color:#fff;position:absolute;inset-block-end:90px;inset-inline:clamp(28px,7vw,88px)}.auth-quote>span{color:#c9efdb;font-family:Georgia,serif;font-size:68px;line-height:.7}.auth-quote blockquote{letter-spacing:-.04em;text-align:right;direction:ltr;margin:9px 0 5px;font-size:clamp(27px,3.2vw,44px);font-weight:550;line-height:1.2}.auth-quote>p{color:#ffffffd2;margin:0 0 27px;font-size:12px}.quote-author{border-top:1px solid #ffffff4a;align-items:center;gap:9px;padding-top:15px;display:flex}.quote-avatar{color:#1c6853;background:#e7f5eb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.quote-author>span:last-child{display:grid}.quote-author b{font-size:10px}.quote-author small{color:#ffffffbf;font-size:9px}.auth-visual-foot{color:#ffffffce;letter-spacing:.08em;justify-content:space-between;font-size:8px;display:flex;position:absolute;inset-block-end:24px;inset-inline:36px}.auth-visual-foot span:first-child{align-items:center;gap:6px;display:flex}.auth-panel{background:var(--surface);flex-direction:column;min-height:100vh;padding:24px clamp(24px,5.4vw,78px) 18px;display:flex}.auth-top{justify-content:space-between;align-items:center;display:flex}.auth-card-wrap{width:min(450px,100%);margin:auto;padding-block:32px}.auth-heading{margin-bottom:22px}.auth-heading h1{letter-spacing:-.06em;margin:13px 0 3px;font-size:32px;line-height:1.2}.auth-heading p{color:var(--muted);margin:0;font-size:12px}.auth-form{gap:15px;display:grid}.auth-form>label,.auth-two>label{color:var(--ink-2);gap:6px;font-size:10px;font-weight:650;display:grid}.auth-form input{border:1px solid var(--line-dark);background:var(--surface);width:100%;min-height:43px;color:var(--ink);border-radius:9px;outline:none;padding:10px 12px;font-size:12px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal)}@supports (color:color-mix(in lab, red, red)){.auth-form input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 16%,transparent)}}.auth-form input::placeholder{color:#a0aaa5}.label-between{justify-content:space-between;align-items:center;display:flex}.inline-link{color:var(--teal);background:0 0;border:0;padding:0;font-size:10px;font-weight:650}.password-wrap{display:block;position:relative}.password-wrap input{padding-inline-end:42px}.password-wrap button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;inset-block-start:5px;inset-inline-start:7px}.auth-submit{width:100%;margin-top:4px}.auth-legal{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.auth-legal svg{color:var(--teal)}.auth-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-two input{min-width:0}.password-hint{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.password-hint svg{color:var(--teal)}.auth-switch{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:19px;padding-top:16px;font-size:10px}.auth-switch button{color:var(--teal);background:0 0;border:0;padding:0 3px;font-size:10px;font-weight:700}.back-home{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin:17px auto 0;padding:4px;font-size:10px;display:flex}.auth-footer{color:var(--muted);justify-content:space-between;gap:12px;font-size:9px;display:flex}.app-frame{background:var(--bg);min-height:100vh;color:var(--ink);direction:ltr;display:flex}.app-sidebar{z-index:30;background:var(--sidebar);color:#e8efeb;border-inline-start:1px solid #ffffff08;flex-direction:column;flex:none;width:258px;height:100dvh;padding:15px 12px 12px;transition:width .22s,transform .23s,box-shadow .2s;display:flex;position:sticky;inset-block-start:0;overflow:hidden}.app-brand{align-items:center;gap:9px;min-height:48px;padding:0 5px 12px;display:flex}.app-brand .brand-name{flex:1;min-width:0;line-height:1;display:grid}.app-brand .brand-name b{letter-spacing:-.035em;font-size:13px}.app-brand .brand-name small{color:#82928a;letter-spacing:.17em;margin-top:4px;font-size:8px}.sidebar-collapse{color:#9aa9a2;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:29px;height:29px;transition:background .16s;display:grid}.sidebar-collapse:hover{background:#ffffff14}.sidebar-user{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:9px;min-height:55px;margin:5px 0 13px;padding:8px;display:flex}.user-avatar,.top-avatar{color:#146955;background:#d9f3e9;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.sidebar-user-copy{flex:1;min-width:0;display:grid}.sidebar-user-copy b{color:#f1f5f2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-user-copy small{color:#899991;font-size:9px}.sidebar-user>svg{color:#81918a}.side-nav{scrollbar-width:thin;scrollbar-color:#35443f transparent;flex:1;min-height:0;padding-inline-end:1px;overflow:auto}.nav-group{margin-bottom:9px}.nav-group-label{color:#73847d;letter-spacing:.12em;margin:9px 9px 5px;font-size:8px;font-weight:700}.nav-link{color:#a8b5ae;text-align:start;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:35px;padding:7px 9px;font-size:10px;transition:background .15s,color .15s,transform .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0c}.nav-link.active{color:#f7fbf9;border-color:#ffffff12;background:#ffffff12;border-inline-start-color:#71dec0}.nav-link.active svg{color:#72d9bd}.nav-counter{color:#154f40;background:#cbf2dc;border-radius:12px;place-items:center;min-width:18px;height:18px;margin-inline-start:auto;font-size:9px;font-style:normal;font-weight:700;display:grid}.sidebar-bottom{margin-top:auto;padding-top:9px}.secure-chip{color:#76d7b5;background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.secure-chip>span{display:grid}.secure-chip b{color:#d7e4dc;font-size:9px}.secure-chip small{color:#83948c;font-size:8px}.sidebar-version{color:#64766d;letter-spacing:.1em;margin:8px 5px 0;font-size:7px;display:block}.app-frame.is-collapsed .app-sidebar{width:70px}.app-frame.is-collapsed .app-brand{justify-content:center;padding-inline:0}.app-frame.is-collapsed .app-brand .brand-name,.app-frame.is-collapsed .app-brand .sidebar-collapse,.app-frame.is-collapsed .sidebar-user-copy,.app-frame.is-collapsed .sidebar-user>svg,.app-frame.is-collapsed .nav-group-label,.app-frame.is-collapsed .nav-link span,.app-frame.is-collapsed .nav-counter,.app-frame.is-collapsed .secure-chip span,.app-frame.is-collapsed .sidebar-version{display:none}.app-frame.is-collapsed .sidebar-user{justify-content:center;padding:7px 0}.app-frame.is-collapsed .nav-link{justify-content:center;padding:8px}.app-frame.is-collapsed .secure-chip{justify-content:center;padding:10px}.app-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-topbar{z-index:20;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:15px;height:65px;padding:0 clamp(19px,3vw,38px);display:flex;position:sticky;inset-block-start:0}@supports (color:color-mix(in lab, red, red)){.app-topbar{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.app-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-leading,.topbar-trailing{align-items:center;gap:11px;display:flex}.breadcrumbs{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.breadcrumbs b{color:var(--ink);font-weight:650}.breadcrumbs svg{color:#a8b4ae}.topbar-trailing{gap:8px}.global-search{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:5px 9px;font-size:9px;display:flex}.global-search kbd{border:1px solid var(--line);background:var(--bg);border-radius:4px;margin-inline-start:11px;padding:2px 4px;font-size:8px}.top-icon{width:33px;height:33px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:background .15s;display:grid;position:relative}.top-icon:hover{border-color:var(--line);background:var(--surface-2)}.notification-trigger i{border:1px solid var(--surface);background:#e97470;border-radius:50%;width:7px;height:7px;position:absolute;inset-block-start:5px;inset-inline-start:5px}.top-separator{background:var(--line);width:1px;height:22px;margin-inline:3px}.top-profile{text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:3px 4px;display:flex}.top-profile>span:nth-child(2){display:grid}.top-profile b{font-size:9px}.top-profile small{color:var(--muted);font-size:8px}.top-profile>svg{color:var(--muted)}.top-avatar{width:29px;height:29px}.mobile-menu{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-2);border-radius:9px;place-items:center;display:none}.app-content{flex:1;width:min(1360px,100%);margin:0 auto;padding:24px clamp(19px,3vw,38px) 35px}.page-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:19px;display:flex}.page-kicker{color:var(--muted);letter-spacing:.13em;font-size:8px;font-weight:700}.page-kicker span{color:var(--teal);padding-inline:3px}.page-heading h1{color:var(--ink);letter-spacing:-.04em;margin:4px 0 0;font-size:21px;line-height:1.35}.legacy-page{min-width:0;color:var(--ink)}.legacy-page .panel,.legacy-page .stat-card,.legacy-page .course-card,.legacy-page .exercise-card,.legacy-page .submission-card,.legacy-page .resource-card,.legacy-page .viewer-shell{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);border-radius:13px}.legacy-page .panel{margin-bottom:13px;padding:17px}.legacy-page h2,.legacy-page h3,.legacy-page h4,.legacy-page strong{color:var(--ink)}.legacy-page .muted,.legacy-page small,.legacy-page .eyebrow{color:var(--muted)}.legacy-page .stat-card{min-height:130px;padding:15px}.legacy-page .stat-card>strong{color:var(--ink)}.legacy-page .table-wrap{border-color:var(--line);background:var(--surface);border-radius:10px}.legacy-page th{background:var(--surface-2);color:var(--muted);text-align:start}.legacy-page td{border-color:var(--line);color:var(--ink-2)}.legacy-page input,.legacy-page select,.legacy-page textarea{border-color:var(--line-dark);background:var(--surface);color:var(--ink);border-radius:8px}.legacy-page .instructions,.legacy-page .answer-box,.legacy-page .message{background:var(--surface-2);color:var(--ink-2)}.legacy-page .viewer-toolbar,.legacy-page .viewer-note,.legacy-page .test-layout{background:var(--surface-2);color:var(--muted)}.legacy-page .date-tile,.legacy-page .course-icon,.legacy-page .level-mark{background:var(--teal-soft);color:var(--teal)}.legacy-page .empty-state{color:var(--muted)}.legacy-page .empty-state svg{width:24px;height:24px}.legacy-page .nav-svg{width:17px;height:17px}.legacy-page .button-primary{background:var(--teal);color:#fff}.legacy-page .button-secondary{background:var(--surface);color:var(--ink-2)}.legacy-page .footer{color:var(--muted)}.app-footer{border-top:1px solid var(--line);min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px clamp(19px,3vw,38px);font-size:8px;display:flex}.toast-region{z-index:80;gap:8px;width:min(380px,100vw - 32px);display:grid;position:fixed;inset-block-start:75px;inset-inline-end:26px}.toast-card{border:1px solid var(--line);background:var(--surface);min-height:48px;box-shadow:var(--shadow);color:var(--ink);border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.toast-card>span:nth-child(2){flex:1}.toast-icon{background:var(--teal-soft);width:26px;height:26px;color:var(--teal);border-radius:8px;place-items:center;display:grid}.toast-card.error .toast-icon{color:#b44343;background:#fff0ef}.toast-card>button{width:25px;height:25px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1717a0;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-card{border:1px solid var(--line);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow);color:var(--ink);border-radius:17px;padding:22px}.confirm-icon{background:var(--teal-soft);width:36px;height:36px;color:var(--teal);border-radius:11px;place-items:center;display:grid}.confirm-card h2{margin:12px 0 4px;font-size:17px}.confirm-card p{color:var(--muted);margin:0;font-size:12px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.connection-state{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:8px;min-height:300px;padding:30px;display:grid}.connection-state>svg{color:var(--teal)}.connection-state h2{margin:0;font-size:17px}.connection-state p{max-width:400px;color:var(--muted);margin:0;font-size:11px}.loading-grid{gap:14px;display:grid}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-2),var(--surface-2));border-radius:13px;min-height:88px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.skeleton{background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 55%,var(--surface)),var(--surface-2))}}.skeleton{background-size:220% 100%;animation:1.2s linear infinite skeleton-flow}.skeleton-wide{min-height:115px}.skeleton-row,.skeleton-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.skeleton-row .skeleton{min-height:125px}.skeleton-columns{grid-template-columns:1fr 1fr}.skeleton-columns .skeleton{min-height:235px}.skeleton.short{width:72%;min-height:70px}.spinner{border:2px solid #ffffff75;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite spin;display:inline-block}.drawer-scrim{display:none}@keyframes skeleton-flow{to{background-position-x:-220%}}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .legacy-page .panel,:root[data-theme=dark] .legacy-page .stat-card,:root[data-theme=dark] .legacy-page .course-card,:root[data-theme=dark] .legacy-page .exercise-card,:root[data-theme=dark] .legacy-page .submission-card,:root[data-theme=dark] .legacy-page .resource-card,:root[data-theme=dark] .legacy-page .viewer-shell,:root[data-theme=dark] .legacy-page .table-wrap{background:var(--surface);color:var(--ink)}:root[data-theme=dark] .legacy-page th,:root[data-theme=dark] .legacy-page .instructions,:root[data-theme=dark] .legacy-page .answer-box,:root[data-theme=dark] .legacy-page .message,:root[data-theme=dark] .legacy-page .viewer-toolbar,:root[data-theme=dark] .legacy-page .viewer-note,:root[data-theme=dark] .legacy-page .test-layout{background:var(--surface-2);color:var(--ink-2)}:root[data-theme=dark] .legacy-page input,:root[data-theme=dark] .legacy-page select,:root[data-theme=dark] .legacy-page textarea{background:var(--surface-2);color:var(--ink)}:root[data-theme=dark] .hero-art:before{background:#18352d}:root[data-theme=dark] .final-cta{background:#162620;border-color:#2a493d}:root[data-theme=dark] .final-cta>img{opacity:.66}:root[data-theme=dark] .auth-visual{background:#1a3029}@media (width<=1100px){.marketing-nav,.hero-section,.intro-section,.city-section,.levels-section,.final-cta,.marketing-footer{width:calc(100% - 48px)}.hero-section{gap:33px;min-height:520px}.hero-art>img{height:370px}.floating-level{inset-inline-start:-10px}.floating-word{inset-inline-end:-10px}.city-section{gap:48px}.app-sidebar{width:235px}}@media (width<=850px){.marketing-nav{height:68px}.marketing-nav nav{gap:17px}.hero-section{grid-template-columns:1fr 1fr;gap:22px;padding-block:43px}.hero-copy h1{font-size:clamp(40px,6vw,56px)}.hero-lede{font-size:13px}.hero-art>img{border-width:6px;height:310px}.hero-proof{gap:8px}.trust-strip{gap:15px}.trust-caption{display:none}.feature-grid{gap:10px}.feature-card{padding:18px}.city-section{gap:30px}.city-art>img{height:300px}.auth-page{grid-template-columns:.8fr 1.2fr}.auth-panel{padding-inline:30px}.app-sidebar{width:218px}.app-frame.is-collapsed .app-sidebar{width:65px}.global-search{display:none}}@media (width<=700px){.marketing-nav,.hero-section,.intro-section,.city-section,.levels-section,.final-cta,.marketing-footer{width:calc(100% - 34px)}.marketing-nav{height:63px}.marketing-nav nav{display:none}.marketing-actions{gap:6px}.nav-login{font-size:10px}.nav-cta{min-height:34px;padding:7px 10px}.hero-section{grid-template-columns:1fr;gap:26px;padding-block:35px 40px}.hero-copy h1{margin-top:16px;font-size:clamp(43px,11vw,60px)}.hero-lede{max-width:560px;font-size:13px}.hero-actions{gap:15px}.hero-proof{margin-top:24px}.hero-art{width:min(560px,95%);margin:auto}.hero-art>img{height:clamp(255px,70vw,380px)}.floating-level{inset-block-end:17px;inset-inline-start:-7px}.floating-word{inset-block-start:18px;inset-inline-end:-6px}.trust-strip{gap:10px;min-height:68px;padding-inline:13px}.trust-strip>span:first-child{max-width:80px;font-size:8px}.trust-strip>b{font-size:8px}.trust-strip>b i{font-size:7px}.trust-line{height:17px}.intro-section,.levels-section{padding:68px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:34px}.section-heading p{font-size:11px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:18px}.feature-card h3{margin-top:12px}.feature-card>p{max-width:550px}.feature-levels,.mini-progress,.learner-pills{margin-top:15px}.city-section{grid-template-columns:1fr;gap:27px;padding:0 0 65px}.city-art{width:95%;margin-inline:auto}.city-art>img{height:260px}.city-caption{inset-inline-end:-5px}.city-copy h2{font-size:35px}.city-copy>p{font-size:12px}.levels-title{flex-direction:column;align-items:flex-start;gap:6px}.levels-title h2{font-size:32px}.levels-title>p{font-size:11px}.level-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-step{padding:13px}.step-connector{display:none}.final-cta{align-items:flex-start;min-height:330px;margin-bottom:55px;padding:25px 22px}.final-cta h2{font-size:29px}.final-cta>img{opacity:.55;width:55%;height:185px;inset-inline-end:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.orbit-one{inset-block-start:40px;inset-inline-end:-10%}.orbit-two{inset-block-start:20px;inset-inline-end:-20%}.marketing-footer{flex-wrap:wrap;padding-block:14px}.marketing-footer>span{order:3;width:100%}.marketing-footer>div{gap:9px}.marketing-footer .marketing-brand b{font-size:12px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:17px 22px}.auth-card-wrap{width:min(470px,100%);padding-block:45px}.auth-heading h1{font-size:29px}.auth-footer{padding-bottom:3px}.auth-two{grid-template-columns:1fr 1fr;gap:9px}.app-frame{display:block}.app-sidebar{width:min(300px,86vw);height:100dvh;box-shadow:var(--shadow);transition:transform .22s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-110%)}.app-frame.drawer-open .app-sidebar{transform:translate(0)}.app-frame.is-collapsed .app-sidebar{width:min(300px,86vw)}.app-frame.is-collapsed .app-brand{justify-content:flex-start;padding-inline:5px}.app-frame.is-collapsed .app-brand .brand-name,.app-frame.is-collapsed .app-brand .sidebar-collapse,.app-frame.is-collapsed .sidebar-user-copy,.app-frame.is-collapsed .sidebar-user>svg,.app-frame.is-collapsed .nav-group-label,.app-frame.is-collapsed .nav-link span,.app-frame.is-collapsed .nav-counter,.app-frame.is-collapsed .secure-chip span,.app-frame.is-collapsed .sidebar-version{display:initial}.app-frame.is-collapsed .sidebar-user{justify-content:flex-start;padding:8px}.app-frame.is-collapsed .nav-link{justify-content:flex-start;padding:7px 9px}.app-frame.is-collapsed .secure-chip{justify-content:flex-start;padding:9px}.drawer-scrim{z-index:25;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b171799;transition:opacity .2s;display:block;position:fixed;inset:0}.app-frame.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.app-sidebar{z-index:30}.mobile-menu{display:grid}.app-topbar{height:58px;padding-inline:13px}.topbar-leading,.topbar-trailing{gap:7px}.topbar-trailing{gap:4px}.breadcrumbs{gap:4px;font-size:9px}.top-profile>span:nth-child(2),.top-profile>svg,.top-separator{display:none}.top-profile{padding:0}.top-avatar{width:27px;height:27px}.app-content{padding:17px 13px 24px}.page-heading{align-items:center;margin-bottom:14px}.page-heading h1{font-size:18px}.page-kicker{font-size:7px}.page-heading>.primary-button{min-height:33px;padding:6px 9px;font-size:9px}.app-footer{padding-inline:13px}.toast-region{width:auto;inset-block-start:66px;inset-inline:12px}.legacy-page .panel{padding:13px}.legacy-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-page table{min-width:610px}.legacy-page .viewer-head{flex-direction:column;align-items:flex-start}.skeleton-row{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-row .skeleton{min-height:100px}}@media (width<=400px){.marketing-actions{gap:4px}.theme-button{width:32px;height:32px}.nav-login{padding-inline:5px}.nav-cta{font-size:9px}.hero-copy h1{font-size:43px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-cta{min-height:43px}.floating-level{gap:7px;padding:9px}.floating-level>span:nth-child(2){min-width:135px}.floating-word{padding:9px 11px}.floating-word>b{font-size:11px}.auth-panel{padding-inline:16px}.auth-two{grid-template-columns:1fr}.auth-card-wrap{padding-block:32px}.app-content{padding-inline:10px}.page-heading>.primary-button{gap:5px}.page-heading>.primary-button svg:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.oauth-block{gap:8px;margin-top:14px;display:grid}.oauth-divider{color:var(--muted);align-items:center;gap:10px;font-size:9px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";background:var(--line);flex:1;height:1px}.google-button{border:1px solid var(--line-dark);background:var(--surface);min-height:40px;color:var(--ink-2);border-radius:9px;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:650;transition:background .16s,border-color .16s;display:flex}.google-button:hover{border-color:var(--teal);background:var(--surface-2)}.google-mark{color:#4285f4;font-family:system-ui,sans-serif;font-size:17px;font-weight:800}.oauth-block>p{color:var(--muted);text-align:center;margin:0;font-size:9px}.command-backdrop{align-items:start;padding-top:min(18vh,150px)}.command-palette{border:1px solid var(--line);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);color:var(--ink);border-radius:15px;overflow:hidden}.command-input{border-bottom:1px solid var(--line);min-height:55px;color:var(--teal);align-items:center;gap:10px;padding:0 15px;display:flex}.command-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.command-input input::placeholder{color:var(--muted)}.command-input kbd,.command-hint span{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:2px 5px;font-size:8px}.command-results{max-height:340px;padding:7px;overflow:auto}.command-results>button{text-align:start;width:100%;min-height:42px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 8px;display:flex}.command-results>button:hover{background:var(--surface-2);color:var(--ink)}.command-results>button>span{background:var(--teal-soft);width:27px;height:27px;color:var(--teal);border-radius:8px;place-items:center;display:grid}.command-results>button>b{flex:1;font-size:10px}.command-results>button>small{color:var(--muted);font-size:8px}.command-results>button>svg{color:var(--muted)}.command-results>p{color:var(--muted);text-align:center;margin:0;padding:22px;font-size:10px}.command-hint{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:5px;padding:9px 12px;font-size:8px;display:flex}.command-hint span:first-of-type{margin-inline-start:auto}.legacy-page .table-wrap{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.legacy-page .table-wrap table{max-width:100%}.role-student-text{color:#147865!important}.role-teacher-text{color:#7652bd!important}.role-admin-text{color:#c06b22!important}.member-avatar{background:var(--teal-soft);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-grid}.member-avatar img,.avatar img,.user-avatar img,.top-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.role-teacher{color:#7652bd;background:#eee7ff}.role-admin{color:#c06b22;background:#fff0dc}.chat-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.chat-header{justify-content:space-between;align-items:center;display:flex}.chat-group-title{align-items:center;gap:12px;display:flex}.chat-group-avatar{background:var(--teal-soft);width:42px;height:42px;color:var(--teal);border-radius:14px;place-items:center;font-size:21px;display:grid}.chat-group-title h3{margin:2px 0 0}.chat-group-title small{color:var(--muted)}.chat-window{background:var(--surface-2);border-radius:12px;min-height:430px;max-height:62vh;padding:14px;overflow:auto}.message{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:13px;margin:0 0 10px;padding:10px 12px;position:relative}.message-meta{align-items:center;gap:7px;display:flex}.message-meta small{color:var(--muted);margin-inline-start:auto;font-size:10px}.message p{white-space:pre-wrap;margin:7px 0 0}.member-list{gap:9px;margin-top:16px;display:grid}.member-row{align-items:center;gap:8px;display:flex}.member-row>span:last-child{display:grid}.member-row small{color:var(--muted);font-size:10px}.member-count{align-items:baseline;gap:8px;margin-top:12px;display:flex}.member-count strong{color:var(--teal);font-size:28px}.member-count span{color:var(--muted)}.audio-message{gap:5px;margin-top:7px;display:grid}.audio-message audio{width:100%;height:34px}.audio-message small{color:var(--muted)}.deleted-message{color:var(--muted);font-style:italic}.message-actions{color:var(--muted);position:absolute;inset-block-start:8px;inset-inline-start:8px}.message-actions summary{cursor:pointer;list-style:none}.message-actions form{display:inline}.message-actions button{background:var(--surface);border:0;padding:5px 8px;font-size:10px}.typing-indicator{height:24px;color:var(--teal);font-size:11px}.chat-compose{align-items:flex-end;gap:7px;margin-top:10px;display:flex}.chat-compose textarea{resize:vertical;flex:1}.emoji-button,.record-button{border:1px solid var(--line-dark);background:var(--surface);border-radius:9px;min-height:40px;padding:0 10px}.record-button{color:#b54749}.profile-avatar-form{align-items:end;gap:10px;margin:18px 0;display:flex}.logout-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:inline-flex}.logout-button:hover{color:#b54749;border-color:#efc5c5}.profile-panel .avatar-large{overflow:hidden}.top-profile.role-teacher .top-avatar{color:#7652bd;background:#eee7ff}.top-profile.role-admin .top-avatar{color:#c06b22;background:#fff0dc}@media (width<=800px){.chat-layout{grid-template-columns:1fr}.chat-info{order:2}.chat-header{flex-direction:column;align-items:flex-start;gap:10px}.logout-button span{display:none}}.sticker-palette{align-items:center;gap:3px;display:flex}.sticker-palette button{background:var(--teal-soft);border:0;border-radius:7px;padding:5px}.sticker-button{border:1px solid var(--line-dark);background:var(--surface);min-height:40px;color:var(--teal);border-radius:9px;padding:0 9px}.page-dashboard,.page-list,.page-chat,.page-profile,.page-settings,.page-levels,.page-generic{gap:16px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:12px;gap:6px;padding:14px;display:grid}.stat-card .stat-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.stat-card .stat-icon.teal{color:#146955;background:#d9f3e9}.stat-card .stat-icon.amber{color:#92400e;background:#fef3c7}.stat-card .stat-icon.violet{color:#5b21b6;background:#ede9fe}.stat-card .stat-icon.blue{color:#1e40af;background:#dbeafe}.stat-card small{color:var(--muted,#6b7280);font-size:11px}.stat-card strong{letter-spacing:-.03em;font-size:22px}.dashboard-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.dashboard-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}.welcome-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.today-card{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);text-align:center;border-radius:12px;padding:10px 14px}.today-card span{color:var(--muted);font-size:10px;display:block}.today-card strong{font-size:15px}.status-banner{border:1px solid;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.banner-pending{background:#fffbeb;border-color:#fcd34d}.banner-approved{background:#ecfdf5;border-color:#6ee7b7}.status-pill{background:#fff;border-radius:999px;margin-inline-start:auto;padding:4px 10px;font-size:11px;font-weight:600}.list-row{border-bottom:1px solid var(--border,#eee);align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-main strong{font-size:13px;display:block}.row-main small,.row-main p{color:var(--muted,#6b7280);font-size:12px}.date-tile{color:#166534;background:#f0fdf4;border-radius:10px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;line-height:1.1;display:grid}.date-tile small{color:#4ade80;font-size:9px;font-weight:600}.badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.badge-blue{color:#1e40af;background:#dbeafe}.badge-green{color:#065f46;background:#d1fae5}.badge-amber{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.empty-state{text-align:center;color:var(--muted);padding:28px 16px}.empty-state strong{color:var(--ink);margin:8px 0 4px;display:block}.panel{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:12px;padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-head h3{margin:0;font-size:15px}.eyebrow{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.notice-row{border-bottom:1px solid var(--border,#eee);gap:10px;padding:10px 0;display:flex}.notice-point{background:#34d399;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.chat-stream{gap:10px;max-height:420px;padding:8px 0;display:grid;overflow:auto}.chat-bubble{background:var(--soft,#f8faf9);border:1px solid var(--border,#eee);border-radius:12px;padding:10px 12px}.chat-bubble b{font-size:12px}.chat-bubble p{margin:4px 0;font-size:13px}.chat-compose{gap:8px;margin-top:12px;display:flex}.chat-compose input{border:1px solid var(--border);border-radius:10px;flex:1;min-height:40px;padding:0 12px}.profile-card{align-items:center;gap:16px;margin-bottom:20px;display:flex}.user-avatar.large{border-radius:16px;width:56px;height:56px;font-size:20px}.row-actions{gap:8px;display:flex}.task-dot{background:#f59e0b;border-radius:50%;flex:none;width:8px;height:8px}.list-stack{display:grid}.text-link{color:#0f766e;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.students-modern{gap:20px;max-width:1100px;padding-bottom:120px;display:grid}.sm-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sm-title{letter-spacing:-.03em;margin:4px 0 6px;font-size:1.55rem;font-weight:700;line-height:1.2}.sm-subtitle{color:var(--muted);margin:0;font-size:.875rem}.sm-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=640px){.sm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.sm-stat{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:14px 16px}.sm-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.sm-stat-value{letter-spacing:-.03em;font-size:1.5rem;font-weight:700;line-height:1.1}.sm-stat-blue .sm-stat-value{color:#3b82f6}.sm-stat-green .sm-stat-value{color:#10b981}.sm-stat-amber .sm-stat-value{color:#f59e0b}.sm-stat-violet .sm-stat-value{color:#8b5cf6}:root[data-theme=dark] .sm-stat-blue .sm-stat-value{color:#60a5fa}:root[data-theme=dark] .sm-stat-green .sm-stat-value{color:#34d399}:root[data-theme=dark] .sm-stat-amber .sm-stat-value{color:#fbbf24}:root[data-theme=dark] .sm-stat-violet .sm-stat-value{color:#a78bfa}.sm-toolbar{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.sm-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.sm-search-wrap{flex:1;max-width:420px;position:relative}.sm-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sm-search{border:1px solid var(--line);background:var(--surface);width:100%;height:44px;color:var(--ink);border-radius:12px;padding:0 40px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.sm-search:focus{border-color:#3b82f6;outline:none}@supports (color:color-mix(in lab, red, red)){.sm-search:focus{border-color:color-mix(in srgb, #3b82f6 55%, var(--line))}}.sm-search:focus{box-shadow:0 0 0 3px #3b82f638}.sm-search-clear{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sm-search-clear:hover{color:var(--ink);background:var(--surface-2)}.sm-filters{flex-wrap:wrap;gap:8px;display:flex}.sm-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:.75rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s,transform .16s cubic-bezier(.23,1,.32,1)}.sm-chip:hover{border-color:var(--line-dark);color:var(--ink)}.sm-chip.is-active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 14px #3b82f647}:root[data-theme=dark] .sm-chip.is-active{color:#fff;background:#3b82f6}.sm-select-bar{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.sm-select-bar{background:color-mix(in srgb, var(--surface) 88%, var(--surface-2))}}.sm-select-all{color:var(--ink-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.8125rem;font-weight:500;display:inline-flex}.sm-select-all:hover{color:var(--ink)}.sm-selected-count{color:#3b82f6;font-size:.75rem;font-weight:600}.sm-list-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;min-height:200px;padding:10px}.sm-list{gap:8px;display:grid}.sm-card{background:var(--surface-2);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.sm-card{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}}.sm-card{transition:border-color .15s,background .15s,box-shadow .15s}.sm-card:hover{border-color:var(--line);background:var(--surface-2)}.sm-card.is-selected{border-color:#3b82f6}@supports (color:color-mix(in lab, red, red)){.sm-card.is-selected{border-color:color-mix(in srgb, #3b82f6 45%, var(--line))}}.sm-card.is-selected{background:#3b82f6}@supports (color:color-mix(in lab, red, red)){.sm-card.is-selected{background:color-mix(in srgb, #3b82f6 10%, var(--surface))}}.sm-card.is-selected{box-shadow:0 0 0 1px #3b82f62e}.sm-check{border:1.5px solid var(--line-dark);background:var(--surface);color:#fff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;padding:0;transition:color .16s,background-color .16s,border-color .16s,transform .16s cubic-bezier(.23,1,.32,1);display:grid}.sm-check.is-checked{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.sm-avatar{color:#fff;letter-spacing:.02em;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:grid}.sm-avatar-xs{border-radius:999px;width:20px;height:20px;font-size:.55rem}.tone-blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.tone-emerald{background:linear-gradient(135deg,#10b981,#14b8a6)}.tone-violet{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.tone-amber{background:linear-gradient(135deg,#f59e0b,#f97316)}.tone-rose{background:linear-gradient(135deg,#f43f5e,#ec4899)}.tone-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.sm-card-body{flex:1;min-width:0}.sm-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sm-name{color:var(--ink);font-size:.875rem;font-weight:600}.sm-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.75rem;overflow:hidden}.sm-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.sm-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.sm-badge-green{color:#059669;background:#10b98124;border-color:#10b98147}.sm-badge-amber{color:#d97706;background:#f59e0b24;border-color:#f59e0b47}.sm-badge-rose{color:#e11d48;background:#f43f5e24;border-color:#f43f5e47}.sm-badge-slate{color:#64748b;background:#64748b24;border-color:#64748b47}:root[data-theme=dark] .sm-badge-green{color:#34d399}:root[data-theme=dark] .sm-badge-amber{color:#fbbf24}:root[data-theme=dark] .sm-badge-rose{color:#fb7185}:root[data-theme=dark] .sm-badge-slate{color:#94a3b8}.sm-card-actions{flex:none}.sm-action-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;padding:6px 10px;font-size:.7rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s,transform .16s cubic-bezier(.23,1,.32,1)}.sm-action-btn:hover{border-color:var(--line-dark);color:var(--ink)}.sm-action-danger:hover{border-color:#f43f5e}@supports (color:color-mix(in lab, red, red)){.sm-action-danger:hover{border-color:color-mix(in srgb, #f43f5e 40%, var(--line))}}.sm-action-danger:hover{color:#e11d48;background:#f43f5e}@supports (color:color-mix(in lab, red, red)){.sm-action-danger:hover{background:color-mix(in srgb, #f43f5e 8%, var(--surface))}}.sm-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.sm-empty-icon{border:1px solid var(--line);background:var(--surface-2);width:72px;height:72px;color:var(--muted);box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.sm-empty strong{color:var(--ink);font-size:1rem}.sm-empty p{max-width:320px;color:var(--muted);margin:0 0 12px;font-size:.875rem}.sm-footer-meta{text-align:center;color:var(--muted);margin:0;font-size:.75rem}.sm-assign-dock{z-index:60;width:min(560px,100% - 24px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sm-assign-card{border:1px solid var(--line);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.sm-assign-card{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.sm-assign-card{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:18px;padding:16px}.sm-assign-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sm-assign-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:.7rem;font-weight:700}.sm-chips-row{flex-wrap:wrap;gap:6px;display:flex}.sm-mini-chip{color:#3b82f6;background:#3b82f624;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sm-mini-chip.muted{background:var(--surface-2);color:var(--muted)}.sm-icon-btn{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.sm-icon-btn:hover{background:var(--surface-2);color:var(--ink)}.sm-group-field{margin-bottom:12px;position:relative}.sm-group-field>label{color:var(--ink-2);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.sm-group-trigger{border:1px solid var(--line);background:var(--surface-2);width:100%;height:44px;color:var(--ink);text-align:start;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.sm-group-trigger.is-open{border-color:#3b82f6}@supports (color:color-mix(in lab, red, red)){.sm-group-trigger.is-open{border-color:color-mix(in srgb, #3b82f6 50%, var(--line))}}.sm-group-trigger.is-open{box-shadow:0 0 0 3px #3b82f633}.sm-group-trigger .rotate{transition:transform .2s;transform:rotate(180deg)}.sm-group-dropdown{z-index:10;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.sm-group-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.sm-group-search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:.8125rem}.sm-group-dropdown ul{max-height:200px;margin:0;padding:6px;list-style:none;overflow:auto}.sm-group-dropdown li button{width:100%;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.8125rem;display:flex}.sm-group-dropdown li button:hover,.sm-group-dropdown li button.is-active{color:#3b82f6;background:#3b82f61f}.sm-group-icon{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.sm-group-text{flex:1;min-width:0}.sm-group-text strong{font-size:.8125rem;font-weight:600;display:block}.sm-group-empty{text-align:center;color:var(--muted);padding:16px;font-size:.8125rem}.sm-assign-btn{border-radius:12px;justify-content:center;width:100%;height:46px;font-weight:600}.sm-assign-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.sm-card{flex-wrap:wrap}.sm-card-actions{justify-content:flex-end;width:100%;display:flex}.sm-title{font-size:1.25rem}}html{letter-spacing:-.011em}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%), radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 55%), var(--bg)}}.primary-button,.button-primary{letter-spacing:-.01em;box-shadow:0 1px 2px #0f172a14,inset 0 1px #ffffff1f;background:var(--accent)!important;color:#fff!important;transition:background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease)!important;border:1px solid #0000!important;border-radius:10px!important;font-weight:600!important}.primary-button:hover,.button-primary:hover{box-shadow:0 4px 12px var(--accent);transform:translateY(-1px);background:var(--accent-hover)!important}@supports (color:color-mix(in lab, red, red)){.primary-button:hover,.button-primary:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 35%, transparent)}}.primary-button:active,.button-primary:active{transform:translateY(0)}.secondary-button,.button-secondary,.ghost-button{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;transition:background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease)!important;border-radius:10px!important;font-weight:500!important}.secondary-button:hover,.button-secondary:hover,.ghost-button:hover{background:var(--surface-2)!important;border-color:var(--line-dark)!important}.app-sidebar{border-right:1px solid #ffffff0f;background:var(--sidebar)!important}.nav-link{transition:background .15s var(--ease), color .15s var(--ease)!important;border-radius:10px!important}.nav-link:hover{background:var(--sidebar-hover)!important}.nav-link.active{box-shadow:inset 0 0 0 1px var(--accent);background:var(--sidebar-active)!important;color:#fff!important}@supports (color:color-mix(in lab, red, red)){.nav-link.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;opacity:.55;font-size:10px!important;font-weight:600!important}.panel,.sm-list-panel,.auth-card,.sm-assign-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.panel{padding:20px 22px}.panel-head h3,.sm-header h2{letter-spacing:-.03em;font-weight:650!important}.sm-card{border:1px solid var(--line)!important;background:var(--surface)!important;transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease)!important;border-radius:14px!important}.sm-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.sm-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}}.sm-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.sm-card.is-selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.sm-card.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)!important}}.sm-table th{letter-spacing:.04em;text-transform:uppercase;font-size:11px!important;font-weight:600!important}.sm-table tr{transition:background .12s var(--ease)}input,textarea,select{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;transition:border-color .15s var(--ease), box-shadow .15s var(--ease)!important;border-radius:10px!important}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent)!important}@supports (color:color-mix(in lab, red, red)){input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)!important}}input:focus,textarea:focus,select:focus{outline:none!important}.badge,.path-badge,.sm-badge{letter-spacing:-.01em;border-radius:999px!important;font-weight:600!important}.badge-green{background:var(--success-soft)!important;color:var(--success)!important}.badge-amber{background:var(--warning-soft)!important;color:var(--warning)!important}.badge-red{background:var(--danger-soft)!important;color:var(--danger)!important}.stat-card,.sm-stat{box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:var(--radius-lg)!important;border:1px solid var(--line)!important;background:var(--surface)!important}.stat-card:hover,.sm-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.page-heading h1{letter-spacing:-.04em!important;font-weight:700!important}.page-kicker{letter-spacing:.12em!important;color:var(--muted)!important}.app-topbar{-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:var(--surface)!important}@supports (color:color-mix(in lab, red, red)){.app-topbar{background:color-mix(in srgb, var(--surface) 82%, transparent)!important}}.app-topbar{border-bottom:1px solid var(--line)!important}.auth-wrap{background:radial-gradient(800px 400px at 20% 0%, var(--accent), transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-wrap{background:radial-gradient(800px 400px at 20% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--bg)}}.auth-card,.auth-card-wide{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--line)!important}.brand-mark,.auth-mark{letter-spacing:-.04em;font-weight:700;background:var(--accent)!important;color:#fff!important;border-radius:12px!important}.eyebrow{text-transform:uppercase;color:var(--accent)!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:600!important}.card-module{border-radius:var(--radius-lg)!important;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out)!important}.card-module:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)!important}.lesson-list .ghost-button{border-radius:10px!important;justify-content:space-between!important;padding:10px 12px!important}.lesson-list .ghost-button:hover{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:#0000!important}video{box-shadow:var(--shadow);border:1px solid var(--line)}.quiz-q strong{letter-spacing:-.02em}.toast-region .toast,.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)!important;border:1px solid var(--line)!important;border-radius:12px!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 35%, transparent)}}::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 55%, transparent)}}::-webkit-scrollbar-thumb:hover{background-clip:padding-box;border:2px solid #0000}.hero-copy h1{letter-spacing:-.045em!important;font-weight:700!important}.marketing-brand b{letter-spacing:-.03em}.brand-symbol{background:var(--accent)!important;border-radius:11px!important}.sm-empty,.connection-state,.empty-state{border-radius:var(--radius-lg);border:1px dashed var(--line);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.sm-empty,.connection-state,.empty-state{background:color-mix(in srgb, var(--surface) 80%, var(--surface-2))}}.sm-assign-dock .sm-assign-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)!important;border:1px solid var(--line)!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)!important}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent)!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px!important}:root{--brand:#6657f5;--brand-deep:#4b3bc7;--brand-wash:#efedff;--ink-strong:#111329;--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root{--surface-raised:color-mix(in srgb, var(--surface) 94%, var(--brand-wash))}}:root{--line-soft:var(--line)}@supports (color:color-mix(in lab, red, red)){:root{--line-soft:color-mix(in srgb, var(--line) 72%, transparent)}}:root{--focus-ring:0 0 0 4px var(--brand)}@supports (color:color-mix(in lab, red, red)){:root{--focus-ring:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}}:root[data-theme=dark]{--brand-wash:#211d4b;--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--surface-raised:color-mix(in srgb, var(--surface) 90%, var(--brand-wash))}}:root[data-theme=dark]{--ink-strong:#f8f8ff}body{color:var(--ink-strong);background-image:radial-gradient(900px 460px at 0% -12%, var(--brand), transparent 64%), radial-gradient(760px 420px at 100% 0%, #25c99b0f, transparent 60%)}@supports (color:color-mix(in lab, red, red)){body{background-image:radial-gradient(900px 460px at 0% -12%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 64%), radial-gradient(760px 420px at 100% 0%, #25c99b0f, transparent 60%)}}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none!important}.brand-symbol{box-shadow:0 6px 18px var(--brand);position:relative;overflow:hidden;background:linear-gradient(145deg, var(--brand), #8c7cff)!important}@supports (color:color-mix(in lab, red, red)){.brand-symbol{box-shadow:0 6px 18px color-mix(in srgb, var(--brand) 25%, transparent)}}.brand-symbol:after{content:"";border:1px solid #ffffff73;border-radius:50%;width:18px;height:18px;position:absolute;inset:9px}.marketing-brand:hover .brand-symbol{box-shadow:0 10px 24px var(--brand);transform:rotate(-4deg)translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.marketing-brand:hover .brand-symbol{box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 32%, transparent)}}.app-frame{background:0 0}.app-sidebar{box-shadow:18px 0 40px #0a0b1c1a}.app-main{min-width:0}.app-content{max-width:1480px;margin:0 auto}.page-transition{min-height:calc(100vh - 128px)}.page-heading{padding-bottom:28px}.page-heading h1{color:var(--ink-strong);font-size:clamp(1.65rem,2.4vw,2.35rem)}.page-kicker{color:var(--brand)!important;font-size:10px!important;font-weight:700!important}.app-topbar{box-shadow:0 1px 0 var(--line-soft), 0 8px 28px #10112b0a}.global-search{border:1px solid var(--line)!important;background:var(--surface-raised)!important;border-radius:11px!important}.global-search:hover{border-color:var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.global-search:hover{border-color:color-mix(in srgb, var(--brand) 34%, var(--line))!important}}.panel,.stat-card,.list-row,.sm-list-panel,.card-module{border-color:var(--line-soft)!important;background:linear-gradient(180deg, var(--surface), var(--surface-raised))!important}.panel{box-shadow:0 1px 2px #12132e08,0 12px 36px #12132e09!important}.panel-head{align-items:flex-start}.panel-head h3{color:var(--ink-strong);font-size:1.08rem}.eyebrow{color:var(--brand)!important}.muted{color:var(--muted)!important}.primary-button{background:linear-gradient(135deg, var(--brand), #7869ff)!important;box-shadow:0 7px 18px var(--brand), inset 0 1px #ffffff2e!important}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:0 7px 18px color-mix(in srgb, var(--brand) 20%, transparent), inset 0 1px #ffffff2e!important}}.primary-button:hover{background:linear-gradient(135deg, var(--brand-deep), var(--brand))!important;box-shadow:0 10px 24px var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.primary-button:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 29%, transparent)!important}}.secondary-button,.ghost-button{background:var(--surface-raised)!important}.secondary-button:hover,.ghost-button:hover{color:var(--brand)!important;border-color:var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.secondary-button:hover,.ghost-button:hover{border-color:color-mix(in srgb, var(--brand) 32%, var(--line))!important}}.badge-blue,.path-badge{background:var(--brand-wash)!important;color:var(--brand)!important}.welcome-row{align-items:end;gap:22px}.welcome-row h2{letter-spacing:-.05em;font-size:clamp(1.7rem,3vw,2.45rem)}.today-card{border:1px solid var(--line-soft);background:var(--surface-raised);min-width:130px;box-shadow:var(--shadow-sm);border-radius:14px;padding:12px 14px}.today-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.today-card strong{margin-top:3px;font-size:13px;display:block}.learning-route-banner{border:1px solid var(--brand);align-items:center;gap:15px;margin:22px 0;padding:18px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.learning-route-banner{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line))}}.learning-route-banner{background:linear-gradient(100deg, var(--brand-wash), var(--surface));border-radius:16px}@supports (color:color-mix(in lab, red, red)){.learning-route-banner{background:linear-gradient(100deg, color-mix(in srgb, var(--brand-wash) 88%, var(--surface)), var(--surface))}}.learning-route-banner{box-shadow:0 9px 30px var(--brand)}@supports (color:color-mix(in lab, red, red)){.learning-route-banner{box-shadow:0 9px 30px color-mix(in srgb, var(--brand) 6%, transparent)}}.route-mark{width:38px;height:38px;color:var(--brand);background:var(--surface);border:1px solid var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.route-mark{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line))}}.route-copy{flex:1;min-width:0}.route-copy h3{letter-spacing:-.03em;margin:2px 0;font-size:16px}.route-copy p{color:var(--muted);margin:0;font-size:12px}.route-action{flex:none}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";border:1px solid var(--brand);width:90px;height:90px;position:absolute}@supports (color:color-mix(in lab, red, red)){.stat-card:after{border:1px solid color-mix(in srgb, var(--brand) 13%, transparent)}}.stat-card:after{border-radius:50%;top:-35px;right:-38px}.page-list{gap:14px;display:grid}.list-stack{gap:9px;display:grid}.list-row{transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:13px!important;padding:15px 16px!important}.list-row:hover{transform:translateY(-1px);border-color:var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.list-row:hover{border-color:color-mix(in srgb, var(--brand) 28%, var(--line))!important}}.list-row:hover{box-shadow:var(--shadow-sm)}.row-main strong{letter-spacing:-.02em}.row-main small{color:var(--muted)}.sm-header{margin-bottom:20px}.sm-title{letter-spacing:-.05em;font-size:clamp(1.55rem,3vw,2.2rem)!important}.sm-subtitle{color:var(--muted);max-width:640px}.sm-stats{gap:12px!important}.sm-stat{padding:17px 18px!important}.sm-stat-value{color:var(--ink-strong)}.sm-toolbar{gap:12px!important}.sm-search-wrap{background:var(--surface)!important;border-color:var(--line-soft)!important;border-radius:12px!important}.sm-chip{background:var(--surface-raised)!important;border-color:var(--line-soft)!important}.sm-chip.is-active{background:var(--brand-wash)!important;color:var(--brand)!important;border-color:var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.sm-chip.is-active{border-color:color-mix(in srgb, var(--brand) 24%, var(--line))!important}}.sm-card{background:var(--surface-raised)!important}.sm-action-btn{border-radius:9px!important}.sm-action-btn:hover{color:var(--brand)!important;background:var(--brand-wash)!important}.sm-action-danger:hover,.danger-text:hover{color:var(--danger)!important}.admin-edit-drawer{border:1px solid var(--brand);margin-top:18px;padding:20px}@supports (color:color-mix(in lab, red, red)){.admin-edit-drawer{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line))}}.admin-edit-drawer{background:linear-gradient(135deg, var(--surface), var(--brand-wash));border-radius:16px}@supports (color:color-mix(in lab, red, red)){.admin-edit-drawer{background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--brand-wash) 32%, var(--surface)))}}.admin-edit-drawer{box-shadow:var(--shadow-lg);animation:drawer-in .24s var(--ease-out)}.admin-edit-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.admin-edit-header h3{letter-spacing:-.03em;margin:3px 0;font-size:18px}.admin-edit-header p{color:var(--muted);margin:0;font-size:12px}.admin-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-edit-form label{color:var(--ink-2);gap:6px;font-size:11px;font-weight:650;display:grid}.admin-edit-form input,.admin-edit-form select{min-height:42px}.admin-edit-actions{grid-column:1/-1;gap:9px;padding-top:4px;display:flex}.danger-zone{border:1px solid var(--danger);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.danger-zone{border:1px solid color-mix(in srgb, var(--danger) 23%, var(--line))}}.danger-zone{background:var(--danger-soft);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.danger-zone{background:color-mix(in srgb, var(--danger-soft) 50%, var(--surface))}}.danger-zone strong{font-size:12px}.danger-zone p{color:var(--muted);margin:2px 0 0;font-size:11px}.danger-button{border-radius:10px!important}.auth-card-wrap{max-width:660px!important}.register-form{gap:15px!important}.form-section-heading{margin-bottom:12px}.form-section-heading h3{letter-spacing:-.03em;margin:3px 0;font-size:16px}.form-section-heading p{color:var(--muted);margin:0;font-size:12px}.path-picker,.path-details{border:1px solid var(--line-soft);background:var(--surface-raised);border-radius:14px;padding:16px}.path-card-grid{gap:8px;display:grid}.path-card{text-align:start;border:1px solid var(--line-soft);background:var(--surface);width:100%;color:var(--ink);transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.path-card:hover{border-color:var(--brand);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.path-card:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}}.path-card.is-selected{border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.path-card.is-selected{border-color:color-mix(in srgb, var(--brand) 52%, var(--line))}}.path-card.is-selected{background:var(--brand-wash);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.path-card.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent)}}.path-card-icon{width:32px;height:32px;color:var(--brand);background:var(--surface-raised);border-radius:10px;place-items:center;display:grid}.path-card strong,.path-card small{display:block}.path-card strong{font-size:12px}.path-card small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.45}.path-check{color:var(--brand)}.level-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:12px;display:grid}.level-option{border:1px solid var(--line-soft);background:var(--surface);text-align:center;cursor:pointer;border-radius:10px;gap:2px;padding:10px 7px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.level-option:hover{transform:translateY(-1px)}.level-option.is-selected{border-color:var(--brand);background:var(--brand-wash);color:var(--brand)}.level-option input{opacity:0;pointer-events:none;position:absolute}.level-option b{font-size:12px}.level-option small{color:var(--muted);font-size:8px}.inline-check{align-items:flex-start;gap:9px;display:flex!important}.inline-check input{width:auto;min-height:0;margin-top:3px}.inline-check span strong,.inline-check span small{display:block}.inline-check span small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400}.beginner-toggle{background:var(--brand-wash);border-radius:10px;margin:8px 0 14px;padding:10px}@supports (color:color-mix(in lab, red, red)){.beginner-toggle{background:color-mix(in srgb, var(--brand-wash) 44%, var(--surface))}}.auth-page{background:linear-gradient(125deg, var(--surface), var(--brand-wash))}@supports (color:color-mix(in lab, red, red)){.auth-page{background:linear-gradient(125deg, var(--surface), color-mix(in srgb, var(--brand-wash) 20%, var(--surface)))}}.auth-visual{background:#17172d}.auth-panel{background:0 0!important}.auth-heading h1{letter-spacing:-.06em!important}.auth-form label{color:var(--ink-2)}.auth-form input,.auth-form textarea,.auth-form select{min-height:43px}.auth-form textarea{padding-top:10px}@keyframes drawer-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=820px){.learning-route-banner{flex-wrap:wrap;align-items:flex-start}.route-action{margin-inline-start:53px}.level-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.page-heading{padding-bottom:20px}.welcome-row{flex-direction:column;align-items:stretch}.today-card{width:100%}.route-action{width:calc(100% - 53px);margin-inline-start:53px}.admin-edit-form{grid-template-columns:1fr}.admin-edit-actions{grid-column:auto}.danger-zone{flex-direction:column;align-items:stretch}.danger-zone button{width:100%}.path-picker,.path-details{padding:13px}.level-option small{display:none}}:root{--font-ui:"Manrope", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-display:"Manrope", "IBM Plex Sans Arabic", system-ui, sans-serif;--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--motion-press:.12s var(--ease-out-strong);--motion-ui:.18s var(--ease-out-strong);--motion-move:.22s var(--ease-in-out-strong);--paper:#f7f6f1;--ink-soft:#252638;--accent-warm:#c28a51}:root[data-theme=dark]{--paper:#111218;--ink-soft:#e6e5ee;--accent-warm:#e0ad70}body,button,input,textarea,select{font-family:var(--font-ui)}body{background:var(--paper)}.app-content,.app-topbar,.app-footer{background:0 0}.page-heading h1,.welcome-row h2,.sm-title,.auth-heading h1,.section-heading h2,.city-copy h2,.levels-title h2{font-family:var(--font-display);font-weight:700}button,a,input,textarea,select{transition-property:color,background-color,border-color,opacity;transition-duration:.15s;transition-timing-function:ease}button:active,.primary-button:active,.secondary-button:active,.ghost-button:active,.sm-action-btn:active{transition:transform var(--motion-press);transform:scale(.97)}.primary-button,.secondary-button,.danger-button,.ghost-button,.sm-action-btn{min-height:44px}@media (hover:hover) and (pointer:fine){.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover{transform:translateY(-1px)}.feature-card:hover,.list-row:hover,.sm-card:hover,.stat-card:hover{transform:translateY(-2px)}}.panel,.sm-list-panel,.card-module,.stat-card,.list-row{box-shadow:0 1px 2px #12132e09!important}.panel,.sm-list-panel,.card-module{border-radius:14px!important}.primary-button{background:var(--brand)!important;background-image:none!important}.primary-button:hover{background:var(--brand-deep)!important}.learning-route-banner,.admin-edit-drawer,.path-picker,.path-details{background:var(--surface)!important;background-image:none!important}.admin-edit-drawer{animation:drawer-in .22s var(--ease-out-strong);transform-origin:top}.toast-card{animation:toast-in .18s var(--ease-out-strong)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.skeleton{animation:1.2s linear infinite skeleton-flow}.app-sidebar{transition:transform .22s var(--ease-drawer), width .18s var(--ease-out-strong)}.drawer-scrim{transition:opacity .18s}@media (prefers-reduced-motion:no-preference){.path-card-grid .path-card:first-child{animation:list-in .18s var(--ease-out-strong) both}.path-card-grid .path-card:nth-child(2){animation:list-in .22s var(--ease-out-strong) 35ms both}.path-card-grid .path-card:nth-child(3){animation:list-in .26s var(--ease-out-strong) 70ms both}}@keyframes list-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.app-sidebar,.drawer-scrim,.toast-card,.admin-edit-drawer{transition:opacity .001ms!important;animation:none!important}}.page-settings .primary-button,.page-settings .secondary-button,.page-settings .danger-button{text-align:center;vertical-align:middle;min-width:132px;min-height:42px;padding:10px 16px;line-height:1.2}.page-settings form>.primary-button,.page-settings form>.secondary-button{margin-top:4px}.page-settings .panel-head{align-items:center}.page-settings .panel-head>.badge{flex:none}.page-settings form>div[style*=display\:flex]{align-items:stretch}.page-settings form>div[style*=display\:flex]>.primary-button,.page-settings form>div[style*=display\:flex]>.secondary-button{min-width:150px}@media (width<=560px){.page-settings .primary-button,.page-settings .secondary-button{min-width:0}.page-settings form>div[style*=display\:flex]>.primary-button,.page-settings form>div[style*=display\:flex]>.secondary-button{flex:100%}}.legacy-page[data-page=settings] .button,.legacy-page[data-page=settings] button[type=submit]{justify-content:center;align-items:center;min-width:132px;min-height:42px;padding:9px 15px;line-height:1.25;display:inline-flex}.legacy-page[data-page=settings] form{gap:10px}@media (width<=560px){.legacy-page[data-page=settings] .button,.legacy-page[data-page=settings] button[type=submit]{min-width:0}}.marketing-page{--hero-ink:#fff;--hero-muted:#ffffffb8;color:#fff;background:#050608}.marketing-page .marketing-nav{z-index:10;border-bottom:0;width:min(1280px,100% - 48px);height:82px;position:relative}.marketing-page .marketing-brand{color:#fff}.marketing-page .marketing-brand b{letter-spacing:-.04em;font-size:16px}.marketing-page .marketing-brand small{color:#ffffff94}.marketing-page .brand-symbol{color:#0000;background:0 0;border:2px solid #fff;border-radius:50%;width:34px;height:34px;position:relative}.marketing-page .brand-symbol:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;margin:auto;position:absolute;inset:0}.marketing-page .marketing-nav nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1114188f;border:1px solid #ffffff38;border-radius:999px;gap:0;padding:5px}.marketing-page .marketing-nav nav a,.marketing-page .nav-contact{color:#ffffffc2;border-radius:999px;padding:9px 13px;font-size:11px;transition:color .18s,background .18s}.marketing-page .marketing-nav nav a:hover,.marketing-page .nav-contact:hover{color:#fff;background:#ffffff1a}.marketing-page .nav-contact{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.marketing-page .theme-button{color:#fff;background:#ffffff14;border-color:#fff3}.marketing-page .nav-login{color:#ffffffc7}.marketing-page .nav-cta{color:#080a0d;background:#fff;border-radius:999px}.marketing-page .nav-cta:hover{color:#080a0d;background:#dff7ff}.marketing-menu{color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:50%;width:38px;height:38px;display:none}.hero-spec{isolation:isolate;background:#000;width:100%;max-width:none;min-height:calc(100vh - 82px);padding:0;display:block;position:relative;overflow:hidden}.hero-video,.hero-video-overlay{width:100%;height:100%;position:absolute;inset:0}.hero-video{z-index:-2;object-fit:cover}.hero-video-overlay{z-index:-1;background:linear-gradient(#00000061,#0000008f 48%,#000c)}.hero-spec .hero-copy{flex-direction:column;justify-content:center;width:min(1280px,100% - 48px);min-height:calc(100vh - 82px);margin:0 auto;padding:clamp(30px,7vh,78px) 0 60px;display:flex}.hero-topline{grid-template-columns:1fr auto;align-items:start;gap:30px;width:100%;max-width:1000px;margin:0 auto 7vh;display:grid}.hero-topline p{max-width:375px;color:var(--hero-muted);margin:0;font-size:13px;line-height:1.65}.hero-topline .hero-stat{text-align:right;color:#fff;font-size:20px;font-weight:600;line-height:1.1}.hero-topline .hero-stat span{color:var(--hero-muted);margin-top:7px;font-size:12px;font-weight:400;display:block}.hero-spec .announcement-pill{color:var(--hero-muted);letter-spacing:.1em;background:0 0;border:0;padding:0;font-size:12px}.hero-spec h1{color:#fff;letter-spacing:-.085em;margin:18px 0 26px;font-size:clamp(52px,9vw,132px);font-weight:500;line-height:.86}.shiny-text{color:#64cefb;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#64cefb 0% 35%,#fff 50%,#64cefb 65% 100%) 0 0/240% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-spec .hero-lede{max-width:510px;color:var(--hero-muted);font-size:14px;line-height:1.75}.hero-spec .hero-actions{margin-top:28px}.hero-spec .hero-cta{color:#fff;background:#000;border-radius:999px;padding:14px 24px}.hero-spec .hero-cta:hover{color:#fff;background:#17191d}.hero-spec .watch-button{color:#fffc}.hero-spec .watch-button>span{color:#fff;border-color:#ffffff80}.hero-spec .hero-proof{margin-top:34px}.hero-spec .hero-proof b{color:#fff}.hero-spec .hero-proof small,.hero-spec .rating small{color:#ffffff94}.hero-spec .proof-divider{background:#ffffff4d}.marketing-page main>.trust-strip,.marketing-page main>.intro-section,.marketing-page main>.city-section,.marketing-page main>.levels-section,.marketing-page main>.final-cta{position:relative}.marketing-page main>.trust-strip{color:#fff;background:#080a0d;border-color:#ffffff1f}.marketing-page main>.intro-section,.marketing-page main>.city-section,.marketing-page main>.levels-section{background:#080a0d}.marketing-page main>.intro-section{width:100%;padding-inline:clamp(24px,6vw,96px)}.marketing-page .feature-card,.marketing-page .level-step{color:#fff;background:#101318;border-color:#ffffff1f}.marketing-page .feature-card h3,.marketing-page .level-step>b,.marketing-page .section-heading h2,.marketing-page .levels-title h2,.marketing-page .city-copy h2{color:#fff}.marketing-page .feature-card>p,.marketing-page .section-heading p,.marketing-page .city-copy>p,.marketing-page .city-copy li,.marketing-page .levels-title>p{color:#ffffffa3}.marketing-page .marketing-footer{border-color:#ffffff24;width:min(1280px,100% - 48px)}.marketing-page .marketing-footer>span,.marketing-page .marketing-footer>div button{color:#ffffff8f}.app-frame{--accent:#64cefb;--teal:#64cefb;--teal-dark:#35a9d7}.app-frame .app-sidebar{background:#090b0e;border-inline-end:1px solid #ffffff1a}.app-frame .primary-button{border-radius:999px}.app-frame .page-heading h1{letter-spacing:-.06em}.auth-page .auth-panel{background:#07090c}.auth-page .auth-panel .auth-heading h1,.auth-page .auth-panel label{color:#fff}.auth-page .auth-panel .auth-heading p,.auth-page .auth-panel .auth-legal{color:#ffffff9e}@media (width<=900px){.marketing-page .marketing-nav nav{background:#090b0ef5;border-radius:18px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;inset:70px 0 auto}.marketing-page .marketing-nav nav.is-open{display:flex}.marketing-page .marketing-nav nav a,.marketing-page .nav-contact{text-align:left;padding:12px}.marketing-menu{place-items:center;display:grid}.marketing-page .marketing-actions .nav-login,.marketing-page .marketing-actions .nav-cta{display:none}.hero-topline{margin-bottom:5vh}.hero-spec h1{font-size:clamp(54px,13vw,100px)}}@media (width<=600px){.marketing-page .marketing-nav,.hero-spec .hero-copy{width:calc(100% - 32px)}.marketing-page .marketing-nav{height:70px}.hero-spec{min-height:calc(100vh - 70px)}.hero-spec .hero-copy{min-height:calc(100vh - 70px);padding-top:26px}.hero-topline{grid-template-columns:1fr;gap:16px;margin-bottom:10vh}.hero-topline .hero-stat{text-align:left;font-size:17px}.hero-spec h1{font-size:clamp(52px,16vw,82px)}.hero-spec .hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-spec .hero-proof{display:none}.marketing-page main>.intro-section{padding-inline:16px}.marketing-page .feature-grid{grid-template-columns:1fr}.marketing-page .city-section{grid-template-columns:1fr;gap:28px;width:calc(100% - 32px);padding-bottom:60px}.marketing-page .levels-section{width:calc(100% - 32px);padding-bottom:60px}.marketing-page .level-track{grid-template-columns:1fr 1fr}.marketing-page .marketing-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 32px);padding:18px 0}}.marketing-page,.marketing-page button,.marketing-page a{font-family:Inter,Manrope,system-ui,sans-serif}.cta-group{transition:background .18s,color .18s,transform .18s;display:inline-flex}.cta-group .cta-arrow{transition:transform .2s cubic-bezier(.23,1,.32,1)}.cta-group:hover .cta-arrow{transform:translate(5px)}@media (width>=1024px){.hero-topline p{font-size:16px}.hero-topline .hero-stat{font-size:24px}.hero-topline .hero-stat span{font-size:16px}}@media (width<=1023px){.marketing-page .marketing-nav nav{background:#090b0ef5;border-radius:18px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;inset:70px 0 auto}.marketing-page .marketing-nav nav.is-open{display:flex}.marketing-page .marketing-nav nav a,.marketing-page .nav-contact{text-align:left;padding:12px}.marketing-menu{place-items:center;display:grid}.marketing-page .marketing-actions .nav-login,.marketing-page .marketing-actions .nav-cta{display:none}}.hero-oussama{align-items:end}.hero-oussama>p:first-child{color:#fff;letter-spacing:-.03em;font-size:clamp(17px,2vw,25px);font-weight:500}.hero-oussama .hero-stat{text-transform:uppercase;letter-spacing:.16em;font-size:16px!important}.hero-oussama .hero-stat span{color:#ffffffb8!important;font-size:12px!important}.places-section{color:#fff;background:#080a0d;width:100%;padding:clamp(70px,9vw,125px) clamp(24px,6vw,96px)}.places-heading{justify-content:space-between;align-items:end;gap:30px;width:min(1180px,100%);margin:0 auto 34px;display:flex}.places-heading h2{color:#fff;letter-spacing:-.07em;margin:16px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.04}.places-heading h2 span{color:#64cefb}.places-heading>p{color:#ffffff9e;max-width:330px;margin:0;font-size:13px;line-height:1.75}.places-grid{grid-template-columns:1.25fr .875fr .875fr;gap:15px;width:min(1180px,100%);margin:0 auto;display:grid}.place-card{background:#11151b;border:1px solid #ffffff21;border-radius:18px;min-width:0;transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s,box-shadow .2s;overflow:hidden}.place-card:hover{border-color:#64cefb99;transform:translateY(-5px);box-shadow:0 18px 45px #00000047}.place-card img{object-fit:cover;width:100%;height:235px;transition:transform .5s cubic-bezier(.23,1,.32,1)}.place-card:hover img{transform:scale(1.04)}.place-card-featured img{height:300px}.place-card>div{padding:17px 18px 19px}.place-card span{color:#64cefb;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:600}.place-card h3{color:#fff;letter-spacing:-.04em;margin:7px 0 4px;font-size:20px}.place-card p{color:#ffffff94;margin:0;font-size:11px;line-height:1.6}@media (width<=800px){.places-heading{flex-direction:column;align-items:flex-start;gap:16px}.places-grid{grid-template-columns:1fr}.place-card img,.place-card-featured img{height:240px}.hero-oussama{grid-template-columns:1fr;gap:10px}.hero-oussama .hero-stat{text-align:left}}.app-frame .app-main{background:var(--bg)}.app-frame .app-content,.app-frame .page-transition,.panel,.stat-card,.list-row,.card-module,.legacy-page .panel,.legacy-page .stat-card,.legacy-page .course-card,.legacy-page .exercise-card,.legacy-page .submission-card,.legacy-page .resource-card,.legacy-page .viewer-shell,.panel h1,.panel h2,.panel h3,.panel h4,.stat-card strong,.list-row strong,.card-module strong,.legacy-page h1,.legacy-page h2,.legacy-page h3,.legacy-page h4,.legacy-page strong{color:var(--ink)}.app-frame input,.app-frame select,.app-frame textarea,.legacy-page input,.legacy-page select,.legacy-page textarea{background:var(--surface);color:var(--ink);border-color:var(--line-dark)}.app-frame input::placeholder,.app-frame textarea::placeholder{color:var(--muted)}:root[data-theme=dark] body,:root[data-theme=dark] .app-frame,.root[data-theme=dark] .app-frame{color:#f8fafc;background:#050608}:root[data-theme=dark] .app-frame .app-main{background:#050608}:root[data-theme=dark] .app-topbar{background:#080a0eeb;border-color:#242936;box-shadow:0 1px #ffffff0a}:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .list-row,:root[data-theme=dark] .card-module,:root[data-theme=dark] .legacy-page .panel,:root[data-theme=dark] .legacy-page .stat-card,:root[data-theme=dark] .legacy-page .course-card,:root[data-theme=dark] .legacy-page .exercise-card,:root[data-theme=dark] .legacy-page .submission-card,:root[data-theme=dark] .legacy-page .resource-card,:root[data-theme=dark] .legacy-page .viewer-shell{background:#101318!important;border-color:#28303b!important;box-shadow:0 12px 30px #0000003d!important}:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .panel h1,:root[data-theme=dark] .panel h2,:root[data-theme=dark] .panel h3,:root[data-theme=dark] .panel h4,:root[data-theme=dark] .stat-card strong,:root[data-theme=dark] .list-row strong,:root[data-theme=dark] .legacy-page strong{color:#f8fafc!important}:root[data-theme=dark] .legacy-page th,:root[data-theme=dark] .legacy-page .instructions,:root[data-theme=dark] .legacy-page .answer-box,:root[data-theme=dark] .legacy-page .message,:root[data-theme=dark] .legacy-page .viewer-toolbar,:root[data-theme=dark] .legacy-page .viewer-note,:root[data-theme=dark] .legacy-page .test-layout{color:#e6edf5!important;background:#171c23!important}:root[data-theme=dark] .app-frame input,:root[data-theme=dark] .app-frame select,:root[data-theme=dark] .app-frame textarea,:root[data-theme=dark] .legacy-page input,:root[data-theme=dark] .legacy-page select,:root[data-theme=dark] .legacy-page textarea{color:#f8fafc!important;background:#0d1117!important;border-color:#3a4655!important}:root[data-theme=dark] .app-frame input::placeholder,:root[data-theme=dark] .app-frame textarea::placeholder{color:#8b98a8}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .button-secondary{color:#f1f5f9!important;background:#171c23!important;border-color:#465365!important}:root[data-theme=dark] .badge-amber{color:#f7c86b!important;background:#3b2b10!important}:root[data-theme=dark] .badge-green{color:#75e0ae!important;background:#103b2b!important}:root[data-theme=dark] .badge-red{color:#ff9da8!important;background:#451d24!important}:root[data-theme=dark] .footer,:root[data-theme=dark] .app-footer{color:#aab5c2;border-color:#242936}:root[data-theme=dark] .page-kicker,:root[data-theme=dark] .eyebrow{color:#8ca7ff!important}:root[data-theme=dark] .muted,:root[data-theme=dark] small{color:#aab5c2}.exam-provider-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.exam-provider-card{text-align:left;border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;padding:20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.exam-provider-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.exam-provider-card .epc-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.exam-provider-card.tone-teal .epc-icon{color:#0d9488;background:#ecfdf5}.exam-provider-card.tone-violet .epc-icon{color:#7c3aed;background:#f5f3ff}.exam-provider-card strong{margin-bottom:4px;font-size:1.05rem;display:block}.exam-provider-card p{color:var(--muted,#64748b);margin:0;font-size:.9rem;line-height:1.45}.exam-provider-card .epc-arrow{opacity:.45;align-self:center;margin-left:auto}.exam-topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.exam-topic-card{text-align:left;border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);cursor:pointer;border-radius:14px;padding:18px;transition:border-color .15s,box-shadow .15s}.exam-topic-card:hover{border-color:#6366f1;box-shadow:0 8px 20px #0f172a0f}.exam-topic-card .etc-top{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.exam-topic-card strong{margin-bottom:6px;display:block}.exam-topic-card p{color:var(--muted,#64748b);margin:0 0 10px;font-size:.88rem}.exam-topic-card .etc-go{color:#4f46e5;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.exam-set-list{flex-direction:column;gap:10px;display:flex}.exam-set-row{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.exam-set-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.exam-passage-block{background:var(--surface-2,#f8fafc);border:1px solid var(--border,#e5e7eb);border-radius:10px;margin-top:12px;padding:12px}.exam-passage-text{white-space:pre-wrap;margin:8px 0 0;font-family:inherit;font-size:.92rem;line-height:1.55}.exam-q-card{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:12px;margin-bottom:10px;padding:14px 16px}.exam-q-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.exam-opt-list{margin:8px 0 0;padding-left:18px}.exam-opt-list .is-correct{color:#059669;font-weight:600}.exam-opt-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.exam-opt-row input[type=text],.exam-opt-row input:not([type]){flex:1}.exam-att-list{margin:12px 0 0;padding:0;list-style:none}.exam-att-list li{border-bottom:1px solid var(--border,#e5e7eb);align-items:center;gap:8px;padding:8px 0;display:flex}.exam-simulation{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=960px){.exam-simulation{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr)}.exam-sim-bar{grid-column:1/-1}}.exam-sim-bar{background:var(--panel,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.exam-sim-bar small{color:var(--muted,#64748b);display:block}.exam-timer{font-variant-numeric:tabular-nums;color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.exam-timer.urgent{color:#b91c1c;background:#fef2f2}.exam-progress-bar{background:#e2e8f0;border-radius:999px;flex:1;min-width:120px;height:6px;overflow:hidden}.exam-progress-bar i{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;display:block}.exam-passage-panel{border:1px solid var(--border,#e5e7eb);background:var(--surface-2,#f8fafc);border-radius:14px;max-height:70vh;padding:16px;overflow:auto}.exam-question-panel{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:14px;padding:16px}.exam-prompt{margin:8px 0 16px;font-size:1.05rem;line-height:1.5}.exam-choices{flex-direction:column;gap:8px;display:flex}.exam-choice{border:1.5px solid var(--border,#e5e7eb);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.exam-choice.selected{background:#eef2ff;border-color:#6366f1}.exam-choice:has(input:checked){background:#eef2ff;border-color:#6366f1}.exam-nav-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.exam-q-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.exam-q-dots .dot{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);cursor:pointer;border-radius:8px;width:32px;height:32px;font-size:.8rem}.exam-q-dots .dot.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.exam-q-dots .dot.answered{border-color:#10b981}.exam-take-intro{max-width:560px;margin:24px auto;padding:28px}.exam-meta-list{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.exam-meta-list li{align-items:center;gap:8px;display:flex}.exam-score-pill{background:#eef2ff;border-radius:14px;align-items:baseline;gap:6px;padding:12px 18px;font-size:1.4rem;display:flex}.exam-score-pill span{color:var(--muted,#64748b);font-size:.95rem}.exam-explain{background:#f0fdf4;border-radius:8px;margin-top:8px;padding:10px;font-size:.9rem}.exam-grade-row{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.badge-teal{color:#0f766e;background:#ccfbf1}.exam-matching{flex-direction:column;gap:10px;display:flex}.exam-match-row{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.exam-ordering{flex-direction:column;gap:8px;display:flex}.exam-order-row{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.exam-order-row span{flex:1}.speaking-recorder{background:#eef2ff;border:1px dashed #a5b4fc;border-radius:12px;margin-bottom:12px;padding:12px}.exam-pdf-view{flex-direction:column;gap:12px;min-height:70vh;display:flex}.exam-pdf-frame{border:1px solid var(--border,#e5e7eb);background:#525659;border-radius:12px;flex:1;width:100%;min-height:75vh}.icon-button{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);cursor:pointer;border-radius:8px;width:32px;height:32px}:root{--premium-ink:#172033;--premium-muted:#667085;--premium-border:#1520341a;--premium-surface:#ffffffe0;--premium-brand:#087f73;--premium-brand-dark:#075f58;--premium-shadow:0 18px 55px #17203317;--premium-radius:20px}html{scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #087f7347}.app-frame{background:linear-gradient(#f8fafb 0%,#f3f6f7 100%);min-height:100dvh}.app-main{max-width:1480px}.app-topbar{-webkit-backdrop-filter:blur(18px)}.panel,.stat-card,.list-row,.sm-list-panel,.sm-stat,.sm-table-wrap,.exam-provider-card,.exam-topic-card,.exam-set-row{border:1px solid var(--premium-border);box-shadow:var(--premium-shadow);border-radius:var(--premium-radius)}.panel-head{gap:18px}.panel-head h3,.page-heading h1,.sm-title{letter-spacing:-.025em}.primary-button,.secondary-button,.danger-button,.ghost-button,.button{border-radius:13px;min-height:42px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.primary-button{box-shadow:0 8px 18px #087f732e}.primary-button:hover{box-shadow:0 12px 24px #087f7340}.app-frame input,.app-frame select,.app-frame textarea,.legacy-page input,.legacy-page select,.legacy-page textarea{border:1px solid #15203421;border-radius:13px;min-height:44px;transition:border-color .2s,box-shadow .2s,background .2s}.app-frame textarea,.legacy-page textarea{min-height:96px}.app-frame input:focus,.app-frame select:focus,.app-frame textarea:focus,.legacy-page input:focus,.legacy-page select:focus,.legacy-page textarea:focus{border-color:#087f73a6;outline:0;box-shadow:0 0 0 4px #087f731a}.sm-card,.list-row,.exam-provider-card,.exam-topic-card{transition:transform .22s,box-shadow .22s,border-color .22s}.sm-card:hover,.list-row:hover,.exam-provider-card:hover,.exam-topic-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px #1720331f}.legacy-page{overflow-wrap:anywhere;min-width:0}.legacy-page img,.legacy-page iframe,.legacy-page video{max-width:100%}.legacy-page table{border-radius:14px;max-width:100%;display:block;overflow-x:auto}.empty-state,.connection-state{border-radius:var(--premium-radius);background:#ffffffad;border:1px dashed #087f7338}.auth-feedback{border-radius:14px}@media (width<=760px){.app-main{padding-inline:14px}.panel,.stat-card,.list-row,.sm-list-panel,.sm-table-wrap{border-radius:16px}.panel-head,.sm-header,.welcome-row{flex-direction:column;align-items:flex-start}.row-actions,.sm-card-actions,.exam-set-actions{width:100%}.row-actions>*,.sm-card-actions>*{flex:1}.sm-table-wrap{overflow-x:auto}.sm-table{min-width:720px}.auth-page{min-height:100dvh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-theme=dark]{--premium-ink:#f5f7fa;--premium-muted:#a5b0bf;--premium-border:#ffffff1c;--premium-surface:#11161eeb;--premium-shadow:0 18px 55px #0000003d}:root[data-theme=dark] .app-frame{background:linear-gradient(#080b10 0%,#0d1117 100%)}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .connection-state{background:#11161ecc}:root{--border:var(--line,#e4eaf0);--panel:var(--surface,#fff);--surface-2:var(--soft,#f4f7fa);--premium-radius-sm:12px;--premium-radius-md:16px;--premium-radius-lg:22px;--premium-ease:cubic-bezier(.22, 1, .36, 1)}button:disabled,[aria-disabled=true]{opacity:.58;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal,#087f73)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--teal,#087f73) 28%, transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px}.app-frame .nav-link[aria-current=page]{background:var(--teal,#087f73)}@supports (color:color-mix(in lab, red, red)){.app-frame .nav-link[aria-current=page]{background:color-mix(in srgb, var(--teal,#087f73) 14%, transparent)}}.app-frame .nav-link[aria-current=page]{color:var(--teal,#087f73);font-weight:750}.app-frame .app-topbar{z-index:20;background:var(--surface,#fff);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.app-frame .app-topbar{background:color-mix(in srgb, var(--surface,#fff) 82%, transparent)}}.app-frame .panel,.app-frame .stat-card,.app-frame .list-row,.legacy-page .panel,.legacy-page .notification-card,.legacy-page .announcement-card{border-radius:var(--premium-radius-md);border-color:var(--line,#e4eaf0);box-shadow:0 12px 34px #17203311}.app-frame .panel:hover,.legacy-page .notification-card:hover,.legacy-page .announcement-card:hover{box-shadow:0 18px 42px #1720331a}.app-frame input,.app-frame select,.app-frame textarea,.legacy-page input,.legacy-page select,.legacy-page textarea{border-radius:var(--premium-radius-sm);min-height:44px}.app-frame input[type=checkbox],.app-frame input[type=radio],.legacy-page input[type=checkbox],.legacy-page input[type=radio]{min-height:auto;accent-color:var(--teal,#087f73)}.level-option:focus-within{box-shadow:0 0 0 4px var(--teal,#087f73);border-color:var(--teal,#087f73)!important}@supports (color:color-mix(in lab, red, red)){.level-option:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--teal,#087f73) 14%, transparent)}}.level-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm-meta{overflow-wrap:anywhere;white-space:normal!important}.sm-search{min-width:0}.list-row-action{text-align:start;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0}.list-row-action:hover{background:var(--surface-2,#f4f7fa)}.notification-card,.announcement-card{background:var(--surface,#fff);align-items:flex-start;gap:14px;margin-top:10px;padding:16px;display:flex}.notification-card .notification-body,.announcement-card p{overflow-wrap:anywhere;min-width:0}.legacy-page .notification-card form{flex:none;margin-inline-start:auto}.exam-provider-card,.exam-topic-card,.exam-set-row,.exam-sim-bar,.exam-question-panel,.exam-passage-panel,.exam-q-card,.exam-order-row,.exam-choice,.icon-button{background:var(--surface,#fff);border-color:var(--line,#e4eaf0);color:var(--ink)}.exam-choice:hover,.exam-choice:focus-within{border-color:var(--teal,#087f73);background:var(--teal,#087f73)}@supports (color:color-mix(in lab, red, red)){.exam-choice:hover,.exam-choice:focus-within{background:color-mix(in srgb, var(--teal,#087f73) 7%, var(--surface,#fff))}}.exam-choice.selected{border-color:var(--teal,#087f73);background:var(--teal,#087f73)}.exam-choice:has(input:checked){border-color:var(--teal,#087f73);background:var(--teal,#087f73)}@supports (color:color-mix(in lab, red, red)){.exam-choice.selected{background:color-mix(in srgb, var(--teal,#087f73) 11%, var(--surface,#fff))}.exam-choice:has(input:checked){background:color-mix(in srgb, var(--teal,#087f73) 11%, var(--surface,#fff))}}.exam-timer{background:var(--teal,#087f73)}@supports (color:color-mix(in lab, red, red)){.exam-timer{background:color-mix(in srgb, var(--teal,#087f73) 12%, var(--surface,#fff))}}.exam-timer{color:var(--teal-dark,#075f58)}.exam-progress-bar{background:var(--line,#e4eaf0)}.exam-progress-bar i{background:linear-gradient(90deg, var(--teal,#087f73), #64cefb)}.exam-expired{border-radius:var(--premium-radius-sm);color:#8a4b08;background:#fff4e5;border:1px solid #f4c27a;padding:12px 14px;font-weight:650}.auth-panel{background:var(--surface,#fff);color:var(--ink)}.auth-panel .auth-heading h1,.auth-panel label{color:var(--ink)}.auth-panel .auth-heading p,.auth-panel .auth-legal{color:var(--muted)}.chat-screen,.chat-screen-header,.chat-composer-wrap{background:var(--surface,#fff);color:var(--ink)}.chat-screen-body{background:var(--surface-2,#f4f7fa)}.chat-composer textarea{background:var(--surface-2,#f4f7fa);color:var(--ink)}@media (width<=760px){.level-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exam-simulation{grid-template-columns:1fr}.exam-set-row,.exam-sim-bar{flex-direction:column;align-items:stretch}.exam-set-actions{width:100%;margin-inline-start:0}.exam-set-actions>*,.exam-nav-controls>.secondary-button,.exam-nav-controls>.primary-button{flex:auto}.exam-match-row{grid-template-columns:1fr;gap:6px}.exam-order-row,.legacy-page .notification-card{flex-wrap:wrap}.legacy-page .notification-card form{width:100%;margin-inline-start:0}.chat-screen-status,.chat-group-switch{display:initial!important}.chat-screen-status{padding:5px 7px;font-size:9px}.chat-group-switch select{max-width:120px}}@media (width<=420px){.level-picker{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.auth-two{grid-template-columns:1fr!important}.page-heading{gap:12px}.page-heading .primary-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hero-video{display:none}.hero-spec{background:#050608}.sm-card:hover,.list-row:hover,.exam-provider-card:hover,.exam-topic-card:hover{transform:none}}:root[data-theme=dark] .exam-provider-card,:root[data-theme=dark] .exam-topic-card,:root[data-theme=dark] .exam-set-row,:root[data-theme=dark] .exam-sim-bar,:root[data-theme=dark] .exam-question-panel,:root[data-theme=dark] .exam-passage-panel,:root[data-theme=dark] .exam-q-card,:root[data-theme=dark] .exam-order-row,:root[data-theme=dark] .exam-choice,:root[data-theme=dark] .icon-button{color:#f5f7fa!important;background:#10161e!important;border-color:#2a3542!important}:root[data-theme=dark] .exam-expired{color:#ffd58a;background:#3b2b10;border-color:#8a5a1c}:root[data-theme=dark] .notification-card,:root[data-theme=dark] .announcement-card{background:#10161e;border-color:#2a3542}.verification-form input[name=code]{letter-spacing:.55em;text-align:center;max-width:260px;font-size:1.5rem;font-weight:800}.progress-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.progress-stat{gap:8px;display:grid}.progress-stat strong{letter-spacing:-.04em;font-size:2rem}.progress-stat small{color:var(--muted)}@media (width<=700px){.progress-stat-grid{grid-template-columns:1fr 1fr}.progress-stat:last-child{grid-column:1/-1}}.code-inputs{justify-content:center;gap:10px;margin:8px 0 18px;display:flex}.code-inputs input{text-align:center;border-radius:14px;width:48px;height:58px;font-size:1.5rem;font-weight:800}.verification-recipient{text-align:center}.recovery-resend{text-align:center;margin-top:14px}@media (width<=420px){.code-inputs{gap:6px}.code-inputs input{width:42px;height:52px}}.auth-feedback{border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));background:color-mix(in srgb, var(--teal) 8%, var(--surface));color:var(--ink);white-space:pre-wrap;border-radius:11px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.65}.auth-feedback.error{border-color:color-mix(in srgb, #c5463f 40%, var(--line));background:color-mix(in srgb, #c5463f 9%, var(--surface));color:var(--ink)}