*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-inter:"Aptos","Segoe UI","Trebuchet MS";--font-jakarta:"Bahnschrift","Aptos Display","Trebuchet MS";--background:#05070d;--surface:#080b13;--surface-container-lowest:#000;--surface-container-low:#0d1120;--surface-container-high:#161e30;--surface-container-highest:#1c2540;--primary:#6b9fff;--primary-container:#4f7fff;--on-primary:#000d2e;--secondary:#a78bfa;--tertiary:#34d399;--accent:#f59e0b;--success:#34d399;--error:#f87171;--grad-start:#6b9fff;--grad-mid:#a78bfa;--grad-end:#ec4899;--on-background:#e8ecf8;--on-surface:#e8ecf8;--on-surface-variant:#8892a8;--on-secondary:#0a0014;--outline-variant:#1e2a45;--border-glass:rgba(110,140,255,.12);--glow-primary:rgba(107,159,255,.35);--glow-secondary:rgba(167,139,250,.3);--glow-sm:rgba(107,159,255,.2);--glow-accent:rgba(52,211,153,.25);--brand-mark-ink:#fff;--brand-mark-outline:#fff;--brand-mark-red:#ff3b30;--brand-mark-gold:#ffd60a;--brand-mark-green:#34c759;--radius-xl:1.75rem;--radius-lg:1.25rem;--radius-md:0.875rem;--radius-sm:0.5rem;color-scheme:dark}html:not(.dark){--background:#f0f4ff;--surface:#fff;--surface-container-lowest:#f8f9ff;--surface-container-low:#eef1ff;--surface-container:#e5eaff;--surface-container-high:#dae0ff;--surface-container-highest:#cedaff;--primary:#2563eb;--primary-container:#3b82f6;--on-primary:#fff;--secondary:#7c3aed;--tertiary:#059669;--success:#059669;--error:#dc2626;--on-background:#0a0f1e;--on-surface:#0a0f1e;--on-surface-variant:#4b5570;--on-secondary:#fff;--outline-variant:#c7d2fe;--border-glass:rgba(37,99,235,.1);--glow-primary:rgba(37,99,235,.15);--glow-secondary:rgba(124,58,237,.12);--brand-mark-ink:#0a0a0a;--brand-mark-outline:#0a0a0a;color-scheme:light}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.top-0{top:0}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.m-0{margin:0}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[260px\]{height:260px}.h-\[360px\]{height:360px}.h-\[56px\]{height:56px}.h-full{height:100%}.max-h-\[560px\]{max-height:560px}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[118px\]{min-height:118px}.min-h-\[150px\]{min-height:150px}.min-h-\[160px\]{min-height:160px}.min-h-\[170px\]{min-height:170px}.min-h-\[2\.2rem\]{min-height:2.2rem}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[44px\]{min-height:44px}.min-h-\[600px\]{min-height:600px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[72px\]{min-height:72px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\/4{width:75%}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-9\/12{width:75%}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[110px\]{min-width:110px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[216px\]{min-width:216px}.min-w-\[560px\]{min-width:560px}.min-w-\[600px\]{min-width:600px}.min-w-\[680px\]{min-width:680px}.min-w-\[720px\]{min-width:720px}.min-w-\[900px\]{min-width:900px}.min-w-\[90px\]{min-width:90px}.min-w-\[920px\]{min-width:920px}.min-w-\[95px\]{min-width:95px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[260px\]{max-width:260px}.max-w-\[750px\]{max-width:750px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-x-\[1px\]{--tw-translate-x:1px}.rotate-180,.translate-x-\[1px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-\[fadeIn_0\.25s_ease\]{animation:fadeIn .25s ease}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.scroll-mt-28{scroll-margin-top:7rem}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-amber-400\/20{border-color:rgba(251,191,36,.2)}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-border{border-color:var(--border)}.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.border-primary{border-color:var(--primary)}.border-rose-500\/20{border-color:rgba(244,63,94,.2)}.border-secondary{border-color:var(--secondary)}.border-sky-500\/20{border-color:rgba(14,165,233,.2)}.border-l-primary{border-left-color:var(--primary)}.border-l-transparent{border-left-color:transparent}.bg-amber-400\/10{background-color:rgba(251,191,36,.1)}.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-bg{background-color:var(--bg)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.bg-error{background-color:var(--error)}.bg-primary{background-color:var(--primary)}.bg-rose-500\/10{background-color:rgba(244,63,94,.1)}.bg-secondary{background-color:var(--secondary)}.bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-surface,.bg-surface-container{background-color:var(--card)}.bg-surface-container-high,.bg-surface-container-highest,.bg-surface-container-low{background-color:var(--surface-2)}.bg-surface-container-lowest{background-color:var(--card)}.bg-surface2{background-color:var(--surface-2)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-14{padding-right:3.5rem}.pr-16{padding-right:4rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-\[56px\]{padding-top:56px}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-jakarta),system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--font-inter),system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-error{color:var(--error)}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-muted{color:var(--muted)}.text-on-primary{color:var(--on-primary)}.text-on-secondary{color:var(--on-secondary)}.text-on-surface{color:var(--text)}.text-on-surface-variant{color:var(--muted)}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-primary{color:var(--primary)}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-secondary{color:var(--secondary)}.text-sky-100{--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-success{color:var(--success)}.text-tertiary{color:var(--tertiary)}.text-text{color:var(--text)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_rgba\(99\2c 102\2c 241\2c 0\.28\)\]{--tw-shadow:0 0 0 1px rgba(99,102,241,.28);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_36px_rgba\(167\2c 139\2c 250\2c 0\.28\)\]{--tw-shadow:0 0 36px rgba(167,139,250,.28);--tw-shadow-colored:0 0 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(248\2c 113\2c 113\2c 0\.34\)\]{--tw-shadow:0 0 40px hsla(0,91%,71%,.34);--tw-shadow-colored:0 0 40px var(--tw-shadow-color)}.shadow-\[0_0_40px_rgba\(248\2c 113\2c 113\2c 0\.34\)\],.shadow-ambient{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-ambient{--tw-shadow:0 8px 32px -8px rgba(0,0,0,.3);--tw-shadow-colored:0 8px 32px -8px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-black\/10{--tw-shadow-color:rgba(0,0,0,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-600\/20{--tw-shadow-color:rgba(79,70,229,.2);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}body,html{margin:0;padding:0;background-color:var(--background);font-family:var(--font-inter,"Inter"),sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.font-display,h1,h2,h3,h4,h5,h6{font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;letter-spacing:-.025em}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}::-moz-selection{background:color-mix(in srgb,var(--primary) 28%,transparent)}::selection{background:color-mix(in srgb,var(--primary) 28%,transparent)}:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-20:80px;--container-max:1200px;--container-px:20px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-pill:999px;--surface-card:hsla(0,0%,100%,.03);--border-default:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14)}html:not(.dark){--surface-card:rgba(0,0,0,.03);--border-default:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.16)}h1{font-size:var(--text-4xl);line-height:1.15;letter-spacing:-.03em}h1,h2{font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;font-weight:600;color:var(--on-surface)}h2{font-size:var(--text-2xl);line-height:1.25;letter-spacing:-.02em}h3{font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;font-size:var(--text-lg);line-height:1.4;letter-spacing:-.01em}h3,h4{font-weight:500;color:var(--on-surface)}h4{font-size:var(--text-base);line-height:1.5}h5,h6{font-weight:500}h5,h6,p{font-size:var(--text-sm);color:var(--on-surface-variant)}p{line-height:1.7}small{font-size:var(--text-xs);color:var(--on-surface-variant)}.container,.content-container,.layout-content,.page-container{max-width:var(--container-max)!important;margin-inline:auto!important;padding-left:var(--container-px)!important;padding-right:var(--container-px)!important;width:100%!important;box-sizing:border-box!important}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.content-group,.section-group{display:flex;flex-direction:column;gap:var(--space-4)}.achievement-card,.app-card,.card,.continue-card,.home-dashboard-strip-card,.learning-flow-card,.lesson-card,.premium-lesson-card,.stat-card,.topic-card{background:var(--surface-card)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius)!important;padding:var(--space-6)!important}.achievement-card:hover,.card.interactive:hover,.card:is(a,button,article):hover,.continue-card:hover,.lesson-card:hover,.premium-lesson-card:hover,.stat-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{border-color:var(--border-hover)!important;transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important}.app-button,.btn,[data-variant=primary],button.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.app-button-primary,.btn:not(.secondary):not(.ghost):not(.outline):not(.danger){background:var(--primary)!important;color:var(--on-primary,#fff)!important;border-color:transparent!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.app-button-primary:hover,.btn:not(.secondary):not(.ghost):not(.outline):not(.danger):hover{transform:translateY(-1px) scale(1.03)!important;box-shadow:0 6px 20px rgba(0,0,0,.3)!important;opacity:1!important}.app-button-secondary,.btn.outline,.btn.secondary{background:transparent!important;border-color:var(--border-default)!important;color:var(--on-surface)!important}.app-button-secondary:hover,.btn.outline:hover,.btn.secondary:hover{border-color:var(--border-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.app-button-ghost,.btn.ghost{border-color:transparent!important;color:var(--on-surface-variant)!important}.app-button-ghost:hover,.btn.ghost:hover{color:var(--on-surface)!important;background:hsla(0,0%,100%,.05)!important}.btn:active,button:active{transform:scale(.97)!important}.bottom-nav-link,.bottom-nav-link.active,.bottom-nav-link:hover,.navbar-nav-link,.navbar-nav-link.active,.navbar-nav-link:hover,.sidebar-link,.sidebar-link.active,.sidebar-link:hover,.sidebar-link[aria-current=page],.sidebar-sublink,.sidebar-sublink.active,.sidebar-sublink:hover,.topbar-main-link,.topbar-main-link.active,.topbar-main-link:hover{opacity:1}.gap-card,.gap-standard{gap:var(--space-6)}.space-section{gap:var(--space-8)}.card-grid,.dashboard-metric-grid,.dashboard-overview-grid,.dashboard-section-grid,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid,.stats-grid{gap:var(--space-6)!important}.achievement-card,.app-card,.card,.continue-card,.engagement-toast,.lesson-card,.mobile-nav-panel,.modal,.navbar-dropdown,.premium-lesson-card,.stat-card,.topic-card{border-radius:var(--radius)!important}.app-button,.btn,.navbar-dropdown-item,.navbar-nav-link,.sidebar-link,.topbar-main-link{border-radius:var(--radius-sm)!important}.app-badge,.badge,.chip,.engagement-pill,.pill{border-radius:var(--radius-pill)!important}.app-shell{min-height:100vh;display:block}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;background:color-mix(in srgb,var(--surface-container-low) 85%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid var(--border-glass);transition:background .3s ease;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem 1.25rem;border-bottom:1px solid var(--border-glass);margin-bottom:.5rem}.brand-title{font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;font-weight:800;font-size:.9rem;color:var(--on-surface);line-height:1.3;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:.68rem;margin-top:1px}.brand-subtitle,.sidebar-link{color:var(--on-surface-variant)}.sidebar-link{gap:.65rem;padding:.6rem .875rem;border-radius:.75rem;font-weight:500;font-size:.85rem;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.sidebar-link:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--on-surface)}.sidebar-link.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.page-wrap{display:flex;flex-direction:column;min-height:100vh;padding:0 1rem 0 1.25rem}.topbar{position:fixed;z-index:60;background:color-mix(in srgb,var(--surface-container) 80%,transparent);padding:0;margin:0;border-radius:0;border:none;border-bottom:1px solid var(--border-glass);transition:background .3s ease}.engagement-pill-row{display:flex;align-items:center;gap:.5rem}.engagement-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);color:var(--on-surface);font-size:.78rem;font-weight:700;white-space:nowrap}.seo-table{width:100%;border-collapse:collapse}.seo-table td,.seo-table th{padding:.9rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 45%,transparent);text-align:left;vertical-align:top}.seo-table th{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-surface-variant)}.seo-table td{font-size:.92rem;line-height:1.65;color:var(--on-surface)}.engagement-pill-fire{box-shadow:0 0 0 1px rgba(245,158,11,.08),0 0 22px rgba(245,158,11,.18);animation:fire-glow 1.8s ease-in-out infinite}.engagement-toast{position:fixed;left:50%;bottom:1.5rem;z-index:60;transform:translateX(-50%);width:min(92vw,460px)}.engagement-toast-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:start;padding:1rem 1rem 1rem .9rem;border-radius:1.2rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-high) 94%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;animation:engagement-toast-in .22s ease}.engagement-toast-success{box-shadow:0 24px 70px rgba(52,211,153,.12)}.engagement-toast-encourage{box-shadow:0 24px 70px rgba(245,158,11,.12)}.engagement-toast-progress{box-shadow:0 24px 70px rgba(107,159,255,.18)}.engagement-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.engagement-toast-copy{display:flex;flex-direction:column;gap:.3rem}.engagement-toast-copy strong{font-size:1rem}.engagement-toast-copy p{margin:0;color:var(--on-surface-variant);line-height:1.5;font-size:.9rem}.engagement-toast-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.2rem}.engagement-toast-meta a,.engagement-toast-meta span{font-size:.78rem;font-weight:700}.engagement-toast-meta a{color:var(--primary)}.engagement-toast-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--on-surface-variant);cursor:pointer}.continue-card{display:flex;justify-content:space-between;gap:1.25rem;align-items:center;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:radial-gradient(circle at top right,color-mix(in srgb,var(--secondary) 20%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--surface-container-high) 94%,transparent),color-mix(in srgb,var(--surface-container-low) 94%,transparent))}.continue-card-copy{display:flex;flex-direction:column;gap:.45rem}.continue-card-copy h3{margin:0;font-size:1.2rem}.continue-card-copy p{margin:0;color:var(--on-surface-variant);line-height:1.6;max-width:54ch}.continue-card-eyebrow{display:inline-flex;align-items:center;color:var(--primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.continue-card-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.home-momentum-grid,.home-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-momentum-pill,.home-reward-card{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:1.1rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-low) 78%,transparent)}.home-momentum-pill strong{display:block;font-size:1rem}.home-momentum-pill span{font-size:.82rem;color:var(--on-surface-variant)}.home-reward-card{flex-direction:column}.home-leaderboard-card{padding:1.2rem}.home-reward-card h3,.home-reward-card p{margin:0}.home-reward-card p{color:var(--on-surface-variant);line-height:1.6}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.achievement-grid-compact{grid-template-columns:1fr}.achievement-card{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem;border-radius:1.2rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-low) 80%,transparent)}.achievement-card.earned{box-shadow:0 18px 42px rgba(107,159,255,.12)}.achievement-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.achievement-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.achievement-card-status{font-size:.78rem;font-weight:700;color:var(--on-surface-variant)}.achievement-card h3,.achievement-card p{margin:0}.achievement-card p{color:var(--on-surface-variant);line-height:1.6}.achievement-progress{margin-top:auto}.leaderboard-table{display:flex;flex-direction:column;gap:.75rem}.leaderboard-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-low) 80%,transparent)}.leaderboard-row.current-user{border-color:color-mix(in srgb,var(--primary) 36%,transparent);box-shadow:0 18px 42px rgba(107,159,255,.12)}.leaderboard-rank{font-size:1.05rem;font-weight:800;color:var(--primary)}.leaderboard-user{display:flex;flex-direction:column;gap:.12rem}.leaderboard-user span{color:var(--on-surface-variant);font-size:.84rem}.leaderboard-xp{font-size:.95rem;font-weight:700}@keyframes fire-glow{0%,to{box-shadow:0 0 0 1px rgba(245,158,11,.08),0 0 18px rgba(245,158,11,.14)}50%{box-shadow:0 0 0 1px rgba(245,158,11,.14),0 0 26px rgba(245,158,11,.28)}}@keyframes engagement-toast-in{0%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.stat-card{background:color-mix(in srgb,var(--surface-container-low) 80%,transparent);border-radius:var(--radius-xl);padding:1.75rem;border:1px solid var(--border-glass);transition:transform .25s ease,box-shadow .25s ease,background .3s ease,border-color .25s ease;backdrop-filter:none;-webkit-backdrop-filter:none}.card.interactive:hover,.card:is(article,a,button):hover{background:var(--surface-container);transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(0,0,0,.4),0 0 0 1px var(--border-glass);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}html:not(.dark) .card.interactive:hover,html:not(.dark) .card:is(article,a,button):hover{box-shadow:0 12px 32px -8px rgba(37,99,235,.12)}.card-glass{background:color-mix(in srgb,var(--surface-container-high) 50%,transparent);border-radius:var(--radius-xl);padding:1.75rem;border:1px solid var(--border-glass);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .25s ease,box-shadow .25s ease}.card-glass:hover{transform:translateY(-3px);box-shadow:0 0 30px var(--glow-sm)}.card.hero{background:transparent;position:relative;overflow:hidden;padding:0;border:none}.hero h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:.75rem 0}.chip,.pill{gap:.375rem;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border-radius:999px;padding:.3rem .85rem;font-size:.78rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);transition:background .2s ease}.btn,.chip,.pill{display:inline-flex;align-items:center;white-space:nowrap}.btn{justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));color:#fff;border-radius:999px;padding:.65rem 1.4rem;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);opacity:1;transition:opacity .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--glow-primary)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0);opacity:1}.btn:disabled{opacity:1;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:color-mix(in srgb,var(--surface-container-highest) 90%,transparent);color:var(--on-surface);border:1px solid var(--border-glass);box-shadow:none}.btn.secondary:hover{background:var(--surface-container-highest);box-shadow:0 4px 16px rgba(0,0,0,.2)}.btn.outline{background:transparent;color:var(--primary);border:1.5px solid color-mix(in srgb,var(--primary) 50%,transparent)}.btn.outline:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary)}.btn.success{background:linear-gradient(135deg,#34d399,#059669);color:#fff}.btn.danger{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.nav-link:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--on-surface)}.control-button{height:2.25rem;padding:0 .875rem;border-radius:999px;background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid var(--border-glass);font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:background .18s,color .18s,box-shadow .18s;white-space:nowrap}.control-button:hover{background:var(--surface-container-highest);color:var(--on-surface);box-shadow:0 0 12px var(--glow-sm)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem}.muted{color:var(--on-surface-variant)}.error-text{color:var(--error)}.success-text{color:var(--success)}.section-header{margin:1.75rem 0 1rem}.section-header h2{font-size:1.35rem;margin:0}.content-stack{display:flex;flex-direction:column;gap:1.25rem}.text-gradient,.text-gradient-full{color:var(--text)!important}.input,.select,.textarea{background:var(--surface-container-lowest);border:1.5px solid var(--border-glass);color:var(--on-surface);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;width:100%;transition:border-color .2s,box-shadow .2s,background .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--on-surface-variant);opacity:1}.input::placeholder,.textarea::placeholder{color:var(--on-surface-variant);opacity:1}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.select{cursor:pointer;padding-right:2rem}.data-table{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:.875rem}.data-table td,.data-table th{padding:.875rem 1rem;text-align:left}.data-table thead th{color:var(--on-surface-variant);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.data-table tbody tr td{background:var(--surface-container-low);vertical-align:middle}.data-table tbody tr:hover td{background:var(--surface-container)}.data-table tbody tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.data-table tbody tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.bubble{border-radius:var(--radius-md);padding:.875rem 1.125rem;line-height:1.6;font-size:.9rem;max-width:85%}.bubble.user{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--on-surface);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);align-self:flex-end;border-bottom-right-radius:4px}.bubble.assistant{background:var(--surface-container-low);border:1px solid var(--border-glass);border-bottom-left-radius:4px}.badge-a1{background:rgba(74,222,128,.12);color:#4ade80;border:1px solid rgba(74,222,128,.2);border-radius:6px}.badge-a1,.badge-a2{padding:2px 8px;font-size:.72rem;font-weight:700}.badge-a2{background:rgba(134,239,172,.12);color:#86efac;border:1px solid rgba(134,239,172,.2);border-radius:6px}.badge-b1{background:rgba(96,165,250,.12);color:#60a5fa;border:1px solid rgba(96,165,250,.2);border-radius:6px}.badge-b1,.badge-b2{padding:2px 8px;font-size:.72rem;font-weight:700}.badge-b2{background:rgba(167,139,250,.12);color:#a78bfa;border:1px solid rgba(167,139,250,.2);border-radius:6px}.badge-c1{background:hsla(0,94%,82%,.12);color:#fca5a5;border:1px solid hsla(0,94%,82%,.2);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}html:not(.dark) .badge-a1{background:#dcfce7;color:#16a34a}html:not(.dark) .badge-a2{background:#f0fdf4;color:#15803d}html:not(.dark) .badge-b1{background:#dbeafe;color:#1d4ed8}html:not(.dark) .badge-b2{background:#ede9fe;color:#7c3aed}html:not(.dark) .badge-c1{background:#fee2e2;color:#dc2626}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);margin-bottom:.375rem}.stat-value{color:var(--on-surface);transition:color .25s ease,transform .25s ease}.stat-card:hover .stat-value{color:var(--primary);transform:translateY(-1px)}.key-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.key-points li{color:var(--on-surface-variant);font-size:.875rem}.key-points li strong{color:var(--on-surface)}@keyframes fade-in{0%{opacity:1}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(24px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes slide-from-top{0%{transform:translateY(-10px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes slide-from-bottom{0%{transform:translateY(16px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--glow-primary),0 0 60px transparent}50%{box-shadow:0 0 40px var(--glow-primary),0 0 80px var(--glow-secondary)}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 40%,transparent)}50%{box-shadow:0 0 0 8px transparent}}@keyframes orb-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,10px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-in{animation-fill-mode:both;animation-timing-function:ease-out}.fade-in{animation:fade-in .28s}.slide-up{animation:slide-up .4s}.slide-in-from-top-1{animation:slide-from-top .22s}.slide-in-from-bottom-4{animation:slide-from-bottom .22s}.scale-in{animation:scale-in .18s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-orb{animation:orb-drift 12s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.04)}.shimmer{background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container-high) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}.hero-bg{inset:0;overflow:hidden}.hero-bg,.orb{position:absolute}.orb{border-radius:50%;filter:none;display:none;opacity:1}.orb-primary{background:var(--grad-start);width:500px;height:500px;top:-150px;right:-100px;animation:orb-drift 14s ease-in-out infinite}.orb-secondary{background:var(--grad-mid);width:400px;height:400px;bottom:-120px;left:-80px;animation:orb-drift 18s ease-in-out infinite reverse}.orb-accent{background:var(--grad-end);width:300px;height:300px;top:40%;left:35%;opacity:1;animation:orb-drift 22s ease-in-out infinite}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");display:none;opacity:1}.grid-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(107,159,255,.08) 1px,transparent 0);background-size:40px 40px}.landing-section{position:relative;padding:6rem 0}.section-label{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:999px;padding:.25rem .875rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;letter-spacing:-.03em;color:var(--on-surface);line-height:1.15;margin:0 0 1rem}.section-subtitle{font-size:1.1rem;color:var(--on-surface-variant);line-height:1.7;max-width:52ch}.feature-icon{width:3rem;height:3rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative}.feature-icon-blue{background:color-mix(in srgb,#6b9fff 15%,transparent);color:#6b9fff;border:1px solid color-mix(in srgb,#6b9fff 25%,transparent)}.feature-icon-purple{background:color-mix(in srgb,#a78bfa 15%,transparent);color:#a78bfa;border:1px solid color-mix(in srgb,#a78bfa 25%,transparent)}.feature-icon-green{background:color-mix(in srgb,#34d399 15%,transparent);color:#34d399;border:1px solid color-mix(in srgb,#34d399 25%,transparent)}.feature-icon-amber{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b;border:1px solid color-mix(in srgb,#f59e0b 25%,transparent)}.testimonial-card{background:color-mix(in srgb,var(--surface-container-low) 70%,transparent);border-radius:var(--radius-xl);padding:1.75rem;border:1px solid var(--border-glass);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .25s ease,box-shadow .25s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(0,0,0,.45),0 0 20px var(--glow-sm)}.stat-number{font-size:3rem;font-weight:900;font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;letter-spacing:-.04em;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.cta-section{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:5rem 3rem;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--grad-start) 12%,transparent),color-mix(in srgb,var(--grad-mid) 12%,transparent),color-mix(in srgb,var(--grad-end) 8%,transparent));border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.glass{background:color-mix(in srgb,var(--surface-container-high) 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-glass)}.floating-container{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100% - 24px)}.floating-panel{width:min(360px,calc(100% - 24px));max-width:100%}@media (max-width:1024px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:sticky;top:0;z-index:30;height:auto;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.625rem .75rem;border-right:none;border-bottom:1px solid var(--border-glass);gap:.25rem}.sidebar-brand{display:none}.sidebar-link{flex-direction:column;gap:.2rem;padding:.5rem .625rem;font-size:.68rem;border-radius:.625rem;min-width:54px;text-align:center;box-shadow:none}.page-wrap{padding:0 .75rem}.topbar{margin:.5rem 0 1rem;padding:.75rem 1rem}.card,.stat-card{padding:1.25rem}.landing-section{padding:4rem 0}.cta-section{padding:3rem 1.5rem}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.card.hero{padding:1.25rem}.btn{font-size:.82rem;padding:.55rem 1.1rem}.stat-number{font-size:2.25rem}.section-title{font-size:1.75rem}.floating-container{left:12px;right:12px;bottom:12px;align-items:stretch}.floating-panel{width:100%}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}#goog-gt-tt,.goog-te-balloon-frame,.goog-te-banner-frame,.goog-te-menu-frame,.goog-tooltip,div[id^=goog-gt-]{display:none!important;height:0!important}body{top:0!important}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent);margin:1rem 0}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:1.25rem}.level-tabs{display:flex;gap:.375rem;flex-wrap:wrap}.level-tab{padding:.45rem 1.1rem;border-radius:999px;font-size:.82rem;font-weight:600;background:color-mix(in srgb,var(--surface-container-highest) 80%,transparent);color:var(--on-surface-variant);border:1px solid var(--border-glass);cursor:pointer;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.level-tab:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--on-surface);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.level-tab.active{color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--glow-primary)}.level-tab.active,.stat-value{background:linear-gradient(135deg,var(--grad-start),var(--grad-mid))}.stat-value{font-size:1.75rem;font-weight:800;font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;letter-spacing:-.03em;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.shadow-ambient{box-shadow:0 4px 20px var(--glow-sm)}.page-hero{position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface-container-low) 80%,transparent);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:2rem 2rem 1.75rem;backdrop-filter:none;-webkit-backdrop-filter:none}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--grad-start) 8%,transparent),transparent 60%)}.page-hero-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--glow-primary);flex-shrink:0;margin-bottom:1rem}.progress-bar-track{height:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;overflow:hidden;margin-top:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--grad-start),var(--grad-mid));border-radius:999px;transition:width .6s ease}.desktop-sidebar{display:flex}.content-container{width:min(100%,1180px);padding:0 0 2rem}.topbar-leading{display:flex;align-items:flex-start;gap:.875rem;min-width:0;flex:1 1 0}.topbar-center{flex:0 1 420px;min-width:0}.header-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.header-copy p{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.header-copy h1{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15}.header-copy span{color:var(--on-surface-variant);font-size:.9rem;line-height:1.5;max-width:54ch}.breadcrumb-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.5rem;font-size:.76rem;color:var(--on-surface-variant)}.breadcrumb-item{display:inline-flex;align-items:center;gap:.35rem}.breadcrumb-item a:hover{color:var(--on-surface)}.breadcrumb-separator{opacity:1}.back-button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.35rem;border:1px solid var(--border-glass);border-radius:999px;background:color-mix(in srgb,var(--surface-container-high) 86%,transparent);color:var(--on-surface);cursor:pointer;font-size:.82rem;font-weight:750;padding:0 .85rem;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;white-space:nowrap}.back-button:hover{border-color:color-mix(in srgb,var(--primary) 34%,transparent);color:var(--primary);transform:translateX(-1px)}.topbar-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;justify-content:flex-end}.status-pill{gap:.375rem;height:2.25rem;padding:0 .85rem;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 24%,transparent);font-size:.76rem;font-weight:700}.profile-chip,.status-pill{display:inline-flex;align-items:center;white-space:nowrap}.profile-chip{gap:.55rem;height:2.4rem;padding:0 .9rem;border-radius:999px;background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);border:1px solid var(--border-glass);color:var(--on-surface)}.profile-chip-label{font-size:.72rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em}.icon-button.is-muted{color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent);background:color-mix(in srgb,var(--error) 10%,transparent)}.sidebar-section{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{margin:.5rem 0 0;padding:0 .6rem;color:var(--on-surface-variant);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-links{gap:.35rem}.sidebar-link-copy,.sidebar-links{display:flex;flex-direction:column}.sidebar-link-copy{gap:.1rem;flex:1}.sidebar-link-copy span{color:inherit}.sidebar-link-copy small{color:var(--on-surface-variant);font-size:.73rem;line-height:1.35}.sidebar-link.active .sidebar-link-copy small,.sidebar-link:hover .sidebar-link-copy small{color:inherit;opacity:1}.sidebar-link-arrow{opacity:1;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease}.sidebar-link.active .sidebar-link-arrow,.sidebar-link:hover .sidebar-link-arrow{opacity:1;transform:translateX(0)}.sidebar-promo{margin-top:auto}.sidebar-promo h3{margin:1rem 0 .5rem;font-size:1rem;line-height:1.4}.brand-mark{width:2rem;height:2rem;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));box-shadow:0 10px 24px var(--glow-primary);flex-shrink:0}.brand-logo-frame{width:auto;height:auto;min-width:0;min-height:0;padding:.35rem .5rem;border-radius:1rem;background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);border:1px solid hsla(0,0%,100%,.08);box-shadow:none}.brand-logo{width:40px;height:40px;display:block;flex:0 0 auto}.icon-button{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--surface-container-high);color:var(--on-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .18s ease}.icon-button:hover{background:var(--surface-container-highest);transform:translateY(-1px)}.mobile-only{display:none}.sidebar-link-group{display:flex;flex-direction:column;gap:.2rem;position:relative}.sidebar-sublinks{display:grid;gap:.15rem;margin:.1rem 0 .25rem 2.25rem;padding-left:.65rem;border-left:1px solid color-mix(in srgb,var(--outline-variant) 60%,transparent);max-height:0;opacity:1;overflow:hidden;transition:max-height .18s ease,opacity .16s ease}.sidebar-link-group.open .sidebar-sublinks,.sidebar-link-group:focus-within .sidebar-sublinks,.sidebar-link-group:hover .sidebar-sublinks{max-height:14rem;opacity:1}.sidebar-sublink{display:flex;align-items:center;min-height:1.8rem;border-radius:.55rem;padding:.25rem .55rem;color:var(--on-surface-variant);font-size:.76rem;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar-sublink.active,.sidebar-sublink:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transform:translateX(2px)}.sidebar-submenu-toggle{position:absolute;top:.42rem;right:.45rem;width:1.9rem;height:1.9rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-surface-variant);background:transparent;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.sidebar-submenu-toggle:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.sidebar-link-group.open .sidebar-submenu-toggle,.sidebar-link-group:focus-within .sidebar-submenu-toggle,.sidebar-link-group:hover .sidebar-submenu-toggle{transform:rotate(90deg)}@media (min-width:1025px){.app-shell:not(.landing-shell){grid-template-columns:260px minmax(0,1fr);transition:grid-template-columns .18s ease}.app-shell:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:260px minmax(0,1fr)}.app-shell:not(.landing-shell) .desktop-sidebar{width:260px;max-width:260px;transition:width .18s ease,box-shadow .18s ease,background .18s ease}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within){width:260px;padding-inline:.75rem}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand{justify-content:flex-start;padding-inline:0}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand>div:last-child,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-arrow,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-copy,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-section-title,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-sublinks{width:auto;max-width:none;height:auto}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link{justify-content:flex-start;gap:.65rem;padding-inline:.875rem;min-height:2.8rem}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link.active{box-shadow:inset 0 -3px 0 var(--primary)}}.bottom-nav{position:fixed;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:55;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.4rem;border:1px solid var(--border-glass);border-radius:1.15rem;background:color-mix(in srgb,var(--surface-container-high) 92%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:none;-webkit-backdrop-filter:none}.bottom-nav-link{display:flex;min-width:0;min-height:3rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.9rem;color:var(--on-surface-variant);font-size:.68rem;font-weight:750;transition:background .18s ease,color .18s ease,transform .18s ease}.bottom-nav-link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-link.active,.bottom-nav-link:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);transform:translateY(-1px)}.mobile-nav-shell{position:fixed;inset:0;z-index:80}.mobile-nav-backdrop{position:absolute;inset:0;border:none;background:rgba(4,7,13,.66);backdrop-filter:none}.mobile-nav-panel{position:relative;width:min(92vw,340px);height:100%;background:color-mix(in srgb,var(--surface-container-low) 92%,transparent);border-right:1px solid var(--border-glass);padding:1rem .875rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-search-shell{position:relative;width:min(100%,420px)}.topbar-search{display:flex;align-items:center;gap:.55rem;height:2.65rem;padding:0 .65rem 0 .8rem;border-radius:999px;background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);border:1px solid var(--border-glass);min-width:min(100%,320px)}.topbar-search-icon{color:var(--on-surface-variant);flex-shrink:0}.topbar-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--on-surface);font-size:.88rem}.topbar-search-input::-moz-placeholder{color:var(--on-surface-variant)}.topbar-search-input::placeholder{color:var(--on-surface-variant)}.topbar-search-shortcut{display:inline-flex;align-items:center;gap:.2rem;height:1.7rem;padding:0 .45rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--surface-container-lowest);color:var(--on-surface-variant);cursor:pointer}.topbar-search-results{position:absolute;top:calc(100% + .55rem);left:0;right:0;display:flex;flex-direction:column;gap:.25rem;padding:.6rem;border-radius:1.15rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container) 94%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 50px rgba(0,0,0,.28);z-index:90}.topbar-search-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:flex-start;padding:.75rem .8rem;border-radius:.95rem;transition:background .18s ease,border-color .18s ease;border:1px solid transparent}.topbar-search-result.active,.topbar-search-result:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.topbar-search-result-type{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.3rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--surface-container-highest) 92%,transparent);color:var(--primary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.topbar-search-result-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.topbar-search-result-copy strong{font-size:.9rem}.topbar-search-result-copy span{color:var(--on-surface-variant);font-size:.8rem;line-height:1.45}.topbar-search-empty,.topbar-search-footer,.topbar-search-loading{padding:.8rem;border-radius:.95rem;color:var(--on-surface-variant);font-size:.82rem}.topbar-search-loading{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700}.topbar-search-footer{border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-high) 80%,transparent);cursor:pointer;color:var(--on-surface);text-align:left}.search-highlight{background:color-mix(in srgb,var(--primary) 26%,transparent);color:var(--on-surface);border-radius:.3rem;padding:0 .18rem}.app-badge{gap:.35rem;min-height:2rem;padding:.35rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.app-badge,.app-button{display:inline-flex;align-items:center;justify-content:center;font-weight:700}.app-button{gap:.5rem;min-height:2.8rem;padding:0 1.1rem;border-radius:999px;border:1px solid transparent;font-size:.9rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;cursor:pointer}.app-button:hover{transform:translateY(-1px)}.app-button-primary{color:#fff;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));box-shadow:0 10px 28px var(--glow-primary)}.app-button-secondary{color:var(--on-surface);background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);border-color:var(--border-glass)}.app-button-ghost{color:var(--on-surface-variant);background:transparent;border-color:var(--border-glass)}.app-card{background:color-mix(in srgb,var(--surface-container-low) 84%,transparent);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:1.5rem;backdrop-filter:none;-webkit-backdrop-filter:none}.app-card-interactive{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.app-card-interactive:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 28%,transparent);box-shadow:0 18px 36px rgba(0,0,0,.28)}.app-section{display:flex;flex-direction:column;gap:1rem}.app-section-header{gap:.55rem;max-width:70ch}.app-section-eyebrow{display:inline-flex;align-items:center}.app-section-header h2{margin:0;font-size:clamp(1.65rem,4vw,2.7rem);line-height:1.06}.app-section-header p{margin:0;color:var(--on-surface-variant);line-height:1.7}.app-progress{display:flex;flex-direction:column;gap:.5rem}.app-progress-label-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.84rem;color:var(--on-surface-variant)}.app-progress-label-row strong{color:var(--on-surface)}.app-progress-track{height:.6rem;background:color-mix(in srgb,var(--primary) 12%,transparent);overflow:hidden}.app-progress-fill{height:100%;background:linear-gradient(90deg,var(--grad-start),var(--grad-mid));transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px color-mix(in srgb,var(--primary) 22%,transparent)}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.25rem;align-items:stretch}.home-hero-copy{display:flex;flex-direction:column;gap:1rem}.home-landing{gap:4rem}.home-kicker{display:inline-flex;align-items:center;font-size:.84rem;font-weight:700;color:var(--on-surface-variant)}.home-hero-panel-clean{background:#0b1220;border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:3.25rem 3rem}.home-hero-heading{display:flex;flex-direction:column;gap:.85rem;max-width:34rem}.home-hero-heading h1{margin:0;font-size:clamp(2.8rem,7vw,4.9rem);letter-spacing:-.05em}.home-hero-heading p{margin:0;font-size:1.05rem;line-height:1.55;color:var(--on-surface-variant)}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.home-feature-card h3,.practice-hub-card h3{margin:.9rem 0 .45rem;font-size:1.08rem}.home-feature-card p,.practice-hub-card p{margin:0;color:var(--on-surface-variant);line-height:1.65}.home-feature-card-clean{min-height:12.25rem;background:#0b1220;border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-feature-card-clean:hover{transform:scale(1.05);border-color:color-mix(in srgb,var(--primary) 28%,hsla(0,0%,100%,.1));box-shadow:0 18px 36px rgba(0,0,0,.28)}.practice-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.practice-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;align-items:center}.quiz-card{gap:1.25rem}.quiz-progress{margin-top:.2rem}.quiz-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.9rem}.quiz-choice{min-height:3.5rem;padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-high) 86%,transparent);color:var(--on-surface);font-weight:600;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease;cursor:pointer}.quiz-choice.selected,.quiz-choice:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent)}.quiz-prompt-text{margin:0;font-size:1.08rem;line-height:1.85}.quiz-match-grid{display:grid;gap:.85rem}.quiz-match-row{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:.8rem;align-items:center}.quiz-feedback{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:1rem;border:1px solid transparent}.quiz-feedback.correct{background:color-mix(in srgb,var(--success) 10%,transparent);border-color:color-mix(in srgb,var(--success) 22%,transparent);color:var(--success)}.quiz-feedback.incorrect{background:color-mix(in srgb,var(--error) 10%,transparent);border-color:color-mix(in srgb,var(--error) 22%,transparent);color:var(--error)}.quiz-feedback p,.quiz-feedback span{display:block;margin:.25rem 0 0;color:var(--on-surface-variant);line-height:1.6}.language-select{min-width:132px;max-width:132px;padding-right:1rem}.marketing-shell{min-height:100vh;background:var(--background)}.marketing-hero{position:relative;overflow:hidden;padding:1.5rem clamp(1rem,3vw,2rem) 5rem}.marketing-nav{width:min(100%,1180px);margin:0 auto;padding:.875rem 1rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.marketing-brand{display:flex;align-items:center;gap:.875rem}.marketing-links{display:flex;align-items:center;gap:1rem;color:var(--on-surface-variant);font-size:.92rem;font-weight:600}.marketing-links a:hover{color:var(--on-surface)}.marketing-content{width:min(100%,1180px);margin:0 auto;padding:clamp(3rem,8vw,6rem) 0 0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.5rem;align-items:center}.marketing-copy{position:relative;z-index:1}.marketing-actions{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;margin-top:2rem}.marketing-actions.center{justify-content:center}.hero-proof-card{position:relative;z-index:1}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.proof-stat{display:flex;flex-direction:column;gap:.2rem;padding:1rem;border-radius:1rem;background:color-mix(in srgb,var(--surface-container-high) 65%,transparent);border:1px solid var(--border-glass)}.proof-stat strong{font-size:1.5rem;font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif}.proof-stat span{color:var(--on-surface-variant);font-size:.84rem}.marketing-section{width:min(100%,1180px);margin:0 auto;padding-left:clamp(1rem,2vw,0);padding-right:clamp(1rem,2vw,0)}.section-header-stack{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.feature-card{display:block}.feature-card h3,.testimonial-card h3{margin:1rem 0 .625rem;font-size:1.05rem;line-height:1.4}.feature-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--primary);font-weight:700;font-size:.86rem}.marketing-cta-copy{margin:0 auto}.error-screen{min-height:100vh;justify-content:center;background:radial-gradient(circle at top,rgba(107,159,255,.12),transparent 36%),var(--background)}.error-card,.error-screen{padding:2rem;display:flex;align-items:center}.error-card{width:min(100%,560px);flex-direction:column;gap:1rem;text-align:center;border-radius:1.75rem;background:color-mix(in srgb,var(--surface-container-low) 84%,transparent);border:1px solid var(--border-glass);backdrop-filter:none}.error-card h1{margin:0;line-height:1.2}.error-card p{margin:0;color:var(--on-surface-variant);line-height:1.6}.error-icon{width:4rem;height:4rem;border-radius:1.25rem;display:inline-flex;background:color-mix(in srgb,var(--error) 14%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 28%,transparent)}.error-actions,.error-icon{align-items:center;justify-content:center}.error-actions{display:flex;gap:.875rem;flex-wrap:wrap}.dashboard-page{width:min(100%,1200px);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.dashboard-continue-card,.dashboard-hero{padding:2rem}.dashboard-hero-grid,.dashboard-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.dashboard-hero-copy{display:flex;flex-direction:column;gap:1.25rem}.dashboard-hero-title{display:flex;align-items:flex-start;gap:1rem}.dashboard-hero-title h2{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}.dashboard-hero-title p{margin:.75rem 0 0;max-width:58ch;color:var(--on-surface-variant);line-height:1.7}.dashboard-hero-actions{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.dashboard-hero-panel{display:flex;flex-direction:column;gap:.875rem;min-height:100%}.dashboard-continue-card,.dashboard-stats-card{min-height:100%}.dashboard-secondary-metrics{margin-top:0}.dashboard-panel-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.dashboard-hero-panel h3{margin:0;font-size:1.2rem}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:auto}.dashboard-metric{display:flex;flex-direction:column;gap:.25rem;padding:.9rem;border-radius:1rem;background:color-mix(in srgb,var(--surface-container-high) 68%,transparent);border:1px solid var(--border-glass)}.dashboard-metric span{font-size:.74rem;color:var(--on-surface-variant)}.dashboard-metric strong{font-size:1.15rem;font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif}.challenge-card,.smart-path-card,.speaking-evaluator-shell,.speaking-feedback-panel{position:relative;overflow:hidden}.challenge-card:before,.smart-path-card:before,.speaking-evaluator-shell:before{content:"";position:absolute;inset:0;background:none;opacity:1}.challenge-card>*,.smart-path-card>*,.speaking-evaluator-shell>*{position:relative;z-index:1}.streak-flame-badge{width:2.75rem;height:2.75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#f59e0b;background:color-mix(in srgb,#f59e0b 12%,var(--surface-container-high));border:1px solid color-mix(in srgb,#f59e0b 28%,transparent);animation:fire-glow 2.4s ease-in-out infinite}.speaking-mic-button{will-change:transform,box-shadow}.speaking-score-card{transition:transform .2s ease,border-color .2s ease}.speaking-score-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 24%,transparent)}.dashboard-section-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1.25rem}.dashboard-action-card{padding:1.2rem}.dashboard-action-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-action-icon{width:2.5rem;height:2.5rem;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.dashboard-action-card h4{margin:1rem 0 .45rem;font-size:1rem}.dashboard-action-card p{margin:0;line-height:1.6}.dashboard-module-list{display:flex;flex-direction:column;gap:.85rem}.dashboard-module-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,180px);gap:1rem;padding:1rem 1.1rem;border-radius:1rem;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface-container-low) 72%,transparent);transition:transform .18s ease,border-color .18s ease,background .18s ease}.dashboard-module-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:color-mix(in srgb,var(--surface-container) 86%,transparent)}.dashboard-module-meta{display:flex;flex-direction:column;gap:.25rem}.dashboard-module-meta span{color:var(--on-surface-variant);font-size:.82rem}.dashboard-module-value{display:flex;flex-direction:column;gap:.45rem;justify-content:center;text-align:right}.dashboard-module-value span{font-size:.82rem;font-weight:700;color:var(--primary)}@media (max-width:1024px){.desktop-sidebar{display:none}.mobile-only{display:inline-flex}.bottom-nav.mobile-only{display:grid}.app-shell:not(.landing-shell) .page-wrap{padding-bottom:5.75rem}.app-shell:not(.landing-shell) .floating-container{bottom:5.75rem}.hide-sm{display:none}.topbar{justify-content:space-between}.topbar-actions{justify-content:flex-end}.topbar-search-shell{width:100%}.topbar-center{flex:1 1 100%;order:3}.marketing-nav{padding:.75rem .875rem}.dashboard-hero-grid,.dashboard-overview-grid,.dashboard-section-grid,.home-feature-grid,.home-hero-grid,.marketing-content,.practice-builder-grid{grid-template-columns:1fr}}@media (max-width:640px){.marketing-links{display:none}.topbar{align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}.topbar-search{min-width:0}.quiz-match-row{grid-template-columns:1fr}.language-select{min-width:120px;max-width:120px}.proof-grid{grid-template-columns:1fr}.marketing-actions{width:100%}.marketing-actions>*{width:100%;justify-content:center}.dashboard-hero{padding:1.4rem}.dashboard-hero-title{flex-direction:column}.dashboard-hero-actions>*{width:100%;justify-content:center}.dashboard-metric-grid,.dashboard-module-row{grid-template-columns:1fr}.dashboard-module-value{text-align:left}}:root{--background:#0b1220;--surface:#0f172a;--surface-container-lowest:#0b1220;--surface-container-low:#101827;--surface-container:#111827;--surface-container-high:#162033;--surface-container-highest:#1c2940;--primary:#6366f1;--primary-container:#7c3aed;--secondary:#8b5cf6;--grad-start:#6366f1;--grad-mid:#7c3aed;--grad-end:#9333ea;--on-background:#f8fafc;--on-surface:#f8fafc;--on-surface-variant:#94a3b8;--outline-variant:hsla(0,0%,100%,.08);--border-glass:hsla(0,0%,100%,.08);--radius-xl:1.5rem;--radius-lg:1.125rem;--radius-md:0.95rem}body,html{background:radial-gradient(circle at top,rgba(99,102,241,.12),transparent 28%),radial-gradient(circle at right top,rgba(124,58,237,.12),transparent 22%),var(--background);color:var(--on-surface);line-height:1.6}.app-shell{background:radial-gradient(circle at top,rgba(99,102,241,.08),transparent 24%),var(--background)}.app-card,.card,.card-glass,.dashboard-module-row,.home-feature-card-clean,.home-hero-panel-clean,.page-hero,.sidebar,.site-footer,.stat-card,.topbar-search-results{background:color-mix(in srgb,var(--surface-container) 92%,transparent);border-color:hsla(0,0%,100%,.08)}.page-wrap{padding:0 1.5rem 0 1.75rem}.content-container{width:min(100%,1280px);margin:0 auto;padding:0 0 2.5rem}.topbar{gap:1.25rem;padding:1rem 1.25rem;margin:1rem 0 1.5rem;border-radius:1.5rem;background:color-mix(in srgb,var(--surface-container) 90%,transparent);border-color:hsla(0,0%,100%,.08);box-shadow:0 18px 40px rgba(0,0,0,.22)}.topbar-leading{align-items:center;gap:1rem}.topbar-center{flex:1 1 420px}.topbar-actions{gap:.75rem}.header-copy{gap:.5rem}.topbar-logo{gap:.9rem;min-width:0}.topbar-logo,.topbar-logo-mark{display:inline-flex;align-items:center}.topbar-logo-mark{width:auto;height:auto;justify-content:center;border-radius:.95rem;flex-shrink:0;padding:.35rem .5rem}.topbar-logo strong{display:block;font-size:.96rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.topbar-logo span{display:block;margin-top:.2rem;color:var(--on-surface-variant);font-size:.78rem;line-height:1.35}.breadcrumb-row{margin-top:0;font-size:.74rem}.topbar-search-shell{width:min(100%,520px)}.topbar-search{min-width:0;width:100%;height:2.9rem;background:color-mix(in srgb,var(--surface-container-high) 92%,transparent)}.icon-button,.topbar-search{border-color:hsla(0,0%,100%,.08)}.icon-button{background:color-mix(in srgb,var(--surface-container-high) 90%,transparent)}.icon-button:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface-container-high))}.page-hero{padding:2.25rem;border-radius:1.5rem;box-shadow:0 24px 50px rgba(0,0,0,.22)}.app-card,.card,.card-glass,.stat-card{border-radius:1.5rem;box-shadow:0 12px 32px rgba(0,0,0,.18)}.app-card-interactive:hover,.card.interactive:hover,.card:is(article,a,button):hover,.dashboard-module-row:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.16);box-shadow:0 22px 48px rgba(0,0,0,.28)}.app-button-primary{background:linear-gradient(135deg,#6366f1,#7c3aed 58%,#9333ea)}.app-button-ghost,.app-button-secondary{border-color:hsla(0,0%,100%,.08)}.home-landing{gap:5rem;padding-top:.25rem}.home-hero-panel-clean{padding:3.5rem}.home-kicker{color:#cbd5e1;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.home-hero-heading{max-width:38rem}.home-hero-heading h1{font-size:clamp(3rem,7vw,5.1rem);font-weight:600;line-height:.96;letter-spacing:-.06em}.dashboard-action-card p,.home-feature-card p,.home-hero-heading p,.home-section-copy p,.practice-hub-card p,.site-footer p{color:var(--on-surface-variant);line-height:1.7}.home-level-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem 0 0}.home-section-copy{display:flex;flex-direction:column;gap:.6rem;max-width:40rem}.home-section-copy h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.08;font-weight:500;letter-spacing:-.04em}.level-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.level-card{position:relative;min-height:9rem;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(180deg,hsla(0,0%,100%,.08),transparent),linear-gradient(135deg,rgba(99,102,241,.34),rgba(147,51,234,.3));display:flex;align-items:flex-end;padding:1.4rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.level-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.2),transparent 42%)}.level-card:hover{transform:scale(1.05);border-color:hsla(0,0%,100%,.18);box-shadow:0 24px 52px rgba(79,70,229,.18)}.level-card span{position:relative;z-index:1;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.05em}.home-feature-grid{gap:1.25rem}.home-feature-card-clean{min-height:12.75rem;padding:1.6rem}.site-footer{margin:2.5rem auto 0;width:min(100%,1280px);padding:2rem;border-radius:1.5rem 1.5rem 0 0}.site-footer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr) minmax(220px,.9fr);gap:1.5rem;align-items:start}.site-footer h3{margin:0;font-size:1.05rem}.site-footer p{margin:0;max-width:26rem}.site-footer-links{display:flex;flex-direction:column;gap:.85rem}.site-footer-links a{color:var(--on-surface-variant);transition:color .18s ease}.site-footer-links a:hover{color:var(--on-surface)}.site-footer-controls{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.site-footer-socials{display:flex;align-items:center;gap:.65rem}.site-footer-socials a{width:2.4rem;height:2.4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.08);background:color-mix(in srgb,var(--surface-container-high) 90%,transparent);color:var(--on-surface-variant);opacity:1;transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.site-footer-socials a:hover{transform:scale(1.05) translateY(-1px);color:var(--on-surface);opacity:1;background:color-mix(in srgb,var(--primary) 12%,var(--surface-container-high));box-shadow:0 10px 24px rgba(99,102,241,.16)}.site-footer-bottom{margin-top:1.6rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08);color:var(--on-surface-variant);font-size:.82rem}@media (max-width:1024px){.page-wrap{padding:0 1rem}.content-container,.site-footer{width:100%}.achievement-grid,.continue-card,.home-momentum-grid,.home-reward-grid,.level-card-grid,.site-footer-grid{grid-template-columns:1fr}.continue-card{flex-direction:column;align-items:flex-start}.continue-card-actions{width:100%;justify-content:flex-start}.site-footer-controls{align-items:flex-start}}@media (max-width:640px){.topbar{padding:.9rem}.topbar-logo strong{font-size:.88rem}.topbar-logo span{font-size:.74rem}.home-hero-panel-clean,.page-hero,.site-footer{padding:1.5rem}.home-landing{gap:3rem}.engagement-pill-row{display:none}.leaderboard-row{grid-template-columns:1fr;gap:.45rem}.level-card{min-height:7rem}}:root{--background:#090b11;--surface:#0d1017;--surface-container-lowest:#090b11;--surface-container-low:#10141d;--surface-container:#131823;--surface-container-high:#181f2c;--surface-container-highest:#1d2636;--primary:#67f;--primary-container:#6f63f7;--secondary:#8d96ff;--tertiary:#8fa0b7;--grad-start:#67f;--grad-mid:#6f63f7;--grad-end:#7885ff;--on-background:#f5f7fb;--on-surface:#f5f7fb;--on-surface-variant:#9ea8ba;--outline-variant:hsla(0,0%,100%,.075);--border-glass:hsla(0,0%,100%,.075)}body,html{background:radial-gradient(circle at top,rgba(102,119,255,.08),transparent 24%),radial-gradient(circle at right top,rgba(102,119,255,.05),transparent 18%),var(--background);letter-spacing:-.01em}.app-shell{background:linear-gradient(180deg,hsla(0,0%,100%,.01),transparent 24%),var(--background)}.achievement-card,.app-card,.card,.card-glass,.continue-card,.home-momentum-pill,.home-reward-card,.leaderboard-row,.page-hero,.sidebar,.site-footer,.stat-card,.topbar{background:color-mix(in srgb,var(--surface-container) 94%,transparent);border-color:hsla(0,0%,100%,.07);box-shadow:0 10px 28px rgba(0,0,0,.16)}.sidebar{background:color-mix(in srgb,var(--surface-container-low) 96%,transparent)}.topbar{gap:1rem;margin:.75rem 0 1.25rem;padding:.9rem 1.15rem;box-shadow:0 12px 30px rgba(0,0,0,.16)}.page-hero{padding:2rem;box-shadow:0 14px 34px rgba(0,0,0,.18)}.app-card,.card,.card-glass,.stat-card{box-shadow:0 8px 24px rgba(0,0,0,.14)}.app-button,.app-card,.btn,.card,.card-glass,.continue-card,.dashboard-module-row,.icon-button,.level-card,.quiz-choice,.site-footer-socials a,.stat-card,.topbar-search,.topbar-search-shortcut{transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.app-card-interactive:hover,.card.interactive:hover,.card:is(article,a,button):hover,.dashboard-module-row:hover{transform:translateY(-2px) scale(1.01);border-color:hsla(0,0%,100%,.14);box-shadow:0 16px 34px rgba(0,0,0,.18)}.app-button:hover,.btn:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,10,18,.18)}.app-button:active,.btn:active,.icon-button:active,.quiz-choice:active,.site-footer-socials a:active{transform:scale(.97)}.app-button-primary,.btn{background:linear-gradient(135deg,var(--grad-start),var(--grad-mid))}.app-button-ghost,.app-button-secondary,.btn.outline,.btn.secondary{background:color-mix(in srgb,var(--surface-container-high) 94%,transparent)}.engagement-pill{padding:.5rem .72rem;font-size:.76rem;font-weight:650;background:color-mix(in srgb,var(--surface-container-high) 92%,transparent)}.engagement-pill-fire{animation:none;box-shadow:inset 0 0 0 1px rgba(102,119,255,.08)}.engagement-toast-inner{padding:.9rem .95rem .9rem .85rem;box-shadow:0 18px 34px rgba(0,0,0,.22);animation:engagement-toast-in .18s cubic-bezier(.2,.8,.2,1)}.continue-card{padding:1.35rem 1.4rem;border-radius:1.35rem;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-container-high) 98%,transparent),color-mix(in srgb,var(--surface-container-low) 98%,transparent))}.continue-card-copy{gap:.55rem}.continue-card-eyebrow{gap:.45rem;font-size:.72rem;letter-spacing:.11em;color:#c3cbff}.continue-card-dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px rgba(102,119,255,.12)}.dashboard-panel-kicker,.home-kicker{color:#c3cbff}.home-hero-heading h1{max-width:11ch;font-weight:560;letter-spacing:-.068em}.continue-card-copy p,.dashboard-action-card p,.home-feature-card p,.home-hero-heading p,.home-section-copy p,.practice-hub-card p,.site-footer p{color:var(--on-surface-variant);line-height:1.72}.level-card{border-color:hsla(0,0%,100%,.09);background:linear-gradient(180deg,hsla(0,0%,100%,.035),transparent),linear-gradient(135deg,rgba(102,119,255,.18),rgba(102,119,255,.08))}.level-card:hover{transform:translateY(-2px) scale(1.015);border-color:hsla(0,0%,100%,.14);box-shadow:0 18px 34px rgba(24,29,45,.22)}.site-footer-socials a:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 18px rgba(15,23,42,.16)}button[data-state=playing]{background:color-mix(in srgb,var(--primary) 14%,var(--surface-container-high));border-color:rgba(102,119,255,.22);color:var(--on-surface)}button[data-state=buffering]{background:color-mix(in srgb,var(--primary) 10%,var(--surface-container-high));border-color:rgba(102,119,255,.16)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.app-button:hover,.app-card-interactive:hover,.btn:hover,.card.interactive:hover,.card:is(article,a,button):hover,.dashboard-module-row:hover,.icon-button:hover,.level-card:hover,.site-footer-socials a:hover{transform:none!important}}html:not(.dark) body{background:radial-gradient(circle at top,rgba(37,99,235,.08),transparent 24%),radial-gradient(circle at right top,rgba(99,102,241,.06),transparent 20%),#f5f7ff;color:var(--on-surface)}html:not(.dark) .achievement-card,html:not(.dark) .app-card,html:not(.dark) .card,html:not(.dark) .card-glass,html:not(.dark) .continue-card,html:not(.dark) .dashboard-module-row,html:not(.dark) .home-momentum-pill,html:not(.dark) .home-reward-card,html:not(.dark) .leaderboard-row,html:not(.dark) .page-hero,html:not(.dark) .sidebar,html:not(.dark) .site-footer,html:not(.dark) .stat-card,html:not(.dark) .topbar{background:color-mix(in srgb,#fff 92%,var(--surface-container-low));border-color:rgba(15,23,42,.08);box-shadow:0 16px 40px rgba(148,163,184,.16)}html:not(.dark) .engagement-pill,html:not(.dark) .icon-button,html:not(.dark) .site-footer-socials a,html:not(.dark) .topbar-search{background:color-mix(in srgb,#fff 90%,var(--surface-container-low));border-color:rgba(15,23,42,.08);color:var(--on-surface)}html:not(.dark) .lesson-modal-shell,html:not(.dark) .story-reader-shell{background:linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(243,247,255,.96));border-color:rgba(15,23,42,.08);box-shadow:0 28px 80px rgba(148,163,184,.24)}html:not(.dark) .lesson-modal-glow,html:not(.dark) .story-reader-glow{opacity:1}html:not(.dark) .lesson-modal-backdrop{background:rgba(15,23,42,.22)}html:not(.dark) .lesson-panel-primary,html:not(.dark) .lesson-panel-secondary,html:not(.dark) .story-reader-aside,html:not(.dark) .story-reader-panel{background:color-mix(in srgb,#fff 94%,var(--surface-container-low));border-color:rgba(15,23,42,.08);color:var(--on-surface)}html:not(.dark) .story-reader-aside{background:color-mix(in srgb,#fff 90%,var(--surface-container-low))}html:not(.dark) .continue-card-eyebrow,html:not(.dark) .home-kicker,html:not(.dark) .lesson-panel-primary .dashboard-panel-kicker,html:not(.dark) .lesson-panel-secondary .dashboard-panel-kicker,html:not(.dark) .story-reader-panel .dashboard-panel-kicker{color:color-mix(in srgb,var(--primary) 78%,#1e293b)}.landing-shell{grid-template-columns:minmax(0,1fr)}.landing-shell .page-wrap{padding:0 1.5rem}.landing-shell .content-container,.landing-shell .site-footer{width:min(100%,1400px)}.topbar-landing{position:sticky;top:1rem;z-index:50;justify-content:space-between;gap:1.25rem;padding:.8rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--surface-container-high) 76%,transparent);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 24px 60px rgba(0,0,0,.2);backdrop-filter:none;-webkit-backdrop-filter:none}.landing-shell .topbar-landing .topbar-leading{flex:0 1 auto}.landing-shell .topbar-landing .topbar-center{flex:1 1 auto}.landing-shell .topbar-landing .header-copy{gap:.25rem}.landing-shell .topbar-landing .topbar-logo span{max-width:none}.landing-nav{display:flex;gap:.35rem;width:100%;padding:.32rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.08);background:color-mix(in srgb,var(--surface-container) 85%,transparent)}.landing-nav,.landing-nav-link{align-items:center;justify-content:center}.landing-nav-link{display:inline-flex;min-height:2.55rem;padding:0 1rem;border-radius:999px;color:var(--on-surface-variant);font-size:.88rem;font-weight:650;transition:transform .2s ease-out,color .2s ease-out,background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}.landing-nav-link.active,.landing-nav-link:hover{color:var(--on-surface);background:color-mix(in srgb,var(--primary) 14%,var(--surface-container-high));box-shadow:0 10px 24px rgba(15,23,42,.14);transform:scale(1.02)}.landing-topbar-actions{gap:.75rem}.landing-topbar-cta{white-space:nowrap}.landing-content-container{padding-bottom:3rem}.home-landing-premium{gap:6rem;padding-top:.75rem}.home-premium-hero-shell{position:relative;overflow:hidden;min-height:38rem;padding:clamp(1.6rem,3vw,2rem);border-radius:2rem;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(10,14,24,.96)),radial-gradient(circle at top left,rgba(102,119,255,.35),transparent 32%),radial-gradient(circle at right 15%,rgba(111,99,247,.24),transparent 24%);box-shadow:0 32px 80px rgba(0,0,0,.26)}.home-premium-hero-shell:after,.home-premium-hero-shell:before{content:"";position:absolute;inset:auto}.home-premium-hero-shell:before{top:-12%;right:-8%;width:26rem;height:26rem;border-radius:999px;background:radial-gradient(circle,rgba(148,163,255,.18),transparent 66%)}.home-premium-hero-shell:after{right:6%;bottom:-16%;width:32rem;height:32rem;border-radius:2.5rem;background:none;transform:rotate(-12deg);opacity:1}.home-premium-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:1.75rem;align-items:stretch;min-height:100%}.home-premium-copy,.home-showcase-stack{display:flex;flex-direction:column}.home-premium-copy{justify-content:space-between;gap:1.5rem;padding:clamp(1rem,3vw,1.6rem)}.home-kicker-hero{color:rgba(226,232,240,.84)}.home-premium-heading{display:flex;flex-direction:column;gap:1rem;max-width:40rem}.home-premium-heading h1{margin:0;font-size:clamp(3.6rem,7.2vw,6.4rem);font-weight:560;line-height:.9;letter-spacing:-.08em}.home-premium-heading p{margin:0;max-width:40rem;color:rgba(226,232,240,.74);font-size:1.04rem;line-height:1.8}.home-final-cta-actions,.home-hero-action-row{display:flex;flex-wrap:wrap;gap:.9rem}.home-proof-row{display:flex;flex-wrap:wrap;gap:.75rem}.home-proof-pill{display:inline-flex;align-items:center;gap:.5rem;min-height:2.8rem;padding:0 .95rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06);color:rgba(241,245,249,.92);font-size:.88rem;font-weight:650;backdrop-filter:none;-webkit-backdrop-filter:none}.home-proof-pill svg{color:#c4cbff}.home-showcase-stack{gap:1rem;justify-content:flex-end}.home-showcase-card{padding:1.5rem;border-radius:1.8rem;background:linear-gradient(145deg,rgba(18,24,36,.92),rgba(13,18,29,.94))}.home-preview-panel-header,.home-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-inline-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--on-surface);font-size:.84rem;font-weight:700;transition:transform .2s ease-out,color .2s ease-out}.home-inline-link:hover{color:#dfe4ff;transform:translateX(2px)}.home-showcase-main{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.home-showcase-main h2{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.02;letter-spacing:-.05em}.home-showcase-main p{margin:0;color:var(--on-surface-variant);line-height:1.7}.home-hero-stat-grid,.home-path-grid,.home-preview-mini-grid,.home-showcase-feature-grid,.home-trust-grid{display:grid;gap:1rem}.home-hero-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.home-hero-stat-card,.home-preview-mini-stat{padding:1rem;border-radius:1.2rem;border:1px solid hsla(0,0%,100%,.08);background:color-mix(in srgb,var(--surface-container-high) 88%,transparent)}.home-hero-stat-card span,.home-preview-mini-stat span{display:block;color:var(--on-surface-variant);font-size:.8rem;line-height:1.55}.home-hero-stat-card strong,.home-preview-mini-stat strong{display:block;margin-top:.3rem;font-size:1.4rem;font-weight:750;letter-spacing:-.04em}.home-showcase-progress{display:flex;flex-direction:column;gap:.9rem;margin-top:1.1rem}.home-showcase-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-showcase-feature-link{display:block}.home-showcase-feature-card{display:flex;flex-direction:column;gap:.75rem;min-height:100%;padding:1rem;border-radius:1.35rem;background:color-mix(in srgb,var(--surface-container) 92%,transparent)}.home-path-card h3,.home-showcase-feature-card strong,.home-trust-card h3{margin:0;font-size:1.02rem}.home-path-card p,.home-showcase-feature-card span,.home-trust-card p{color:var(--on-surface-variant);font-size:.9rem;line-height:1.65}.home-showcase-feature-icon,.home-trust-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.home-premium-section{display:flex;flex-direction:column;gap:1.8rem}.home-section-copy-wide{max-width:46rem}.home-section-copy-wide p{margin:0}.home-path-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-path-link{display:block}.home-feature-card-premium,.home-path-card,.home-preview-panel,.home-trust-card{min-height:100%}.home-path-card{display:flex;flex-direction:column;gap:.95rem;padding:1.35rem;border-radius:1.5rem;background:linear-gradient(180deg,hsla(0,0%,100%,.035),transparent),linear-gradient(145deg,rgba(102,119,255,.2),rgba(15,23,42,.2))}.home-feature-card-premium:hover,.home-path-card:hover,.home-showcase-feature-card:hover,.home-trust-card:hover{transform:translateY(-2px) scale(1.02)}.home-path-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#d9deff;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-feature-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))}.home-feature-card-premium{padding:1.7rem;border-radius:1.55rem}.home-preview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:1rem;align-items:start}.home-preview-panel{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border-radius:1.5rem}.home-preview-mini-grid{grid-template-columns:1fr}.home-preview-mini-stat{display:flex;gap:.8rem;align-items:flex-start}.home-preview-mini-stat svg{color:var(--primary);margin-top:.2rem;flex-shrink:0}.home-preview-board{padding-top:.3rem}.home-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-trust-card{display:flex;flex-direction:column;gap:.9rem;padding:1.45rem;border-radius:1.5rem}.home-trust-metric{display:block;color:var(--on-surface);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.05em;line-height:1}.home-retention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.home-retention-card{display:flex;min-height:100%;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:1.5rem;background:linear-gradient(180deg,hsla(0,0%,100%,.035),transparent),color-mix(in srgb,var(--surface-container) 94%,transparent)}.home-retention-card-hot{box-shadow:0 0 0 1px rgba(245,158,11,.08),0 18px 40px rgba(245,158,11,.08)}.home-retention-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.home-retention-card-hot .home-retention-icon{background:rgba(245,158,11,.12);color:#fbbf24;animation:fire-glow 2.4s ease-in-out infinite}.home-retention-card span{color:var(--on-surface-variant);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-retention-card strong{color:var(--on-surface);font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.1}.home-reminder-list p,.home-retention-card p{margin:0;color:var(--on-surface-variant);font-size:.9rem;line-height:1.65}.home-reminder-list{display:grid;gap:.65rem}.home-reminder-list p{padding:.75rem .85rem;border-radius:1rem;border:1px solid hsla(0,0%,100%,.06);background:color-mix(in srgb,var(--surface-container-high) 72%,transparent)}.home-final-cta-shell{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.6rem,4vw,2.2rem);border-radius:2rem;border:1px solid hsla(0,0%,100%,.09);background:linear-gradient(140deg,rgba(102,119,255,.16),rgba(111,99,247,.08) 50%,rgba(15,23,42,.14)),color-mix(in srgb,var(--surface-container) 96%,transparent);box-shadow:0 26px 60px rgba(0,0,0,.2)}.home-final-cta-shell:before{content:"";position:absolute;inset:auto auto -30% 68%;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(148,163,255,.18),transparent 70%)}.home-final-cta-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem;max-width:42rem}.home-final-cta-copy h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.055em}.home-final-cta-copy p{margin:0;color:var(--on-surface-variant);line-height:1.75}@media (max-width:1200px){.home-feature-grid-premium,.home-premium-hero-grid,.home-preview-grid,.home-retention-grid,.home-showcase-feature-grid,.home-trust-grid{grid-template-columns:1fr}.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.landing-shell .page-wrap{padding:0 1rem}.landing-shell .topbar-landing{border-radius:1.35rem}.landing-nav,.landing-shell .topbar-landing .topbar-center,.landing-topbar-cta{display:none}.home-final-cta-shell,.home-premium-hero-shell{border-radius:1.6rem}.home-hero-stat-grid,.home-path-grid{grid-template-columns:1fr}.home-final-cta-shell{flex-direction:column;align-items:flex-start}.home-final-cta-actions{width:100%}}@media (max-width:720px){.topbar-landing{padding:.75rem .85rem;border-radius:1.2rem}.landing-shell .topbar-landing .topbar-actions{width:auto}.home-landing-premium{gap:4rem}.home-feature-card-premium,.home-path-card,.home-premium-hero-shell,.home-preview-panel,.home-retention-card,.home-showcase-card,.home-trust-card{padding:1.25rem}.home-premium-heading h1{font-size:clamp(2.7rem,13vw,4rem);max-width:none}.home-premium-heading p{font-size:.96rem}.home-final-cta-actions,.home-hero-action-row{width:100%}.home-final-cta-actions>*,.home-hero-action-row>*{width:100%;justify-content:center}.home-proof-row{gap:.55rem}.home-proof-pill{width:100%;justify-content:flex-start}}html:not(.dark) .home-final-cta-shell,html:not(.dark) .home-path-card,html:not(.dark) .home-premium-hero-shell,html:not(.dark) .home-preview-panel,html:not(.dark) .home-retention-card,html:not(.dark) .home-showcase-card,html:not(.dark) .home-showcase-feature-card,html:not(.dark) .home-trust-card,html:not(.dark) .landing-nav,html:not(.dark) .topbar-landing{border-color:rgba(15,23,42,.08)}html:not(.dark) .topbar-landing{background:color-mix(in srgb,#fff 86%,transparent);box-shadow:0 24px 50px rgba(148,163,184,.18)}html:not(.dark) .landing-nav{background:color-mix(in srgb,#fff 90%,var(--surface-container-low))}html:not(.dark) .landing-nav-link.active,html:not(.dark) .landing-nav-link:hover{box-shadow:0 12px 24px rgba(148,163,184,.14)}html:not(.dark) .home-premium-hero-shell{background:linear-gradient(145deg,hsla(0,0%,100%,.95),rgba(242,246,255,.98)),radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 30%),radial-gradient(circle at right 15%,rgba(99,102,241,.12),transparent 22%);box-shadow:0 30px 70px rgba(148,163,184,.22)}html:not(.dark) .home-final-cta-copy p,html:not(.dark) .home-premium-heading p{color:#475569}html:not(.dark) .home-proof-pill{background:hsla(0,0%,100%,.78);color:#0f172a}html:not(.dark) .home-preview-panel,html:not(.dark) .home-retention-card,html:not(.dark) .home-showcase-card,html:not(.dark) .home-showcase-feature-card,html:not(.dark) .home-trust-card{background:color-mix(in srgb,#fff 94%,var(--surface-container-low))}html:not(.dark) .home-reminder-list p{border-color:rgba(15,23,42,.08);background:color-mix(in srgb,#fff 84%,var(--surface-container-low))}:root{--motion-fast:0.2s ease;--section-gap:32px;--card-padding:20px;--inner-gap:12px}.content-stack,.home-premium-section{gap:var(--section-gap)}.app-card,.card,.continue-card,.stat-card{padding:var(--card-padding)}.app-button:hover,.btn:hover,.icon-button:hover{transform:scale(1.02)}.app-button:active,.btn:active,.icon-button:active,.quiz-choice:active,.sidebar-link:active,.topbar-search-result:active{transform:scale(.98)}.app-card-interactive:hover,.card.interactive:hover,.card:is(article,a,button):hover,.home-feature-card-premium:hover,.home-path-card:hover,.home-retention-card:hover,.home-showcase-feature-card:hover,.home-trust-card:hover{transform:translateY(-2px) scale(1.02);border-color:color-mix(in srgb,var(--primary) 24%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 24px color-mix(in srgb,var(--primary) 10%,transparent)}.home-landing-premium{gap:clamp(3.5rem,7vw,5rem)}.home-premium-hero-shell{border-color:hsla(0,0%,100%,.08);background:linear-gradient(145deg,rgba(18,24,38,.9),rgba(9,13,22,.94)),radial-gradient(circle at top left,rgba(102,119,255,.22),transparent 30%),radial-gradient(circle at right 12%,rgba(52,211,153,.12),transparent 24%)}html:not(.dark) .home-path-card{background:linear-gradient(180deg,hsla(0,0%,100%,.65),transparent),linear-gradient(145deg,rgba(59,130,246,.12),rgba(99,102,241,.08))}html:not(.dark) .home-hero-stat-card,html:not(.dark) .home-preview-mini-stat{background:color-mix(in srgb,#fff 92%,var(--surface-container-low))}html:not(.dark) .home-final-cta-shell{background:linear-gradient(140deg,rgba(59,130,246,.12),rgba(99,102,241,.08) 50%,hsla(0,0%,100%,.72)),color-mix(in srgb,#fff 96%,var(--surface-container-low));box-shadow:0 30px 70px rgba(148,163,184,.22)}@media (prefers-reduced-motion:no-preference){*,:after,:before{transition-duration:.2s;transition-timing-function:ease;transition-property:background-color,border-color,box-shadow,color,opacity,transform,filter}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:linear-gradient(180deg,#0b0f1a,#0d1324)}html:not(.dark) body{background:linear-gradient(180deg,#f8fbff,#eef4ff)}.page-transition-layer{min-height:100%;will-change:opacity,transform}.section{margin-top:var(--section-gap)}.inner,.section-header{gap:var(--inner-gap)}.app-card,.card:not(.hero),.continue-card,.stat-card{border-radius:16px;border-color:hsla(0,0%,100%,.06);background:linear-gradient(180deg,hsla(0,0%,100%,.035),transparent),hsla(0,0%,100%,.03);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 26px rgba(0,0,0,.14)}.app-card-interactive:hover,.card:not(.hero):hover,.continue-card:hover,.stat-card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.12);box-shadow:0 10px 30px rgba(0,0,0,.3)}.app-button:hover,.btn:hover,.icon-button:hover{box-shadow:0 8px 20px rgba(0,0,0,.25)}.sidebar-link:hover,.topbar-search-result:hover{background:hsla(0,0%,100%,.05)}.content-stack h1,.content-stack h2,.page-hero h1{font-weight:650;letter-spacing:0}.content-stack h2{font-size:clamp(1.5rem,3vw,2rem)}.content-stack p,.muted{font-size:1rem}.muted,.section-header p,.text-on-surface-variant{opacity:1}.loading-skeleton,.skeleton{min-height:5rem;border-radius:16px;background:linear-gradient(90deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.09),hsla(0,0%,100%,.04));background-size:200% 100%;animation:skeleton-shimmer 1.25s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}html:not(.dark) .app-card,html:not(.dark) .card:not(.hero),html:not(.dark) .continue-card,html:not(.dark) .stat-card{border-color:rgba(15,23,42,.08);background:linear-gradient(180deg,hsla(0,0%,100%,.78),hsla(0,0%,100%,.58)),hsla(0,0%,100%,.72);box-shadow:0 10px 28px rgba(148,163,184,.16)}html:not(.dark) .app-card-interactive:hover,html:not(.dark) .card:not(.hero):hover,html:not(.dark) .continue-card:hover,html:not(.dark) .stat-card:hover{box-shadow:0 14px 34px rgba(37,99,235,.12)}.german-trust-badge{display:inline-flex;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--german-gold) 35%,transparent);background:linear-gradient(135deg,rgba(0,0,0,.28),rgba(221,0,0,.12) 52%,rgba(255,206,0,.16)),color-mix(in srgb,var(--surface-container-high) 84%,transparent);color:var(--on-surface);font-size:.76rem;font-weight:800;white-space:nowrap}.german-flag-mark{display:inline-grid;width:1.15rem;height:.82rem;overflow:hidden;border-radius:.2rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.18)}.german-flag-mark span:first-child{background:var(--german-black)}.german-flag-mark span:nth-child(2){background:var(--german-red)}.german-flag-mark span:nth-child(3){background:var(--german-gold)}.app-button-primary,.btn{background:linear-gradient(135deg,var(--german-black),var(--german-red) 54%,var(--german-gold));color:#fff}.pill,.search-highlight{border-color:color-mix(in srgb,var(--german-gold) 34%,transparent)}.topbar-search-empty{display:grid;gap:.65rem}.topbar-search-suggestions{display:flex;flex-wrap:wrap;gap:.45rem}.topbar-search-suggestions button{border:1px solid color-mix(in srgb,var(--german-gold) 32%,transparent);border-radius:999px;background:color-mix(in srgb,var(--german-gold) 14%,transparent);color:var(--on-surface);cursor:pointer;font-size:.75rem;font-weight:800;padding:.35rem .65rem}.topbar-search-suggestions button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--german-gold) 22%,transparent)}.card-grid>a,a.block{cursor:pointer}.card-grid>a .card,a.block .app-card,a.block .card{height:100%}html:not(.dark),html:not(.dark) body{background:#fff;color:#111}html:not(.dark) .app-shell,html:not(.dark) .page-wrap{background:radial-gradient(circle at top,rgba(255,206,0,.08),transparent 24%),radial-gradient(circle at right top,rgba(221,0,0,.05),transparent 18%),#fff;color:#111}html:not(.dark) .bottom-nav,html:not(.dark) .floating-container>a,html:not(.dark) .mobile-nav-panel,html:not(.dark) .topbar-search-results{background:hsla(0,0%,100%,.96);border-color:hsla(0,0%,7%,.08);color:#111;box-shadow:0 18px 48px rgba(17,24,39,.12)}html:not(.dark) .sidebar-link:hover,html:not(.dark) .sidebar-sublink.active,html:not(.dark) .sidebar-sublink:hover,html:not(.dark) .topbar-search-result.active,html:not(.dark) .topbar-search-result:hover{background:rgba(255,206,0,.18);color:#111}html:not(.dark) .input,html:not(.dark) .select,html:not(.dark) .textarea{background:#fff;border-color:hsla(0,0%,7%,.12);color:#111}html:not(.dark) .premium-learning-card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-card)!important}@media (max-width:1180px){.german-trust-badge{display:none}}.page-wrap{padding:0 24px}.content-container,.landing-shell .content-container,.landing-shell .site-footer{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;padding:24px 24px 2rem;box-sizing:border-box}.topbar{width:100%;max-width:1200px}.topbar-actions{flex-wrap:nowrap}.landing-shell .page-wrap{padding:0 24px}.landing-shell .topbar-landing{border-radius:16px}.home-landing-premium{gap:32px;padding-top:0}.home-premium-section{gap:32px}.home-premium-hero-shell{padding:32px;border-radius:24px}.home-premium-hero-grid{gap:40px}.home-premium-copy,.home-showcase-stack{justify-content:center}.home-premium-copy{gap:24px}.home-premium-heading{gap:16px;max-width:44rem}.home-premium-heading h1{max-width:14ch;font-weight:650;letter-spacing:0}.home-premium-heading p{max-width:42rem;font-size:1rem;line-height:1.7}.app-card,.card:not(.hero),.home-feature-card-premium,.home-final-cta-shell,.home-path-card,.home-preview-panel,.home-retention-card,.home-showcase-card,.home-showcase-feature-card,.home-trust-card{border-radius:16px;padding:20px}.home-feature-grid-premium,.home-showcase-feature-grid,.home-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-trust-strip span{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:16px;border:1px solid color-mix(in srgb,var(--outline-variant) 40%,transparent);background:color-mix(in srgb,var(--surface-container-low) 82%,transparent);color:var(--on-surface);font-size:.95rem;font-weight:650;text-align:center;backdrop-filter:none;-webkit-backdrop-filter:none}.home-trust-strip svg{color:var(--german-gold);flex-shrink:0}.app-button,.btn,.button-primary{border-radius:12px}.app-button-primary,.btn,.button-primary{background:linear-gradient(90deg,var(--german-red),var(--german-gold));color:#fff}.app-button:hover,.btn:hover,.button-primary:hover{transform:scale(1.05)}html:not(.dark) .home-feature-card-premium,html:not(.dark) .home-final-cta-shell,html:not(.dark) .home-path-card,html:not(.dark) .home-premium-hero-shell,html:not(.dark) .home-preview-panel,html:not(.dark) .home-retention-card,html:not(.dark) .home-showcase-card,html:not(.dark) .home-showcase-feature-card,html:not(.dark) .home-trust-card,html:not(.dark) .home-trust-strip span{background:#f3f4f6;color:#111;border-color:hsla(0,0%,7%,.08);box-shadow:none}html:not(.dark) .home-feature-card-premium h3,html:not(.dark) .home-final-cta-copy h2,html:not(.dark) .home-path-card h3,html:not(.dark) .home-path-meta,html:not(.dark) .home-premium-heading h1,html:not(.dark) .home-retention-card strong,html:not(.dark) .home-showcase-feature-card strong,html:not(.dark) .home-showcase-main h2,html:not(.dark) .home-trust-card h3,html:not(.dark) .home-trust-strip span{color:#111}html:not(.dark) .home-feature-card-premium p,html:not(.dark) .home-final-cta-copy p,html:not(.dark) .home-path-card p,html:not(.dark) .home-premium-heading p,html:not(.dark) .home-retention-card p,html:not(.dark) .home-showcase-feature-card span,html:not(.dark) .home-showcase-main p,html:not(.dark) .home-trust-card p{color:hsla(0,0%,7%,.72)}html:not(.dark) .home-hero-stat-card,html:not(.dark) .home-preview-mini-stat,html:not(.dark) .home-proof-pill,html:not(.dark) .home-reminder-list p{background:#fff;color:#111;border-color:hsla(0,0%,7%,.08)}html:not(.dark) .home-inline-link:hover{color:var(--german-red)}@media (max-width:1280px){.app-shell:not(.landing-shell) .engagement-pill-row{display:none}}@media (max-width:1200px){.home-premium-hero-grid{grid-template-columns:1fr}.card-grid,.home-feature-grid-premium,.home-showcase-feature-grid,.home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.card-grid,.home-feature-grid-premium,.home-showcase-feature-grid,.home-trust-grid,.home-trust-strip{grid-template-columns:1fr}}@media (max-width:720px){.landing-shell .page-wrap,.page-wrap{padding:0 12px}.content-container,.landing-shell .content-container,.landing-shell .site-footer{padding:16px 0 2rem}.topbar{margin:10px auto 16px;padding:10px 12px}.home-premium-hero-shell{padding:20px}.home-premium-hero-grid{gap:24px}.home-premium-heading h1{font-size:clamp(2.2rem,11vw,3rem);line-height:1.15}}:root{--premium-radius:16px;--premium-space:16px;--premium-bg-dark:#0b0f19;--premium-bg-light:#fff;--premium-card-light:#f3f4f6;--premium-primary:#ff3b30;--premium-accent:#ffd60a;--premium-transition:transform 0.2s ease,opacity 0.2s ease,background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,color 0.2s ease}body{background:var(--premium-bg-dark)}.topbar{border-radius:var(--premium-radius);backdrop-filter:none;-webkit-backdrop-filter:none}.landing-nav,.topbar-actions,.topbar-logo{align-items:center}.app-card,.card-glass,.card:not(.hero),.continue-card,.dashboard-module-row,.home-trust-strip span,.stat-card{border-radius:var(--premium-radius);border-color:color-mix(in srgb,var(--outline-variant) 34%,transparent);background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent),color-mix(in srgb,var(--premium-card-dark) 82%,transparent);box-shadow:none;transition:var(--premium-transition)}.app-card-interactive:hover,.card-glass:hover,.card:not(.hero):hover,.continue-card:hover,.dashboard-module-row:hover,.stat-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--premium-primary) 28%,transparent);box-shadow:0 16px 36px rgba(0,0,0,.2)}html:not(.dark) .app-card,html:not(.dark) .card-glass,html:not(.dark) .card:not(.hero),html:not(.dark) .continue-card,html:not(.dark) .dashboard-module-row,html:not(.dark) .home-trust-strip span,html:not(.dark) .stat-card{background:var(--premium-card-light);color:var(--premium-text-dark);border-color:rgba(17,24,39,.08);box-shadow:none}html:not(.dark) .dashboard-metric span,html:not(.dark) .dashboard-module-meta span,html:not(.dark) .dashboard-module-value span,html:not(.dark) .muted,html:not(.dark) .stat-label,html:not(.dark) .text-on-surface-variant{color:rgba(17,24,39,.68)}html:not(.dark) .dashboard-metric,html:not(.dark) .home-hero-stat-card,html:not(.dark) .home-preview-mini-stat,html:not(.dark) .home-reminder-list p,html:not(.dark) .sidebar,html:not(.dark) .topbar{background:var(--premium-bg-light);color:var(--premium-text-dark);border-color:rgba(17,24,39,.08)}.app-button,.back-button,.btn,.button-primary,.icon-button,.sidebar-link,.sidebar-sublink,.topbar-search,.topbar-search-result{transition:var(--premium-transition)}.dashboard-page{gap:24px}.dashboard-page .dashboard-overview-grid,.dashboard-page .dashboard-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--premium-space)}.dashboard-page .dashboard-continue-card,.dashboard-page .dashboard-section-grid>.card:first-child,.dashboard-page .dashboard-stats-card{grid-column:span 2}.dashboard-metric-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--premium-space)}.dashboard-hero-title h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:0}.home-premium-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:32px}.home-premium-heading h1{font-size:clamp(2.5rem,5vw,3rem);font-weight:700;line-height:1.2}@media (min-width:1025px){.app-shell:not(.landing-shell){grid-template-columns:84px minmax(0,1fr);transition:grid-template-columns .2s ease}.app-shell:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:260px minmax(0,1fr)}.app-shell:not(.landing-shell) .desktop-sidebar{width:84px;max-width:84px;padding-inline:.625rem;transition:width .2s ease,max-width .2s ease,box-shadow .2s ease}.app-shell:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell:not(.landing-shell) .desktop-sidebar:hover{width:260px;max-width:260px;box-shadow:18px 0 48px rgba(0,0,0,.16)}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand{justify-content:center;padding-inline:0}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand>div:last-child,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-arrow,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-copy,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-section-title,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-sublinks,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-submenu-toggle{width:0;max-width:0;opacity:1;overflow:hidden}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link{justify-content:center;padding-inline:0}}@media (max-width:1200px){.dashboard-metric-grid,.dashboard-page .dashboard-overview-grid,.dashboard-page .dashboard-section-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .dashboard-continue-card,.dashboard-page .dashboard-section-grid>.card:first-child,.dashboard-page .dashboard-stats-card{grid-column:span 1}.home-premium-hero-grid{grid-template-columns:1fr}}@media (max-width:720px){.content-container,.landing-shell .content-container{padding:16px 0 24px}.dashboard-metric-grid,.dashboard-page .dashboard-overview-grid,.dashboard-page .dashboard-section-grid,.stats-grid{grid-template-columns:1fr}}.content-container,.page-transition-layer,.page-wrap main{position:relative;z-index:1}.topbar{position:sticky;top:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.topbar-center,.topbar-main-menu{display:flex;justify-content:center}.topbar-main-menu{align-items:center;gap:8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--outline-variant) 22%,transparent);background:color-mix(in srgb,var(--surface-container-high) 82%,transparent);padding:6px}.topbar-main-link{padding:8px 14px;color:var(--on-surface-variant);font-size:.9rem;font-weight:700;text-decoration:none}.topbar-main-link.active,.topbar-main-link:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--on-surface)}.topbar-actions{flex:0 0 auto;gap:12px}.topbar .engagement-pill-row,.topbar .german-trust-badge,.topbar .landing-topbar-cta{display:none}.app-card,.bottom-nav,.card,.card-glass,.continue-card,.dashboard-module-row,.home-proof-pill,.home-trust-strip,.home-trust-strip span,.sidebar,.stat-card,.topbar,.topbar-main-menu,.topbar-search-results{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-nav-shell{z-index:40}.sidebar-brand{color:inherit;text-decoration:none}.app-button:hover,.back-button:hover,.btn:hover,.button-primary:hover,.icon-button:hover,.sidebar-link:hover,.sidebar-sublink:hover,.topbar-main-link:hover{transform:translateY(-1px)}@media (min-width:1025px){.app-shell:not(.landing-shell){grid-template-columns:72px minmax(0,1fr)}.app-shell:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:260px minmax(0,1fr)}.app-shell:not(.landing-shell) .desktop-sidebar{width:72px;max-width:72px;align-items:center;gap:18px;padding:16px 0}.app-shell:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell:not(.landing-shell) .desktop-sidebar:hover{width:260px;max-width:260px;align-items:stretch;padding:16px 12px}.app-shell:not(.landing-shell) .topbar-logo{display:none}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-links,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-section{align-items:center}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-icon,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-group{width:42px;height:42px}.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand,.app-shell:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link{display:flex;align-items:center;justify-content:center;padding:0}.app-shell:not(.landing-shell) .desktop-sidebar:focus-within .sidebar-brand,.app-shell:not(.landing-shell) .desktop-sidebar:hover .sidebar-brand{width:auto;height:auto;justify-content:flex-start;padding:.25rem .5rem 1rem}}@media (max-width:780px){.topbar{gap:12px;padding:8px 12px}.topbar-center{order:3;flex-basis:100%}.topbar-main-menu{width:100%;overflow-x:auto;justify-content:flex-start}.topbar-main-link{white-space:nowrap}}:root{--premium-radius:12px;--premium-space:8px;--premium-bg-light:#f9fafb;--premium-bg-dark:#111827;--premium-card-light:#fff;--premium-card-dark:#111827;--premium-text-dark:#111827;--premium-text-light:#f9fafb;--premium-primary:#111827;--premium-accent:#2563eb;--premium-cta-start:#d00;--premium-cta-end:#ffce00;--premium-shadow-hover:0 8px 18px rgba(17,24,39,.1)}.app-shell,.page-wrap,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html:not(.dark) .app-shell,html:not(.dark) .page-wrap,html:not(.dark) body{background:var(--premium-bg-light);color:var(--premium-text-dark)}html.dark .app-shell,html.dark .page-wrap,html.dark body{background:var(--premium-bg-dark);color:var(--premium-text-light)}.content-container,.landing-shell .content-container{max-width:1200px;margin-inline:auto;padding:24px}.achievement-card,.app-card,.card-glass,.card:not(.hero),.continue-card,.dashboard-module-row,.home-reward-card,.speaking-score-card,.stat-card,.topbar-main-menu{border-radius:var(--premium-radius);border:1px solid rgba(17,24,39,.08);background:var(--premium-card-light);box-shadow:var(--premium-shadow-soft);color:var(--premium-text-dark)}.app-card,.card-glass,.card:not(.hero),.continue-card,.stat-card{padding:16px}html.dark .achievement-card,html.dark .app-card,html.dark .card-glass,html.dark .card:not(.hero),html.dark .continue-card,html.dark .dashboard-module-row,html.dark .home-reward-card,html.dark .speaking-score-card,html.dark .stat-card,html.dark .topbar-main-menu{border-color:hsla(0,0%,100%,.1);background:color-mix(in srgb,var(--premium-card-dark) 94%,#fff 6%);color:var(--premium-text-light)}.achievement-card:hover,.app-card-interactive:hover,.card-glass:hover,.card:not(.hero):hover,.continue-card:hover,.dashboard-module-row:hover,.home-reward-card:hover,.speaking-score-card:hover,.stat-card:hover{transform:translateY(-2px);box-shadow:var(--premium-shadow-hover)}.app-button,.back-button,.btn,.button-primary,.icon-button,.landing-topbar-cta,.sidebar-link,.sidebar-sublink,.topbar-main-link{border-radius:var(--premium-radius)}.app-button:active,.back-button:active,.btn:active,.button-primary:active,.icon-button:active,.landing-topbar-cta:active,.sidebar-link:active,.sidebar-sublink:active,.topbar-main-link:active{transform:scale(.98)}.topbar .landing-topbar-cta{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:0;background:linear-gradient(90deg,var(--premium-cta-start),var(--premium-cta-end));color:#111827;font-weight:800;box-shadow:0 8px 20px rgba(221,0,0,.14)}.topbar .landing-topbar-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(221,0,0,.18)}.bottom-nav-link.active,.sidebar-link.active,.sidebar-sublink.active,.topbar-main-link.active{background:color-mix(in srgb,var(--premium-accent) 12%,transparent);color:var(--premium-accent)}.dashboard-page{max-width:1200px;margin-inline:auto}.dashboard-page .dashboard-metric-grid,.dashboard-page .dashboard-overview-grid,.dashboard-page .dashboard-section-grid,.dashboard-page .stats-grid{gap:16px}.dashboard-page .dashboard-metric{min-height:96px;border-radius:var(--premium-radius);border:1px solid rgba(17,24,39,.08);background:color-mix(in srgb,var(--premium-bg-light) 78%,#fff 22%);box-shadow:var(--premium-shadow-soft)}html.dark .dashboard-page .dashboard-metric{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04)}.ai-tutor-page .text-on-surface-variant,.dashboard-page .dashboard-metric span,.dashboard-page .stat-label{color:rgba(17,24,39,.68)}html.dark .ai-tutor-page .text-on-surface-variant,html.dark .dashboard-page .dashboard-metric span,html.dark .dashboard-page .stat-label{color:rgba(249,250,251,.7)}.dashboard-page .dashboard-metric strong,.dashboard-page .stat-value{color:var(--premium-primary);font-weight:800}html.dark .dashboard-page .dashboard-metric strong,html.dark .dashboard-page .stat-value{color:var(--premium-text-light)}.app-progress-track{border-radius:999px;background:rgba(37,99,235,.12)}.app-progress-fill{border-radius:999px;background:linear-gradient(90deg,var(--premium-accent),#60a5fa)}.ai-tutor-page .card:not(.hero){border-radius:var(--premium-radius);box-shadow:var(--premium-shadow-soft)}.ai-tutor-page input,.ai-tutor-page select,.ai-tutor-page textarea,.input,.select,.textarea{border-radius:var(--premium-radius);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ai-tutor-page input:focus,.ai-tutor-page textarea:focus,.input:focus,.select:focus,.textarea:focus{border-color:var(--premium-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.ai-tutor-page .rounded-2xl{border-radius:var(--premium-radius)}.ai-tutor-page .text-primary,.dashboard-page .text-primary{color:var(--premium-accent)}@media (max-width:900px){.dashboard-page .dashboard-metric-grid,.dashboard-page .dashboard-overview-grid,.dashboard-page .dashboard-section-grid,.dashboard-page .stats-grid{grid-template-columns:1fr}}@media (max-width:720px){.content-container,.landing-shell .content-container{padding:16px}.topbar .landing-topbar-cta{display:none}}.content-container,.landing-content-container,.main-content,.page-wrap{pointer-events:auto}.desktop-sidebar-controls{display:flex;justify-content:flex-end;padding:0 .25rem .35rem}.sidebar-toggle{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(17,24,39,.08);border-radius:12px;background:color-mix(in srgb,var(--surface-container-high) 88%,transparent);color:var(--on-surface-variant);cursor:pointer;font-size:.78rem;font-weight:750}.sidebar-toggle:hover{background:color-mix(in srgb,var(--premium-accent) 10%,transparent);color:var(--premium-accent);transform:translateY(-1px)}html.dark .sidebar-toggle{border-color:hsla(0,0%,100%,.1)}@media (min-width:1025px){.app-shell.sidebar-expanded:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:260px minmax(0,1fr)}.app-shell.sidebar-collapsed:not(.landing-shell),.app-shell.sidebar-collapsed:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-collapsed:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:72px minmax(0,1fr)}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within){width:260px;max-width:260px;align-items:stretch;padding:16px 12px}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within){width:72px;max-width:72px;align-items:center;padding:16px 0;box-shadow:none}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand{width:auto;height:auto;justify-content:flex-start;gap:.75rem;padding:.25rem .5rem 1rem}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand>div:last-child,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-arrow,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-copy,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-section-title,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-submenu-toggle{width:auto;max-width:none;height:auto;opacity:1;pointer-events:auto;overflow:visible}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link{width:auto;height:auto;justify-content:flex-start;gap:.65rem;padding:.6rem .875rem}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar .sidebar-link-group.open .sidebar-sublinks,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar .sidebar-link-group:focus-within .sidebar-sublinks,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar .sidebar-link-group:hover .sidebar-sublinks{width:auto;max-width:none;max-height:14rem;opacity:1;pointer-events:auto}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .desktop-sidebar-controls{justify-content:center;padding-inline:0}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-toggle{width:42px;height:42px;padding:0}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-brand>div:last-child,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link-arrow,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link-copy,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-section-title,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-sublinks,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-submenu-toggle,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-toggle span{width:0;max-width:0;opacity:1;overflow:hidden}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-links,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-section{align-items:center}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-brand,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link-group{width:42px}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-brand,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link{height:42px;justify-content:center;padding:0}}@media (max-width:1024px){.desktop-sidebar-controls{display:none}}:root{--bg:#f8f9fb;--card:#fff;--text:#111827;--muted:#6b7280;--german-black:#000;--german-red:#d00;--german-gold:#ffce00;--primary-gradient:linear-gradient(135deg,#000,#d00 48%,#ffce00);--primary-button-gradient:linear-gradient(135deg,red,#ffce00);--premium-shadow-soft:0 2px 8px rgba(0,0,0,.05);--premium-shadow-medium:0 10px 24px rgba(17,24,39,.08)}html:not(.dark) .app-shell,html:not(.dark) .page-wrap,html:not(.dark) body{background:var(--bg);color:var(--text)}.content-container,.dashboard-page,.landing-shell .content-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}.topbar{height:64px;max-width:1280px;margin:12px auto 24px;padding:0 24px;border:1px solid rgba(17,24,39,.08);border-radius:18px;background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:var(--premium-shadow-soft)}html.dark .topbar{background:rgba(17,24,39,.96);border-color:hsla(0,0%,100%,.1)}.topbar-actions,.topbar-leading{flex:0 0 auto}.topbar-center{flex:1 1 auto}.topbar-main-menu{gap:10px;border:0;background:transparent;box-shadow:none;padding:0}.topbar-main-link{min-height:40px;display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;color:var(--muted)}.topbar-main-link.active,.topbar-main-link:hover{background:rgba(37,99,235,.08);color:var(--text)}html.dark .topbar-main-link.active,html.dark .topbar-main-link:hover{color:var(--premium-text-light)}.topbar-logo{min-width:-moz-max-content;min-width:max-content}.app-button-primary,.bg-primary,.btn:not(.secondary):not(.ghost):not(.danger),.button-primary,.topbar .landing-topbar-cta{border:0;background:var(--primary-button-gradient);color:#fff;box-shadow:0 10px 22px rgba(221,0,0,.16)}.app-button-primary:hover,.bg-primary:hover,.btn:not(.secondary):not(.ghost):not(.danger):hover,.button-primary:hover,.topbar .landing-topbar-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 28px rgba(221,0,0,.2)}.achievement-card,.app-card,.card-glass,.card:not(.hero),.continue-card,.dashboard-module-row,.home-feature-card-premium,.home-path-card,.home-preview-panel,.home-retention-card,.home-reward-card,.home-showcase-feature-card,.home-trust-card,.speaking-score-card,.stat-card{border:1px solid rgba(17,24,39,.07);border-radius:16px;background:var(--card);box-shadow:var(--premium-shadow-soft);color:var(--text);padding:24px}html.dark .achievement-card,html.dark .app-card,html.dark .card-glass,html.dark .card:not(.hero),html.dark .continue-card,html.dark .dashboard-module-row,html.dark .home-feature-card-premium,html.dark .home-path-card,html.dark .home-preview-panel,html.dark .home-retention-card,html.dark .home-reward-card,html.dark .home-showcase-feature-card,html.dark .home-trust-card,html.dark .speaking-score-card,html.dark .stat-card{border-color:hsla(0,0%,100%,.1);background:#111827;color:#f9fafb}.achievement-card:hover,.app-card-interactive:hover,.card-glass:hover,.card:not(.hero):hover,.continue-card:hover,.dashboard-module-row:hover,.home-feature-card-premium:hover,.home-path-card:hover,.home-retention-card:hover,.home-reward-card:hover,.home-showcase-feature-card:hover,.home-trust-card:hover,.speaking-score-card:hover,.stat-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--premium-shadow-medium)}.home-landing-premium{gap:72px}.home-premium-hero-shell{min-height:auto;padding:clamp(32px,5vw,64px);border:0;border-radius:28px;background:linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(248,249,251,.98) 58%,rgba(255,246,214,.9)),linear-gradient(135deg,rgba(0,0,0,.04),rgba(221,0,0,.04),rgba(255,206,0,.08));box-shadow:var(--premium-shadow-soft)}html.dark .home-premium-hero-shell{background:linear-gradient(135deg,#111827,#172033 56%,#241f12)}.home-premium-hero-shell:after,.home-premium-hero-shell:before{display:none}.home-premium-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(28px,5vw,56px);align-items:center}.home-premium-copy{justify-content:center;padding:0}.home-kicker,.home-kicker-hero{color:var(--german-red)}.home-premium-heading h1{max-width:12ch;color:var(--text);font-size:clamp(2.7rem,5.6vw,5rem);font-weight:800;line-height:1.04;letter-spacing:-.045em}html.dark .home-premium-heading h1{color:#f9fafb}.home-path-card p,.home-premium-heading p,.home-retention-card p,.home-section-copy-wide p,.home-showcase-feature-card span,.home-showcase-main p,.home-trust-card p,.muted,.text-on-surface-variant{color:var(--muted)}html.dark .home-path-card p,html.dark .home-premium-heading p,html.dark .home-retention-card p,html.dark .home-section-copy-wide p,html.dark .home-showcase-feature-card span,html.dark .home-showcase-main p,html.dark .home-trust-card p,html.dark .muted,html.dark .text-on-surface-variant{color:rgba(249,250,251,.72)}.home-showcase-card{border:1px solid rgba(17,24,39,.07);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(17,24,39,.1);padding:24px}html.dark .home-showcase-card{background:#111827}.home-feature-grid-premium,.home-hero-stat-grid,.home-path-grid,.home-retention-grid,.home-showcase-feature-grid,.home-trust-grid{gap:24px}.home-feature-grid-premium,.home-showcase-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-page .dashboard-metric,.home-hero-stat-card,.home-preview-mini-stat{border:1px solid rgba(17,24,39,.07);border-radius:16px;background:#f8f9fb;box-shadow:none}html.dark .dashboard-page .dashboard-metric,html.dark .home-hero-stat-card,html.dark .home-preview-mini-stat{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04)}.dashboard-page .dashboard-metric-grid,.dashboard-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dashboard-page .dashboard-metric strong,.home-hero-stat-card strong,.home-preview-mini-stat strong,.stat-value{color:var(--text);font-weight:800}html.dark .dashboard-page .dashboard-metric strong,html.dark .home-hero-stat-card strong,html.dark .home-preview-mini-stat strong,html.dark .stat-value{color:#f9fafb}.app-progress-track{background:rgba(17,24,39,.08)}.app-progress-fill{background:var(--primary-gradient)}.app-card,.bottom-nav,.card,.card-glass,.continue-card,.dashboard-module-row,.engagement-toast-inner,.home-feature-card-premium,.home-path-card,.home-preview-panel,.home-proof-pill,.home-retention-card,.home-showcase-card,.home-showcase-feature-card,.home-trust-card,.landing-nav,.mobile-nav-backdrop,.mobile-nav-panel,.sidebar,.stat-card,.testimonial-card,.topbar,.topbar-main-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.content-container,.main-content{pointer-events:auto}@media (max-width:1200px){.home-premium-hero-grid,.home-preview-grid{grid-template-columns:1fr}.home-feature-grid-premium,.home-path-grid,.home-retention-grid,.home-showcase-feature-grid,.home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.content-container,.dashboard-page,.landing-shell .content-container{padding-inline:16px}.home-premium-hero-shell{border-radius:20px;padding:24px}.dashboard-page .dashboard-metric-grid,.dashboard-page .stats-grid,.home-feature-grid-premium,.home-path-grid,.home-retention-grid,.home-showcase-feature-grid,.home-trust-grid{grid-template-columns:1fr}}*{transition-duration:.2s;transition-timing-function:ease}.app-shell{background:var(--background)}.app-shell:not(.landing-shell){grid-template-columns:240px minmax(0,1fr)!important}.app-shell.sidebar-collapsed:not(.landing-shell){grid-template-columns:72px minmax(0,1fr)!important}.page-wrap{z-index:1;pointer-events:auto}.content-container,.landing-content-container,.main-content{position:relative;z-index:1;width:min(100%,1280px);max-width:1280px;margin-inline:auto;padding-inline:24px;pointer-events:auto}.desktop-sidebar,.sidebar{z-index:10;width:240px;max-width:240px;display:flex;flex-direction:column;gap:16px;padding:16px;align-items:stretch;pointer-events:auto}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar{width:72px!important;max-width:72px!important;padding:16px 0!important;align-items:center!important}.sidebar-link{display:flex;min-height:42px;align-items:center;padding:10px 12px;gap:10px;overflow:hidden;pointer-events:auto}.sidebar-link-copy{min-width:0;overflow:hidden}.sidebar-link-copy small,.sidebar-link-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link-group.open .sidebar-sublinks,.sidebar-link-group:focus-within .sidebar-sublinks,.sidebar-link-group:hover .sidebar-sublinks{pointer-events:auto}.topbar{z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;pointer-events:auto}.topbar-actions,.topbar-center,.topbar-leading{min-width:0}.topbar-logo{pointer-events:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.app-card,.card{overflow-wrap:anywhere}.app-card:hover,.card:hover{transform:translateY(-2px)}.btn:hover,.icon-button:hover,.sidebar-link:hover,.sidebar-sublink:hover,.topbar-main-link:hover{transform:translateY(-1px)}.lesson-modal-backdrop,.mobile-nav-backdrop,.overlay{z-index:40;pointer-events:auto;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.lesson-modal-shell,.mobile-nav-panel,.modal,.story-reader-shell{z-index:50;pointer-events:auto}.app-card,.app-shell,.card,.content-container,.desktop-sidebar,.landing-content-container,.lesson-modal-shell,.main-content,.mobile-nav-panel,.modal,.page-wrap,.sidebar,.story-reader-shell,.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (min-width:1025px){.app-shell.sidebar-expanded:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:240px minmax(0,1fr)!important}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within){width:240px!important;max-width:240px!important;padding:16px!important;align-items:stretch!important}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-brand>div:last-child,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-arrow,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link-copy,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-section-title,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-submenu-toggle{width:auto!important;max-width:none!important;height:auto!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within) .sidebar-link{width:auto!important;height:auto!important;justify-content:flex-start!important;padding:10px 12px!important}}@media (max-width:1024px){.app-shell.sidebar-collapsed:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell),.app-shell:not(.landing-shell){grid-template-columns:minmax(0,1fr)!important}.desktop-sidebar{display:none!important}.content-container,.landing-content-container,.main-content{padding-inline:16px}}.app-shell:not(.landing-shell){width:100%;max-width:1280px;margin-inline:auto;overflow-x:hidden}.content-container,.page-transition-layer,.page-wrap{width:100%;max-width:100%;min-width:0}.desktop-sidebar,.sidebar{flex-shrink:0}@media (min-width:1025px){.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar{min-width:240px}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar{min-width:72px}}:root{--app-sidebar-width:240px;--app-sidebar-collapsed-width:72px;--app-content-max-width:1280px;--app-shell-gutter:clamp(16px,2vw,28px)}body,html{overflow-x:clip}html{scrollbar-gutter:stable}.app-shell{width:100%;max-width:none}.app-shell.landing-shell{grid-template-columns:minmax(0,1fr)!important}.app-shell.sidebar-expanded:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:hover),.app-shell:not(.landing-shell){margin-inline:0;max-width:none}.page-wrap{padding-inline:var(--app-shell-gutter);overflow-x:clip}.page-transition-layer{width:100%;min-width:0;max-width:none}.content-container,.dashboard-page,.landing-content-container,.main-content{padding-inline:0}.content-container,.dashboard-page,.landing-content-container,.main-content,.site-footer,.topbar{box-sizing:border-box;width:100%;max-width:var(--app-content-max-width);margin-inline:auto}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within),.desktop-sidebar,.sidebar{box-sizing:border-box}@media (min-width:1025px){.app-shell:not(.landing-shell),.app-shell:not(.landing-shell) .desktop-sidebar{transition:none!important}}@media (max-width:1024px){.app-shell.sidebar-collapsed:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell),.app-shell:not(.landing-shell){grid-template-columns:minmax(0,1fr)!important}.page-wrap{padding-inline:16px}.content-container,.dashboard-page,.landing-content-container,.main-content,.site-footer,.topbar{max-width:100%}}:root{--phase6-surface:#fff;--phase6-surface-soft:#f8fafc;--phase6-border:rgba(15,23,42,.09);--phase6-border-strong:rgba(37,99,235,.22);--phase6-text:#0f172a;--phase6-muted:#64748b;--phase6-shadow-card:0 1px 2px rgba(15,23,42,.05),0 16px 40px rgba(15,23,42,.07);--phase6-shadow-hover:0 8px 24px rgba(15,23,42,.08),0 18px 52px rgba(37,99,235,.1);--phase6-ease:cubic-bezier(0.2,0.8,0.2,1)}html{scroll-behavior:smooth}body{color:var(--phase6-text);line-height:1.55;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{letter-spacing:0;text-wrap:balance}li,p{text-wrap:pretty}.page-wrap{padding-block-end:clamp(36px,5vw,64px)}.content-container,.dashboard-page,.landing-content-container,.main-content{padding-block:clamp(18px,2vw,30px)}.app-section{gap:clamp(18px,2vw,28px);margin-block:clamp(18px,3vw,38px)}.app-section-header{gap:10px;max-width:760px}.app-section-eyebrow{letter-spacing:0}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.home-reward-card,.lesson-card,.speaking-score-card,.stat-card,.topic-card{border:1px solid var(--phase6-border);border-radius:14px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.92));box-shadow:var(--phase6-shadow-card)}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.home-reward-card,.lesson-card,.topic-card{padding:clamp(18px,2vw,26px)}.app-card-interactive,.continue-card,.dashboard-module-row,.lesson-card,.topic-card,a.app-card,button.app-card{transition:transform .16s var(--phase6-ease),box-shadow .16s var(--phase6-ease),border-color .16s var(--phase6-ease),background-color .16s var(--phase6-ease)}.app-card-interactive:hover,.continue-card:hover,.dashboard-module-row:hover,.lesson-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{transform:translateY(-2px);border-color:var(--phase6-border-strong);box-shadow:var(--phase6-shadow-hover)}.app-button,.back-button,.btn,.icon-button,.mobile-menu-toggle,.topbar-action-btn{min-height:42px;transition:transform .15s var(--phase6-ease),box-shadow .15s var(--phase6-ease),border-color .15s var(--phase6-ease),background-color .15s var(--phase6-ease),color .15s var(--phase6-ease)}.app-button:hover,.back-button:hover,.btn:hover,.icon-button:hover,.mobile-menu-toggle:hover,.topbar-action-btn:hover{transform:translateY(-1px)}.topbar{min-height:68px;margin-block:14px 24px;border:1px solid var(--phase6-border);border-radius:16px;background:hsla(0,0%,100%,.94);box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 34px rgba(15,23,42,.06)}.desktop-sidebar,.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid var(--phase6-border)}.sidebar-link{border-radius:12px;transition:background-color .15s var(--phase6-ease),color .15s var(--phase6-ease),transform .15s var(--phase6-ease)}.sidebar-link:hover{transform:translateX(2px)}.sidebar-link.active,.sidebar-link[aria-current=page]{background:rgba(37,99,235,.09);box-shadow:inset 3px 0 0 rgba(37,99,235,.72)}.page-transition-layer>*{animation:phase6-fade-up .22s var(--phase6-ease) both}@keyframes phase6-fade-up{0%{opacity:1;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.page-wrap{padding-inline:16px;padding-block-end:96px}.topbar{min-height:auto;margin:10px 0 20px;padding:12px 14px;flex-wrap:wrap;gap:12px;border-radius:14px}.topbar-center{order:3;flex:1 0 100%;min-width:0;overflow-x:auto}.topbar-main-menu{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.topbar-actions{gap:8px}.app-section{margin-block:14px 30px}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.home-reward-card,.lesson-card,.topic-card{padding:18px}}@media (max-width:640px){.content-container,.dashboard-page,.landing-content-container,.main-content{padding-block:12px 24px}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.home-reward-card,.lesson-card,.topic-card{border-radius:12px;padding:16px}.app-section-header h1,.app-section-header h2{font-size:1.35rem;line-height:1.2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}:root,html.dark,html:not(.dark){--surface:#08080b;--surface-container-lowest:#010102;--surface-container-low:#09090d;--surface-container:#0f1016;--surface-container-high:#151721;--surface-container-highest:#1b1d29;--success:#62d68f;--error:#ff6b6b;--on-background:#f6f7fb;--on-surface:#f6f7fb;--on-surface-variant:#a5a8b8;--outline-variant:#2a2d3a;--border-glass:hsla(0,0%,100%,.1);--app-surface-1:#09090d;--app-surface-2:#11121a;--app-surface-3:#171925;--app-border:hsla(0,0%,100%,.1);--app-border-strong:rgba(94,106,210,.42);--app-muted:#a5a8b8;--app-sidebar-width:240px;--app-sidebar-collapsed-width:64px;--app-content-max-width:1280px;--app-shell-gutter:clamp(16px,2vw,32px);--app-radius:12px;--app-transition:0.2s ease}*,:after,:before{box-sizing:border-box}body,html{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;background:var(--app-bg)!important}body{color:var(--on-surface)}canvas,img,svg,video{max-width:100%}.app-shell{width:100%!important;max-width:none!important;min-height:100dvh;margin:0!important;overflow-x:hidden;background:var(--app-bg)!important}.app-shell.sidebar-expanded:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-expanded:not(.landing-shell):has(.desktop-sidebar:hover),.app-shell:not(.landing-shell){grid-template-columns:var(--app-sidebar-width) minmax(0,1fr)!important;transition:grid-template-columns var(--app-transition)!important}.app-shell.sidebar-collapsed:not(.landing-shell),.app-shell.sidebar-collapsed:not(.landing-shell):has(.desktop-sidebar:focus-within),.app-shell.sidebar-collapsed:not(.landing-shell):has(.desktop-sidebar:hover){grid-template-columns:var(--app-sidebar-collapsed-width) minmax(0,1fr)!important}.page-wrap{width:100%;min-width:0;max-width:100%;overflow-x:hidden;padding-inline:var(--app-shell-gutter)!important;padding-block-end:clamp(40px,6vw,72px);background:var(--app-bg)!important}.content-container,.dashboard-page,.landing-content-container,.main-content,.page-transition-layer{width:100%!important;min-width:0;max-width:var(--app-content-max-width)!important;margin-inline:auto!important;padding-inline:0!important}.app-section,.card-grid,.content-stack,.dashboard-page,.home-landing-premium{width:100%;min-width:0}.navbar,.site-footer,.topbar{width:100%;max-width:var(--app-content-max-width)!important;margin-inline:auto!important}.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-expanded:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within),.desktop-sidebar,.sidebar{z-index:50!important;width:var(--app-sidebar-width)!important;min-width:var(--app-sidebar-width)!important;max-width:var(--app-sidebar-width)!important;overflow-x:hidden!important;background:linear-gradient(180deg,rgba(12,13,20,.98),rgba(6,7,11,.98))!important;border-right:1px solid var(--app-border)!important;transition:width var(--app-transition),min-width var(--app-transition),max-width var(--app-transition),background-color var(--app-transition)!important}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:focus-within,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:hover,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar:not(:hover):not(:focus-within){width:var(--app-sidebar-collapsed-width)!important;min-width:var(--app-sidebar-collapsed-width)!important;max-width:var(--app-sidebar-collapsed-width)!important;padding-inline:10px!important;align-items:center!important}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-brand>div:last-child,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link-arrow,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link-copy,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-section-title,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-sublinks,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-submenu-toggle,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-toggle span{width:0!important;max-width:0!important;opacity:1!important;overflow:hidden!important}.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-brand,.app-shell.sidebar-collapsed:not(.landing-shell) .desktop-sidebar .sidebar-link{width:44px!important;min-width:44px!important;justify-content:center!important;padding-inline:0!important}.navbar,.topbar{z-index:40!important;min-height:64px;border:1px solid var(--app-border)!important;border-radius:var(--app-radius)!important;background:rgba(9,9,13,.96)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dropdown,.sidebar-sublinks,.topbar-search-results{z-index:55!important}.lesson-modal-shell,.modal,.story-reader-shell,[role=dialog]{z-index:60!important}.lesson-modal-backdrop,.mobile-nav-backdrop,.mobile-nav-shell{z-index:59!important}.app-card,.bottom-nav,.card,.content-container,.dashboard-module-row,.desktop-sidebar,.floating-container,.lesson-card,.main-content,.navbar,.page-wrap,.sidebar,.topbar,a,button,input,select,textarea{pointer-events:auto}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.empty-state,.home-reward-card,.lesson-card,.page-hero,.premium-learning-card,.stat-card,.topic-card{border:1px solid var(--app-border)!important;border-radius:var(--app-radius)!important;background:linear-gradient(180deg,var(--app-surface-2),var(--app-surface-1))!important;box-shadow:none!important}.achievement-card,.app-card,.card,.continue-card,.dashboard-module-row,.home-reward-card,.lesson-card,.premium-learning-card,.topic-card{transition:transform var(--app-transition),border-color var(--app-transition),background-color var(--app-transition),box-shadow var(--app-transition)!important}.app-card-interactive:hover,.card.interactive:hover,.card:is(a,button,article):hover,.continue-card:hover,.dashboard-module-row:hover,.lesson-card:hover,.premium-learning-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{transform:translateY(-2px) scale(1.02)!important;border-color:var(--app-border-strong)!important;box-shadow:0 0 0 1px rgba(94,106,210,.12),0 18px 42px rgba(94,106,210,.12)!important}.app-button,.back-button,.bottom-nav-link,.btn,.icon-button,.sidebar-link,.sidebar-sublink,.sidebar-toggle,.topbar-main-link,button{transition:transform var(--app-transition),border-color var(--app-transition),background-color var(--app-transition),color var(--app-transition),box-shadow var(--app-transition)!important}.app-button:hover,.back-button:hover,.bottom-nav-link:hover,.btn:hover,.icon-button:hover,.sidebar-link:hover,.sidebar-sublink:hover,.sidebar-toggle:hover,.topbar-main-link:hover,button:not(:disabled):hover{transform:scale(1.02)!important}.app-button:active,.back-button:active,.bottom-nav-link:active,.btn:active,.icon-button:active,.sidebar-link:active,.sidebar-sublink:active,.sidebar-toggle:active,.topbar-main-link:active,button:not(:disabled):active{transform:scale(.98)!important}.sidebar-link.active,.sidebar-link[aria-current=page],.sidebar-sublink.active,.topbar-main-link.active{border-color:var(--app-border-strong)!important;background:rgba(94,106,210,.16)!important;color:#cfd3ff!important;box-shadow:inset 3px 0 0 var(--primary)!important}.content-stack{gap:clamp(16px,2vw,28px)!important}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:clamp(14px,2vw,22px)!important}.row,.topbar-actions,.topbar-center,.topbar-leading{min-width:0}.empty-state{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,34px);color:var(--on-surface)}.empty-state h2{margin:8px 0 0;font-size:clamp(1.1rem,2vw,1.45rem);letter-spacing:0}.empty-state p{max-width:66ch;margin:8px 0 0;color:var(--app-muted);line-height:1.7}.empty-state-kicker{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.empty-state-action{flex:0 0 auto}@media (max-width:1024px){.app-shell.sidebar-collapsed:not(.landing-shell),.app-shell.sidebar-expanded:not(.landing-shell),.app-shell:not(.landing-shell){grid-template-columns:minmax(0,1fr)!important}.desktop-sidebar{display:none!important}.page-wrap{padding-inline:16px!important;padding-block-end:96px}.content-container,.dashboard-page,.landing-content-container,.main-content,.navbar,.site-footer,.topbar{max-width:100%!important}.topbar-main-menu{overflow-x:auto}.empty-state{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.app-button,.app-card,.app-shell:not(.landing-shell),.btn,.card,.desktop-sidebar,a,button{transition-duration:1ms!important}}:root,html.dark,html:not(.dark){--background:#010102;--surface:#0a0a0c;--surface-2:#101014;--surface-3:#15151b;--border:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:#a1a1aa;--accent:#5e6ad2;--primary:#5e6ad2;--primary-container:#5e6ad2;--secondary:#5e6ad2;--tertiary:#5e6ad2;--on-background:#fff;--on-surface:#fff;--on-surface-variant:#a1a1aa;--outline-variant:hsla(0,0%,100%,.08);--app-bg:#010102;--app-surface-1:#0a0a0c;--app-surface-2:#101014;--app-surface-3:#15151b;--app-border:hsla(0,0%,100%,.08);--app-border-strong:rgba(94,106,210,.58);--app-muted:#a1a1aa;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-card:12px;--radius-button:10px;--motion-fast:0.2s ease;color-scheme:dark}.app-shell,.content-container,.dashboard-page,.landing-content-container,.main-content,.page-wrap,body,html{background:var(--background)!important;color:var(--text-primary)!important}.content-stack,.dashboard-page,.home-product-experience,.learn-page-premium{gap:var(--space-6)!important}.card-grid,.dashboard-section-grid,.home-feature-grid,.home-path-grid,.home-preview-mini-grid,.home-retention-grid,.home-trust-grid,.stats-grid{gap:var(--space-4)!important}.app-section-header,.continue-card-copy,.dashboard-hero-copy,.home-section-copy,.section-header{gap:var(--space-3)!important}.achievement-card,.app-card,.card,.card-glass,.continue-card,.dashboard-module-row,.empty-state,.home-dashboard-strip-card,.home-reward-card,.learning-flow-card,.lesson-card,.premium-lesson-card,.stat-card,.topic-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-card)!important;box-shadow:none!important;color:var(--text-primary)!important;padding:20px!important}.app-card-compact,.dashboard-module-row,.home-dashboard-strip-card,.learning-flow-card,.stat-card{padding:16px!important}.app-card-normal,.app-card-spacious,.card,.continue-card,.premium-lesson-card{padding:20px!important}.app-card-accent,.continue-card-premium,.dashboard-command-bar,.premium-page-hero{border-color:rgba(94,106,210,.28)!important;background:radial-gradient(circle at top right,rgba(94,106,210,.16),transparent 34%),var(--surface)!important}.achievement-card:hover,.app-card-interactive:hover,.card.interactive:hover,.card:is(a,button,article):hover,.continue-card:hover,.dashboard-module-row:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover,.premium-lesson-card:hover,.stat-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{border-color:var(--app-border-strong)!important;box-shadow:0 18px 44px rgba(94,106,210,.14)!important;transform:translateY(-2px) scale(1.02)!important}.app-button,.back-button,.bottom-nav-link,.btn,.icon-button,.sidebar-link,.sidebar-sublink,.sidebar-toggle,.topbar-main-link,button:not(.unstyled){align-items:center!important;border-radius:var(--radius-button)!important;display:inline-flex!important;font-weight:700!important;gap:var(--space-2)!important;justify-content:center!important;min-height:44px!important;padding:0 16px!important}.app-button-sm{min-height:36px!important;padding-inline:12px!important}.app-button-md{min-height:44px!important}.app-button-lg{min-height:48px!important;padding-inline:20px!important}.app-button-primary,.btn:not(.secondary):not(.ghost):not(.danger):not(.outline){background:var(--accent)!important;border:1px solid hsla(0,0%,100%,.08)!important;color:#fff!important}.app-button-secondary,.btn.outline,.btn.secondary{background:hsla(0,0%,100%,.04)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.app-button-ghost,.btn.ghost{background:transparent!important;border:1px solid transparent!important;color:var(--text-secondary)!important}.app-button:hover,.back-button:hover,.bottom-nav-link:hover,.btn:hover,.icon-button:hover,.sidebar-link:hover,.sidebar-sublink:hover,.sidebar-toggle:hover,.topbar-main-link:hover,button:not(:disabled):not(.unstyled):hover{border-color:var(--app-border-strong)!important;box-shadow:0 0 0 1px rgba(94,106,210,.14),0 12px 28px rgba(94,106,210,.16)!important;color:#fff!important;transform:translateY(-1px) scale(1.02)!important}.app-button:active,.back-button:active,.bottom-nav-link:active,.btn:active,.icon-button:active,.sidebar-link:active,.sidebar-sublink:active,.sidebar-toggle:active,.topbar-main-link:active,button:not(:disabled):not(.unstyled):active{transform:scale(.98)!important}.bottom-nav,.desktop-sidebar,.topbar-premium{background:rgba(10,10,12,.96)!important;border-color:var(--border)!important}.app-card h1,.app-card h2,.app-card h3,.app-card h4,.app-section-header h2,.brand-title,.card h1,.card h2,.card h3,.card h4,.continue-card h3,.dashboard-metric strong,.home-premium-heading h1,.home-section-copy h2,.section-header h2,.section-header h3,.stat-value,.topbar-logo strong{color:var(--text-primary)!important;letter-spacing:0!important}.app-card p,.app-section-header p,.card p,.continue-card p,.dashboard-metric span,.home-premium-heading p,.home-section-copy p,.muted,.sidebar-link-copy small,.stat-label{color:var(--text-secondary)!important}.home-premium-hero-shell,.page-hero,.premium-page-hero{border:1px solid var(--border)!important;border-radius:var(--radius-card)!important;background:radial-gradient(circle at 18% 12%,rgba(94,106,210,.18),transparent 30%),linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,0)),var(--surface)!important;box-shadow:none!important}.dashboard-command-bar,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid{display:grid;gap:var(--space-4)}.home-dashboard-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-dashboard-strip-card,.learn-hero-metric-card{min-height:132px}.dashboard-command-bar strong,.home-dashboard-strip-card strong,.learn-hero-metric-card strong{display:block;color:var(--text-primary);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.2;margin-top:var(--space-2)}.dashboard-command-bar p,.home-dashboard-strip-card p{line-height:1.65;margin:var(--space-2) 0 0}.dashboard-command-bar{align-items:center;border:1px solid var(--border);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) auto;padding:20px}.dashboard-command-metrics{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.app-badge,.continue-card-eyebrow,.dashboard-command-metrics span,.dashboard-panel-kicker,.home-kicker,.home-proof-pill,.pill,.section-label{border:1px solid var(--border)!important;border-radius:999px!important;background:hsla(0,0%,100%,.04)!important;color:var(--text-secondary)!important;letter-spacing:.08em!important;padding:6px 10px!important}.learn-hero-premium{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:260px;overflow:hidden;padding:32px!important;position:relative}.learn-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-6);width:100%}.learn-hero-metric-card span{color:var(--text-secondary);font-size:.78rem;font-weight:700}.learning-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-lesson-card{height:260px;isolation:isolate}.premium-lesson-card-glow{background:radial-gradient(circle at top right,rgba(94,106,210,.16),transparent 38%);inset:0;position:absolute;z-index:-1}.premium-icon-button{background:hsla(0,0%,100%,.04)!important;color:var(--accent)!important;height:44px;justify-content:center;width:44px}.floating-contact-button,.premium-icon-button{align-items:center;border:1px solid var(--border)!important;border-radius:var(--radius-button)!important;display:inline-flex}.floating-contact-button{align-self:flex-end;background:var(--surface)!important;color:var(--text-primary)!important;font-size:.875rem;font-weight:700;gap:var(--space-2);min-height:44px;padding:0 16px}.floating-contact-button:hover,.premium-icon-button:hover{border-color:var(--app-border-strong)!important;box-shadow:0 12px 28px rgba(94,106,210,.16);transform:translateY(-1px) scale(1.02)}.dashboard-action-row{margin-top:var(--space-4)!important}.app-section{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:20px}.app-section-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--space-4)}.app-section-title-group{display:grid;gap:var(--space-2);max-width:76ch}.app-section-title-group h2,.app-section-title-group p{margin:0}.app-section-body{display:grid;gap:var(--space-4)}@media (max-width:900px){.dashboard-command-bar,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid{grid-template-columns:1fr}.dashboard-command-metrics{justify-content:flex-start}.learn-hero-premium{padding:24px!important}}@media (prefers-reduced-motion:reduce){.app-button,.app-card,.btn,.card,.card-glass,.continue-card,.dashboard-module-row,.floating-contact-button,.premium-icon-button,.stat-card{transition-duration:1ms!important}}:root,html.dark,html:not(.dark){--motion-startup:0.2s cubic-bezier(0.4,0,0.2,1);--startup-grid-line:hsla(0,0%,100%,.028);--startup-grid-accent:rgba(94,106,210,.07);--startup-title-glow:0 0 34px rgba(94,106,210,.12)}.app-shell{transition:background .3s ease;isolation:isolate;overflow-x:clip;position:relative}.app-shell:after,.app-shell:before{content:"";inset:0;position:fixed;z-index:0}.app-shell:before{background-image:none;background-position:top,top,50%,50%;background-size:36px 36px,36px 36px,100% 100%,100% 100%;opacity:1}.app-shell:after{background-image:none;background-size:18px 18px,100% 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent 84%);mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent 84%);opacity:1}.page-wrap{z-index:2}.bottom-nav,.desktop-sidebar,.floating-container,.mobile-nav-shell,.page-wrap{position:relative}.premium-cursor-glow{background:radial-gradient(circle,rgba(94,106,210,.075) 0,rgba(94,106,210,.038) 36%,transparent 68%);border-radius:999px;filter:none;height:420px;left:0;opacity:1;position:fixed;top:0;transform:translate3d(-50%,-50%,0);transition:opacity var(--motion-startup)!important;width:420px;will-change:transform,opacity;z-index:30}.achievement-card:hover,.app-card-interactive:hover,.app-card-magnetic:hover,.card.interactive:hover,.card:is(a,button,article):hover,.continue-card:hover,.dashboard-module-row:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover,.premium-lesson-card:hover,.stat-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{border-color:rgba(112,124,255,.64)!important}.app-button-magnetic:hover,.app-button:hover,.back-button:hover,.bottom-nav-link:hover,.btn:hover,.floating-contact-button:hover,.icon-button:hover,.premium-icon-button:hover,.sidebar-link:hover,.sidebar-sublink:hover,.sidebar-toggle:hover,.topbar-main-link:hover{transform:translateY(-2px) scale(1.03)!important}.app-button:active,.back-button:active,.bottom-nav-link:active,.btn:active,.floating-contact-button:active,.icon-button:active,.premium-icon-button:active,.sidebar-link:active,.sidebar-sublink:active,.sidebar-toggle:active,.topbar-main-link:active{transform:translateY(0) scale(.97)!important}.main-content{row-gap:var(--space-8)}.main-content>:where(section,article,.app-section,.premium-page-hero,.dashboard-page,.page-panel,.card-grid,.home-section){scroll-margin-top:104px}.main-content>:where(section,article,.app-section,.premium-page-hero,.dashboard-page,.page-panel,.card-grid,.home-section)+:where(section,article,.app-section,.premium-page-hero,.dashboard-page,.page-panel,.card-grid,.home-section){margin-top:32px}.app-section,.dashboard-command-bar,.home-premium-hero-shell,.learn-hero-premium,.premium-page-hero{outline:1px solid hsla(0,0%,100%,.035);outline-offset:-2px}.app-section-header,.dashboard-hero-title,.home-premium-heading,.home-section-copy,.learn-hero-premium,.premium-page-hero,.section-header{gap:12px}.dashboard-hero-title h1,.dashboard-hero-title h2,.home-premium-heading h1,.learn-hero-premium h1,.learn-hero-premium h2,.premium-page-hero h1{font-size:3.5rem;font-weight:850;letter-spacing:0;line-height:1;text-shadow:var(--startup-title-glow);text-wrap:balance}.app-section-title-group h2,.home-section-copy h2,.section-header h2,.section-header h3{font-size:2rem;font-weight:820;letter-spacing:0;line-height:1.1;text-shadow:var(--startup-title-glow);text-wrap:balance}.app-section-title-group p,.home-section-copy p,.learn-hero-premium p,.premium-page-hero p,.section-header p{color:var(--text-secondary)!important;font-size:1rem;line-height:1.75;max-width:72ch}.app-section-header,.home-section-copy,.section-header{margin-bottom:24px!important}.card-grid,.dashboard-section-grid,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid,.stats-grid{gap:var(--space-4)!important}.app-card,.card,.continue-card,.dashboard-module-row,.home-dashboard-strip-card,.learning-flow-card,.premium-lesson-card,.stat-card{transform-origin:center}@media (max-width:900px){.dashboard-hero-title h1,.dashboard-hero-title h2,.home-premium-heading h1,.learn-hero-premium h1,.learn-hero-premium h2,.premium-page-hero h1{font-size:2.35rem;line-height:1.08}.app-section-title-group h2,.home-section-copy h2,.section-header h2,.section-header h3{font-size:1.55rem;line-height:1.16}.main-content>:where(section,article,.app-section,.premium-page-hero,.dashboard-page,.page-panel,.card-grid,.home-section)+:where(section,article,.app-section,.premium-page-hero,.dashboard-page,.page-panel,.card-grid,.home-section){margin-top:24px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.premium-cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){.app-shell,.app-shell *,.app-shell :after,.app-shell :before{transition-duration:1ms!important}}.layout-main,.main-content{padding-top:calc(var(--layout-navbar-height, 68px) + 32px)!important;padding-bottom:48px!important}.layout-shell .topbar,.topbar,.topbar-premium{left:0!important;right:0!important;top:0!important;width:100%!important;max-width:100%!important}.content-container,.dashboard-page,.landing-shell .content-container,.layout-content{margin-inline:auto!important;max-width:var(--layout-content-max)!important;padding:0!important;width:100%!important}.bottom-nav,.engagement-toast,.floating-container,.layout-sidebar,.lesson-modal-shell,.mobile-nav-panel,.modal,.story-reader-shell,.topbar,[data-clickable=true]{pointer-events:auto!important}@media (max-width:1024px){.layout-shell{--active-sidebar-width:0px!important}.layout-sidebar{display:none!important}.layout-main,.layout-shell.sidebar-collapsed .layout-main{margin-left:0!important;padding:calc(var(--layout-navbar-height) + 24px) 24px 96px!important}.layout-shell .topbar{left:24px!important;right:24px!important;width:calc(100vw - 48px)!important}}@media (max-width:720px){.layout-main,.layout-shell.sidebar-collapsed .layout-main{padding:calc(var(--layout-navbar-height) + 18px) 16px 92px!important}.layout-shell .topbar{left:12px!important;right:12px!important;width:calc(100vw - 24px)!important}}.daily-goal-pill{gap:.5rem;min-width:138px;position:relative}@media (min-width:1281px){.app-shell:not(.landing-shell) .topbar .engagement-pill-row{display:flex}}.daily-goal-card-complete,.daily-goal-metric.daily-goal-complete,.daily-goal-pill.daily-goal-complete{border-color:rgba(52,211,153,.42)!important;box-shadow:inset 0 0 18px rgba(52,211,153,.045),0 0 26px rgba(52,211,153,.14)!important}.daily-goal-mini-track{background:hsla(0,0%,100%,.08);border-radius:999px;display:inline-flex;height:5px;min-width:40px;overflow:hidden}.daily-goal-mini-track span{background:linear-gradient(90deg,#5e6ad2,#34d399);border-radius:inherit;box-shadow:0 0 14px rgba(52,211,153,.3);display:block;height:100%}.streak-boost{animation:fire-glow 1.8s ease-in-out infinite,streak-boost-pop .72s cubic-bezier(.2,.9,.2,1)}.daily-goal-card{align-items:center;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;background:radial-gradient(circle at 10% 0,rgba(52,211,153,.12),transparent 34%),linear-gradient(180deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.014)),var(--surface-secondary);display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(170px,.42fr);padding:16px}.daily-goal-card-copy{display:grid;gap:6px}.daily-goal-card-copy strong{color:#fff;font-size:1.1rem}.daily-goal-card-copy p{color:var(--text-secondary);line-height:1.6;margin:0}.daily-goal-card-progress{display:grid;gap:8px}.daily-goal-card-progress>span{color:#d9dcff;font-size:.78rem;font-weight:800;text-align:right}.lesson-progress-summary{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.86rem;font-weight:700;gap:12px;justify-content:space-between;margin-top:14px}.lesson-progress-summary span{border:1px solid hsla(0,0%,100%,.08);border-radius:999px;background:hsla(0,0%,100%,.035);padding:7px 10px}.engagement-toast-inner{overflow:hidden;position:relative}.engagement-toast-burst{inset:0;position:absolute}.engagement-toast-burst span{background:linear-gradient(135deg,#5e6ad2,#34d399);border-radius:999px;height:6px;left:50%;opacity:1;position:absolute;top:50%;width:6px}.engagement-toast-goal .engagement-toast-burst span,.engagement-toast-progress .engagement-toast-burst span,.engagement-toast-streak .engagement-toast-burst span,.engagement-toast-success .engagement-toast-burst span{animation:reward-burst .72s cubic-bezier(.2,.9,.2,1) both}.engagement-toast-burst span:first-child{--burst-x:-118px;--burst-y:-24px}.engagement-toast-burst span:nth-child(2){--burst-x:-78px;--burst-y:42px;animation-delay:40ms}.engagement-toast-burst span:nth-child(3){--burst-x:-18px;--burst-y:-58px;animation-delay:80ms}.engagement-toast-burst span:nth-child(4){--burst-x:46px;--burst-y:48px;animation-delay:.12s}.engagement-toast-burst span:nth-child(5){--burst-x:104px;--burst-y:-30px;animation-delay:.16s}.engagement-toast-burst span:nth-child(6){--burst-x:134px;--burst-y:28px;animation-delay:.2s}.engagement-toast-streak .engagement-toast-icon{background:rgba(245,158,11,.18);color:#f59e0b}.engagement-toast-goal .engagement-toast-icon{background:rgba(52,211,153,.16);color:#34d399}@keyframes streak-boost-pop{0%{transform:scale(1)}38%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes reward-burst{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(.5)}18%{opacity:1}to{opacity:1;transform:translate3d(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y)),0) scale(1)}}@media (max-width:900px){.daily-goal-card{grid-template-columns:1fr}.daily-goal-card-progress>span{text-align:left}}@media (max-width:720px){.daily-goal-pill{min-width:auto}.daily-goal-mini-track{display:none}}@media (prefers-reduced-motion:reduce){.engagement-toast-burst span,.streak-boost{animation:none!important}}:root,html.dark,html:not(.dark){--layout-navbar-height:68px;--layout-page-padding:32px;--layout-card-gap:16px;--layout-content-max:1200px;--motion-premium:0.2s cubic-bezier(0.22,1,0.36,1);--surface-primary:#0a0a0c;--surface-secondary:#0f0f14;--surface-elevated:#15151c;--surface-glass:rgba(15,15,20,.82);--border-soft:hsla(0,0%,100%,.08);--border-neon:rgba(94,106,210,.52);--neon-soft:rgba(94,106,210,.16);--shadow-depth:0 10px 30px rgba(0,0,0,.6);--shadow-depth-hover:0 18px 48px rgba(0,0,0,.72),0 0 36px rgba(94,106,210,.14);--shadow-inner:inset 0 0 20px hsla(0,0%,100%,.02)}.app-shell,.layout-shell{background:radial-gradient(circle at 18% -8%,rgba(94,106,210,.12),transparent 34%),radial-gradient(circle at 88% 4%,hsla(0,0%,100%,.035),transparent 24%),#010102!important;min-height:100vh;overflow-x:clip;position:relative;display:block!important;grid-template-columns:unset!important}.topbar,.topbar-premium{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:var(--layout-navbar-height)!important;z-index:60!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important;border-radius:0!important;border:none!important;border-bottom:1px solid var(--border-soft)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle at 12% 0,rgba(94,106,210,.1),transparent 32%),linear-gradient(180deg,hsla(0,0%,100%,.052),hsla(0,0%,100%,.014)),var(--surface-elevated)!important;box-shadow:var(--shadow-inner),var(--shadow-depth)!important;transition:background var(--motion-premium),border-color var(--motion-premium),box-shadow var(--motion-premium)!important}.navbar-inner{display:flex;align-items:center;gap:1.25rem;width:100%;max-width:calc(var(--layout-content-max) + var(--layout-page-padding) * 2);margin:0 auto;padding:0 var(--layout-page-padding)}.navbar-logo-wrap{flex-shrink:0}.navbar-logo,.topbar-logo{display:flex!important;align-items:center;gap:.65rem;text-decoration:none;min-width:0}.navbar-logo-text{display:flex;flex-direction:column;min-width:0}.navbar-logo-text strong{font-family:var(--font-jakarta,"Plus Jakarta Sans"),sans-serif;font-weight:800;font-size:.92rem;color:var(--on-surface);background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:180px}.navbar-logo-sub,.navbar-logo-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-logo-sub{font-size:.68rem;color:var(--on-surface-variant)}.topbar-logo-frame,.topbar-logo-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:.6rem;background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.navbar-center-nav{display:flex;align-items:center;gap:.25rem;flex:1 1 auto;justify-content:center;min-width:0;overflow:visible}.navbar-nav-group{position:relative}.navbar-nav-link,.topbar-main-link{display:inline-flex!important;align-items:center;gap:.35rem;padding:.5rem .875rem!important;border-radius:.65rem!important;font-size:.875rem!important;font-weight:600!important;color:var(--on-surface-variant)!important;text-decoration:none;white-space:nowrap;border:1px solid transparent!important;transition:background var(--motion-premium),color var(--motion-premium),border-color var(--motion-premium),transform var(--motion-premium),box-shadow var(--motion-premium)!important;box-shadow:inset 0 0 14px hsla(0,0%,100%,.018)!important}.navbar-chevron{opacity:1;transition:transform .18s ease}.navbar-nav-group:hover .navbar-chevron{transform:rotate(180deg)}.navbar-nav-link:hover,.topbar-main-link:hover{background:linear-gradient(135deg,rgba(94,106,210,.18),rgba(94,106,210,.08))!important;border-color:var(--border-neon)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 6px 20px rgba(0,0,0,.3),0 0 20px rgba(94,106,210,.12)!important}.navbar-nav-link.active,.topbar-main-link.active{background:linear-gradient(135deg,rgba(94,106,210,.26),rgba(94,106,210,.1))!important;border-color:var(--border-neon)!important;color:#fff!important;box-shadow:inset 0 0 18px rgba(94,106,210,.1),0 0 22px rgba(94,106,210,.1)!important}.navbar-nav-link:active,.topbar-main-link:active{transform:translateY(0) scale(.98)!important}.navbar-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:180px;background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02)),var(--surface-elevated);border:1px solid var(--border-soft);border-radius:1rem;padding:.375rem;box-shadow:var(--shadow-inner),0 20px 50px rgba(0,0,0,.65),0 0 30px rgba(94,106,210,.1);backdrop-filter:none;-webkit-backdrop-filter:none;animation:slide-from-top .16s ease;z-index:200}.navbar-dropdown-item{display:block;padding:.55rem .875rem;border-radius:.65rem;font-size:.85rem;font-weight:500;color:var(--on-surface-variant);text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.navbar-dropdown-item.active,.navbar-dropdown-item:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--on-surface)}.navbar-actions,.topbar-actions{display:flex!important;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.navbar-pills-wrap{display:flex}.navbar-hamburger{display:none}.layout-main,.main-content{display:flex!important;flex-direction:column!important;margin-left:0!important;min-height:calc(100vh - var(--layout-navbar-height))!important;padding:calc(var(--layout-navbar-height) + var(--layout-page-padding)) var(--layout-page-padding) calc(var(--layout-page-padding) * 2)!important;width:100%!important;box-sizing:border-box!important}.content-container,.layout-content{box-sizing:border-box!important;margin-inline:auto!important;max-width:var(--layout-content-max)!important;padding:0!important;width:100%!important}.landing-content-container{max-width:100%!important;padding:0!important}.page-wrap{display:contents!important;padding:0!important}.content-stack,.dashboard-page,.home-landing-premium,.layout-content,.learn-page-premium,.main-content{gap:32px!important}.card-grid,.dashboard-metric-grid,.dashboard-overview-grid,.dashboard-section-grid,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid,.stats-grid{gap:var(--layout-card-gap)!important}.footer,footer{margin-inline:auto!important;max-width:var(--layout-content-max)!important;width:100%!important}.back-button{display:none}.bottom-nav,.engagement-toast,.floating-container,.lesson-modal-shell,.mobile-nav-panel,.modal,.story-reader-shell,.topbar,.topbar-premium{pointer-events:auto!important}.achievement-card,.app-card,.app-card-surface-primary,.card,.card-glass,.continue-card,.dashboard-module-row,.empty-state,.home-dashboard-strip-card,.home-reward-card,.learning-flow-card,.lesson-card,.premium-lesson-card,.stat-card,.topic-card{background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.012)),var(--surface-primary)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow-inner),var(--shadow-depth)!important;transition:transform var(--motion-premium),border-color var(--motion-premium),background var(--motion-premium),box-shadow var(--motion-premium),color var(--motion-premium)!important}.achievement-card:hover,.app-card-interactive:hover,.app-card-magnetic:hover,.card.interactive:hover,.card:is(a,button,article):hover,.continue-card:hover,.dashboard-module-row:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover,.premium-lesson-card:hover,.stat-card:hover,.topic-card:hover,a.app-card:hover,button.app-card:hover{border-color:var(--border-neon)!important;box-shadow:var(--shadow-inner),0 22px 58px rgba(0,0,0,.76),0 0 42px rgba(94,106,210,.18)!important;transform:translateY(-4px) scale(1.02)!important}.app-card-interactive:active,.app-card-magnetic:active,.card.interactive:active,.card:is(a,button,article):active,.continue-card:active,.dashboard-module-row:active,.premium-lesson-card:active,a.app-card:active,button.app-card:active{transform:translateY(0) scale(.99)!important}.app-button,.back-button,.bottom-nav-link,.btn,.floating-contact-button,.icon-button,.navbar-nav-link,.premium-icon-button,.sidebar-link,.sidebar-sublink,.sidebar-toggle,.topbar-main-link{box-shadow:inset 0 0 14px hsla(0,0%,100%,.018)!important;transition:transform var(--motion-premium),border-color var(--motion-premium),background var(--motion-premium),box-shadow var(--motion-premium),color var(--motion-premium)!important}.app-button-primary,.btn:not(.secondary):not(.ghost):not(.danger):not(.outline){background:linear-gradient(135deg,#5e6ad2,#6b74dc 52%,#5e6ad2)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 10px 24px rgba(94,106,210,.24)!important}.app-button:hover,.bottom-nav-link:hover,.btn:hover,.floating-contact-button:hover,.icon-button:hover,.premium-icon-button:hover{background:linear-gradient(135deg,rgba(94,106,210,.92),rgba(94,106,210,.72))!important;border-color:var(--border-neon)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 14px 32px rgba(0,0,0,.5),0 0 30px rgba(94,106,210,.18)!important;color:#fff!important;transform:translateY(-2px) scale(1.02)!important}.app-button:active,.bottom-nav-link:active,.btn:active,.floating-contact-button:active,.icon-button:active,.premium-icon-button:active{transform:translateY(0) scale(.97)!important}.bottom-nav-link.active,.sidebar-link.active,.sidebar-link[aria-current=page],.sidebar-sublink.active,.topbar-main-link.active{background:linear-gradient(135deg,rgba(94,106,210,.26),rgba(94,106,210,.1))!important;border-color:var(--border-neon)!important;box-shadow:inset 0 0 18px rgba(94,106,210,.1),0 0 22px rgba(94,106,210,.1)!important;color:#fff!important}.app-badge,.continue-card-eyebrow,.dashboard-command-metrics span,.dashboard-panel-kicker,.home-kicker,.home-proof-pill,.pill,.section-label{background:linear-gradient(180deg,rgba(94,106,210,.14),hsla(0,0%,100%,.025))!important;border-color:rgba(94,106,210,.24)!important;box-shadow:inset 0 0 14px hsla(0,0%,100%,.018)!important;color:#d9dcff!important}.input,.select,.textarea,input,select,textarea{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.012)),var(--surface-primary)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow-inner)!important}.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-neon)!important;box-shadow:var(--shadow-inner),0 0 0 3px rgba(94,106,210,.16)!important}.app-progress-track,.progress-bar-track{background:hsla(0,0%,100%,.06)!important;box-shadow:inset 0 0 14px rgba(0,0,0,.32)!important}.app-progress-fill,.progress-bar-fill{background:linear-gradient(90deg,#5e6ad2,#8b94ff)!important;box-shadow:0 0 18px rgba(94,106,210,.32)!important}.navbar-pills-wrap .engagement-pill-row,.topbar .engagement-pill-row{display:flex!important}.topbar .german-trust-badge{display:none!important}@supports (backdrop-filter:none; -webkit-backdrop-filter:none; } } .mobile-nav-links { display:flex; flex-direction:column; gap:0.25rem; padding:0.5rem 0; } .mobile-nav-section { display:flex; flex-direction:column; } .mobile-nav-link { padding:0.65rem 0.875rem !important; } .mobile-nav-children { display:flex; flex-direction:column; padding-left:2.5rem; gap:0.15rem; margin-top:0.15rem; } .mobile-nav-footer { margin-top:auto; display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; padding-top:1rem; border-top:1px solid var(--border-soft ); } @media (max-width:1280px) { .navbar-pills-wrap { display:none !important; } } @media (max-width:1024px) { .topbar-center,.navbar-center-nav { display:none !important; } .navbar-hamburger { display:inline-flex !important; } .layout-main,.main-content { padding-top:calc(var(--layout-navbar-height ) + 24px) !important; padding-left:24px !important; padding-right:24px !important; padding-bottom:96px !important; } .bottom-nav.mobile-only { display:grid !important; } } @media (max-width:768px) {:root,html:not(.dark),html.dark { --layout-page-padding:16px; } .layout-main,.main-content { padding-top:calc(var(--layout-navbar-height ) + 16px) !important; padding-left:16px !important; padding-right:16px !important; padding-bottom:92px !important; } .main-content,.layout-content,.content-stack,.dashboard-page,.home-landing-premium,.learn-page-premium { gap:24px !important; } .navbar-inner { padding:0 16px; gap:0.75rem; } .navbar-logo-text { display:none; } } @media (max-width:480px) { .navbar-actions >:not(.navbar-hamburger) { display:none !important; } .navbar-hamburger { display:inline-flex !important; } .topbar-actions .landing-topbar-cta { display:none !important; } } @media (min-width:1025px) { .mobile-only { display:none !important; } .bottom-nav.mobile-only { display:none !important; } } @media (max-width:900px) { .card,.app-card,.continue-card,.stat-card,.card-glass,.dashboard-module-row,.premium-lesson-card { box-shadow:var(--shadow-inner ),0 8px 22px rgba(0,0,0,0.48) !important; } } @media (prefers-reduced-motion:reduce) { .app-shell,.app-shell *,.app-shell *::before,.app-shell *::after { transition-duration:1ms !important; animation-duration:1ms !important; } } .premium-cursor-glow { transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) !important; }:root,html:not(.dark),html.dark { --layout-sidebar-width:260px; --layout-sidebar-collapsed-width:76px; --layout-navbar-height:68px; --layout-page-padding:32px; --layout-card-gap:16px; --layout-content-max:1200px; } .layout-shell { background:#010102 !important; min-height:100vh; overflow-x:clip; position:relative; } .layout-shell.sidebar-expanded { --active-sidebar-width:var(--layout-sidebar-width ); } .layout-shell.sidebar-collapsed { --active-sidebar-width:var(--layout-sidebar-collapsed-width ); } .layout-sidebar { align-items:stretch; display:flex !important; flex-direction:column; gap:var(--layout-card-gap ); height:100vh !important; inset:0 auto 0 0 !important; overflow-x:hidden !important; overflow-y:auto !important; padding:16px 12px !important; position:fixed !important; width:var(--layout-sidebar-width ) !important; z-index:70 !important; } .layout-shell.sidebar-collapsed .layout-sidebar { width:var(--layout-sidebar-collapsed-width ) !important; } .layout-shell.sidebar-collapsed .layout-sidebar:hover,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within { box-shadow:var(--shadow-inner ),0 18px 48px rgba(0,0,0,0.72) !important; width:var(--layout-sidebar-width ) !important; } .layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-brand-copy,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-section-title,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-link-copy,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-link-arrow,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-submenu-toggle,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-sublinks,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-toggle span { opacity:1 !important; width:0 !important; } .layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-brand,.layout-shell.sidebar-collapsed .layout-sidebar:not(:hover):not(:focus-within) .sidebar-link { justify-content:center !important; padding-inline:0 !important; } .layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-brand-copy,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-brand-copy,.layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-section-title,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-section-title,.layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-link-copy,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-link-copy,.layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-link-arrow,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-link-arrow,.layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-submenu-toggle,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-submenu-toggle,.layout-shell.sidebar-collapsed .layout-sidebar:hover .sidebar-toggle span,.layout-shell.sidebar-collapsed .layout-sidebar:focus-within .sidebar-toggle span { opacity:1 !important; pointer-events:auto !important; width:auto !important; } .sidebar-brand,.sidebar-link { align-items:center !important; display:flex !important; gap:12px !important; min-height:44px !important; min-width:0 !important; } .sidebar-brand-copy,.sidebar-link-copy { min-width:0 !important; } .sidebar-link-copy span,.sidebar-link-copy small,.brand-title,.brand-subtitle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sidebar-sublinks { padding-left:42px !important; } .layout-main { margin-left:0 !important; min-height:100vh !important; padding-top:calc(var(--layout-navbar-height,64px) + 24px) !important; padding-bottom:48px !important; padding-left:0 !important; padding-right:0 !important; position:relative !important; width:100% !important; box-sizing:border-box !important; z-index:2 !important; } .topbar { height:var(--layout-navbar-height ) !important; } .layout-shell .topbar,.topbar,.topbar-premium,.navbar { left:0 !important; right:0 !important; top:0 !important; width:100% !important; max-width:100% !important; border-radius:0 !important; } .layout-content,.content-container,.landing-shell .content-container,.dashboard-page { box-sizing:border-box !important; margin-inline:auto !important; max-width:var(--layout-content-max ) !important; padding:0 !important; width:100% !important; } .main-content,.layout-content,.content-stack,.dashboard-page,.home-landing-premium,.learn-page-premium { gap:32px !important; } .card-grid,.stats-grid,.dashboard-section-grid,.dashboard-overview-grid,.home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid,.dashboard-metric-grid { gap:var(--layout-card-gap ) !important; } .page-wrap::before,.page-wrap::after,.layout-main::before,.layout-main::after,.topbar::before,.topbar::after,.layout-sidebar::before,.layout-sidebar::after { } .topbar,.layout-sidebar,.mobile-nav-panel,.bottom-nav,.floating-container,.engagement-toast,.lesson-modal-shell,.modal,.story-reader-shell { pointer-events:auto !important; } .topbar-center { min-width:0 !important; } .topbar-main-menu { max-width:100% !important; overflow:hidden !important; } .topbar-actions { min-width:0 !important; } .topbar .german-trust-badge { display:none !important; } .topbar .engagement-pill-row { display:flex !important; } .layout-shell .back-button { display:inline-flex !important; } .landing-shell .back-button { display:none !important; } .footer,footer { margin-inline:auto !important; max-width:var(--layout-content-max ) !important; width:100% !important; } @media (max-width:1280px) { .topbar .engagement-pill-row { display:none !important; } } @media (max-width:1180px) { .topbar-center { display:none !important; } } @media (max-width:1024px) { .layout-shell { --active-sidebar-width:0px; } .layout-sidebar { display:none !important; } .layout-main,.layout-shell.sidebar-collapsed .layout-main { margin-left:0 !important; padding:calc(var(--layout-navbar-height ) + 24px) 24px 96px !important; } .layout-shell .topbar,.topbar,.topbar-premium { left:0 !important; right:0 !important; width:100% !important; } .mobile-nav-panel { max-width:340px !important; width:min(88vw,340px) !important; } } @media (max-width:720px) {:root,html:not(.dark),html.dark { --layout-page-padding:16px; } .layout-main,.layout-shell.sidebar-collapsed .layout-main { padding:calc(var(--layout-navbar-height ) + 18px) 16px 92px !important; } .layout-shell .topbar,.topbar,.topbar-premium { left:0 !important; right:0 !important; width:100% !important; padding-inline:0 !important; } .header-copy,.breadcrumb-row,.topbar-logo span:last-child { min-width:0 !important; } .main-content,.layout-content,.content-stack,.dashboard-page,.home-landing-premium,.learn-page-premium { gap:24px !important; } }:root,html:not(.dark),html.dark { --surface-primary:#0a0a0c; --surface-secondary:#0f0f14; --surface-elevated:#15151c; --surface-glass:rgba(15,15,20,0.82); --border-soft:rgba(255,255,255,0.08); --border-neon:rgba(94,106,210,0.52); --neon-soft:rgba(94,106,210,0.16); --neon-medium:rgba(94,106,210,0.28); --shadow-depth:0 10px 30px rgba(0,0,0,0.6); --shadow-depth-hover:0 18px 48px rgba(0,0,0,0.72),0 0 36px rgba(94,106,210,0.14); --shadow-inner:inset 0 0 20px rgba(255,255,255,0.02); --motion-premium:0.2s cubic-bezier(0.22,1,0.36,1); } .app-shell { background:radial-gradient(circle at 18% -8%,rgba(94,106,210,0.12),transparent 34%),radial-gradient(circle at 88% 4%,rgba(255,255,255,0.035),transparent 24%),#010102 !important; } .page-wrap { background:linear-gradient(180deg,rgba(255,255,255,0.018),transparent 180px),transparent !important; } .app-card-surface-primary,.card,.app-card,.continue-card,.stat-card,.card-glass,.dashboard-module-row,.achievement-card,.home-reward-card,.topic-card,.lesson-card,.premium-lesson-card,.learning-flow-card,.home-dashboard-strip-card,.empty-state { background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.012)),var(--surface-primary ) !important; border-color:var(--border-soft ) !important; box-shadow:var(--shadow-inner ),var(--shadow-depth ) !important; transition:transform var(--motion-premium ),border-color var(--motion-premium ),background var(--motion-premium ),box-shadow var(--motion-premium ),color var(--motion-premium ) !important; } .app-card-surface-secondary,.dashboard-metric,.home-hero-stat-card,.home-preview-mini-stat,.home-trust-strip,.learning-flow-card { background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.016)),var(--surface-secondary ) !important; box-shadow:var(--shadow-inner ),0 8px 24px rgba(0,0,0,0.46) !important; } .app-card-surface-elevated,.topbar-premium,.desktop-sidebar,.bottom-nav,.dashboard-command-bar,.home-premium-hero-shell,.premium-page-hero,.app-section { background:radial-gradient(circle at 12% 0%,rgba(94,106,210,0.1),transparent 32%),linear-gradient(180deg,rgba(255,255,255,0.052),rgba(255,255,255,0.014)),var(--surface-elevated ) !important; box-shadow:var(--shadow-inner ),var(--shadow-depth ) !important; } .app-card-accent,.continue-card-premium,.dashboard-command-bar,.learn-hero-metric-card.app-card-accent,.home-dashboard-strip-card.app-card-accent { border-color:var(--border-neon ) !important; box-shadow:inset 0 0 24px rgba(255,255,255,0.026),0 10px 30px rgba(0,0,0,0.6),0 0 34px rgba(94,106,210,0.1) !important; } .card::before,.app-card::before,.continue-card::before,.stat-card::before,.premium-lesson-card::before,.dashboard-command-bar::before,.home-premium-hero-shell::before,.premium-page-hero::before { background:none !important; opacity:1 !important; } .card:is(a,button,article):hover,.card.interactive:hover,.app-card-interactive:hover,.app-card-magnetic:hover,a.app-card:hover,button.app-card:hover,.continue-card:hover,.stat-card:hover,.dashboard-module-row:hover,.achievement-card:hover,.topic-card:hover,.premium-lesson-card:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover { border-color:var(--border-neon ) !important; box-shadow:var(--shadow-inner ),var(--shadow-depth-hover ) !important; transform:translateY(-3px) scale(1.02) !important; } .card:is(a,button,article):active,.card.interactive:active,.app-card-interactive:active,.app-card-magnetic:active,a.app-card:active,button.app-card:active,.continue-card:active,.dashboard-module-row:active,.premium-lesson-card:active { transform:translateY(0) scale(0.99) !important; } .app-button,.btn,.floating-contact-button,.premium-icon-button,.back-button,.icon-button,.sidebar-toggle,.topbar-main-link,.sidebar-link,.sidebar-sublink,.bottom-nav-link { box-shadow:inset 0 0 14px rgba(255,255,255,0.018) !important; transition:transform var(--motion-premium ),border-color var(--motion-premium ),background var(--motion-premium ),box-shadow var(--motion-premium ),color var(--motion-premium ) !important; } .app-button-primary,.btn:not(.secondary):not(.ghost):not(.danger):not(.outline) { background:linear-gradient(135deg,#5e6ad2 0%,#6b74dc 52%,#5e6ad2 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 10px 24px rgba(94,106,210,0.24) !important; } .app-button-secondary,.btn.secondary,.btn.outline,.app-button-ghost,.btn.ghost,.floating-contact-button,.premium-icon-button { background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.018)),rgba(10,10,12,0.86) !important; border-color:var(--border-soft ) !important; backdrop-filter:none; -webkit-backdrop-filter:none; } .app-button:hover,.app-button-magnetic:hover,.btn:hover,.floating-contact-button:hover,.premium-icon-button:hover,.back-button:hover,.icon-button:hover,.sidebar-toggle:hover,.topbar-main-link:hover,.sidebar-link:hover,.sidebar-sublink:hover,.bottom-nav-link:hover { background:linear-gradient(135deg,rgba(94,106,210,0.92),rgba(94,106,210,0.72)) !important; border-color:var(--border-neon ) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 14px 32px rgba(0,0,0,0.5),0 0 30px rgba(94,106,210,0.18) !important; color:#ffffff !important; transform:translateY(-2px) scale(1.02) !important; } .app-button:active,.btn:active,.floating-contact-button:active,.premium-icon-button:active,.back-button:active,.icon-button:active,.sidebar-toggle:active,.topbar-main-link:active,.sidebar-link:active,.sidebar-sublink:active,.bottom-nav-link:active { transform:translateY(0) scale(0.98) !important; } .sidebar-link.active,.sidebar-link[aria-current="page"],.sidebar-sublink.active,.topbar-main-link.active,.bottom-nav-link.active { background:linear-gradient(135deg,rgba(94,106,210,0.26),rgba(94,106,210,0.1)) !important; border-color:var(--border-neon ) !important; box-shadow:inset 0 0 18px rgba(94,106,210,0.1),0 0 22px rgba(94,106,210,0.1) !important; color:#ffffff !important; } .dashboard-panel-kicker,.section-label,.home-kicker,.continue-card-eyebrow,.app-badge,.pill,.home-proof-pill,.dashboard-command-metrics span { background:linear-gradient(180deg,rgba(94,106,210,0.14),rgba(255,255,255,0.025)) !important; border-color:rgba(94,106,210,0.24) !important; box-shadow:inset 0 0 14px rgba(255,255,255,0.018) !important; color:#d9dcff !important; } .home-premium-heading h1,.home-section-copy h2,.dashboard-hero-title h2,.learn-hero-premium h2,.section-header h3,.app-section-title-group h2 { text-shadow:0 0 26px rgba(94,106,210,0.08); } .home-dashboard-strip,.learn-hero-metrics,.learning-flow-grid,.dashboard-command-metrics,.card-grid,.stats-grid,.dashboard-section-grid { align-items:stretch; } .home-dashboard-strip-card,.learn-hero-metric-card,.learning-flow-card,.dashboard-metric,.stat-card { display:flex; flex-direction:column; justify-content:space-between; } .input,.textarea,.select,input,textarea,select { background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.012)),var(--surface-primary ) !important; border-color:var(--border-soft ) !important; box-shadow:var(--shadow-inner ) !important; } .input:focus,.textarea:focus,.select:focus,input:focus,textarea:focus,select:focus { border-color:var(--border-neon ) !important; box-shadow:var(--shadow-inner ),0 0 0 3px rgba(94,106,210,0.16) !important; } .progress-bar-track,.app-progress-track { background:rgba(255,255,255,0.06) !important; box-shadow:inset 0 0 14px rgba(0,0,0,0.32) !important; } .progress-bar-fill,.app-progress-fill { background:linear-gradient(90deg,#5e6ad2,#8b94ff) !important; box-shadow:0 0 18px rgba(94,106,210,0.32) !important; } @supports (backdrop-filter:none; -webkit-backdrop-filter:none; } } @media (max-width:900px) { .card,.app-card,.continue-card,.stat-card,.card-glass,.dashboard-module-row,.premium-lesson-card { box-shadow:var(--shadow-inner ),0 8px 22px rgba(0,0,0,0.48) !important; } } @media (prefers-reduced-motion:reduce) { .card,.app-card,.continue-card,.stat-card,.card-glass,.dashboard-module-row,.premium-lesson-card,.app-button,.btn,.floating-contact-button,.premium-icon-button { transition-duration:1ms !important; } } .interactive { transition:transform 0.2s ease,opacity 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease; } button,a,.btn,.card,.app-card,.stat-card,.continue-card,.lesson-card,.premium-lesson-card,.topic-card,.learning-flow-card,.home-dashboard-strip-card,.sidebar-link,.sidebar-sublink,.bottom-nav-link,.topbar-main-link,.navbar-nav-link,.icon-button,.floating-contact-button,.engagement-pill { transition:transform 0.2s ease,opacity 0.2s ease,box-shadow 0.2s ease,background 0.25s ease,border-color 0.2s ease,color 0.15s ease; } .card:is(a,button,article):hover,.card.interactive:hover,.app-card-interactive:hover,.app-card-magnetic:hover,a.app-card:hover,button.app-card:hover,.continue-card:hover,.stat-card:hover,.dashboard-module-row:hover,.achievement-card:hover,.topic-card:hover,.premium-lesson-card:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover { box-shadow:var(--shadow-inner ),0 22px 58px rgba(0,0,0,0.76),0 0 42px rgba(94,106,210,0.18) !important; transform:translateY(-4px) scale(1.02) !important; } .app-button:hover,.app-button-magnetic:hover,.btn:hover,.floating-contact-button:hover,.premium-icon-button:hover,.back-button:hover,.icon-button:hover,.sidebar-toggle:hover,.topbar-main-link:hover,.sidebar-link:hover,.sidebar-sublink:hover,.bottom-nav-link:hover { transform:translateY(-2px) scale(1.03) !important; } .app-button:active,.btn:active,.floating-contact-button:active,.premium-icon-button:active,.back-button:active,.icon-button:active,.sidebar-toggle:active,.topbar-main-link:active,.sidebar-link:active,.sidebar-sublink:active,.bottom-nav-link:active { transform:translateY(0) scale(0.97) !important; } .premium-cursor-glow { transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) !important; } @media (prefers-reduced-motion:reduce) { .app-shell,.app-shell *,.app-shell *::before,.app-shell *::after { transition-duration:1ms !important; } } .container { max-width:1200px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; width:100%; box-sizing:border-box; } .hero-container { max-width:1200px; } .app-shell-main { min-height:100vh; } .container,.page-container,.content-container,.landing-content-container,.layout-content,.dashboard-page { max-width:1200px !important; } .lesson-modal-backdrop { pointer-events:auto; } .lesson-modal-shell { backdrop-filter:none; } @media (min-width:1024px) { .container { padding-left:20px; padding-right:20px; } } .content-stack,.learn-page-premium,.dashboard-page,.home-landing-premium { display:flex; flex-direction:column; gap:1.5rem; } .card,.app-card,.continue-card,.stat-card { gap:1.5rem; padding:1.25rem !important; } .home-premium-heading,.home-section-copy,.dashboard-hero-title,.section-header,.home-final-cta-copy { display:flex; flex-direction:column; gap:1rem; } .card-grid,.practice-hub-grid,.home-path-grid,.home-feature-grid,.home-showcase-feature-grid,.home-trust-grid,.home-retention-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; } .dashboard-overview-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1.5rem; } .learning-flow-grid,.learn-hero-metrics,.dashboard-metric-grid,.home-hero-stat-grid,.home-preview-mini-grid,.dashboard-command-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; } .card-grid > *,.practice-hub-grid > *,.home-path-grid > *,.home-feature-grid > *,.home-showcase-feature-grid > *,.home-trust-grid > *,.home-retention-grid > *,.learning-flow-grid > *,.learn-hero-metrics > *,.dashboard-metric-grid > *,.home-hero-stat-grid > *,.home-preview-mini-grid > *,.dashboard-command-metrics > * { height:100%; } .card-grid .card,.card-grid .app-card,.practice-hub-card,.home-path-card,.home-feature-card,.home-showcase-feature-card,.learning-flow-card,.learn-hero-metric-card,.dashboard-metric,.home-hero-stat-card,.home-preview-mini-stat { display:flex; flex-direction:column; justify-content:space-between; } @media (min-width:768px) { .card-grid,.practice-hub-grid,.home-path-grid,.home-feature-grid,.home-showcase-feature-grid,.home-trust-grid,.home-retention-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .learning-flow-grid,.learn-hero-metrics,.dashboard-metric-grid,.home-hero-stat-grid,.home-preview-mini-grid,.dashboard-command-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media (min-width:1024px) { .card-grid,.practice-hub-grid,.home-path-grid,.home-feature-grid,.home-showcase-feature-grid,.home-trust-grid,.home-retention-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .dashboard-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } .home-premium-section,.app-section { gap:1.5rem !important; } .home-premium-hero-grid,.home-hero-grid { align-items:center; gap:1.5rem !important; } .home-premium-copy,.home-hero-copy,.home-section-copy { max-width:750px; } .home-showcase-stack,.home-showcase-feature-grid,.home-dashboard-strip,.home-preview-grid { gap:1.5rem !important; } .lesson-panel-primary,.lesson-panel-secondary { padding:1.25rem !important; } @media (min-width:1024px) { .home-premium-hero-grid,.home-hero-grid { grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr) !important; } } .card,.app-card,.premium-lesson-card,.practice-hub-card,.home-path-card,.home-feature-card,.home-showcase-feature-card,.learning-flow-card { transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1); } .card:hover,.app-card:hover,.premium-lesson-card:hover,.practice-hub-card:hover,.home-path-card:hover,.home-feature-card:hover,.home-showcase-feature-card:hover,.learning-flow-card:hover { transform:translateY(-3px) scale(1.01); } .premium-lesson-card { height:100% !important; min-height:260px; } button:disabled,.btn:disabled,.app-button:disabled { opacity:1 !important; transform:none !important; } button,a,[role="button"],[data-clickable="true"],label[for],select,input[type="submit"],input[type="button"],input[type="reset"] { cursor:pointer; pointer-events:auto; } button:disabled,a[aria-disabled="true"] { cursor:not-allowed; pointer-events:auto; }:root { --ease-out-expo:cubic-bezier(0.16,1,0.3,1); --ease-in-out:cubic-bezier(0.4,0,0.2,1); --ease-spring:cubic-bezier(0.22,1,0.36,1); --dur-fast:150ms; --dur-base:220ms; --dur-slow:350ms; } .motion-safe { transition:transform var(--dur-base ) var(--ease-spring ),opacity var(--dur-fast ) ease,box-shadow var(--dur-base ) ease,background var(--dur-slow ) ease,border-color var(--dur-base ) ease; } button,a,.btn,.card,.app-card,.stat-card,.continue-card,.sidebar-link,.sidebar-sublink,.bottom-nav-link,.topbar-main-link,.navbar-nav-link,.floating-contact-button,.engagement-pill,.lesson-card,.premium-lesson-card,.topic-card,.learning-flow-card,.home-dashboard-strip-card { transition:transform var(--dur-base ) var(--ease-spring ),opacity var(--dur-fast ) ease,box-shadow var(--dur-base ) ease,background var(--dur-slow ) ease,border-color var(--dur-base ) ease,color var(--dur-fast ) ease; } body { background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px); background-size:40px 40px; background-attachment:fixed; } html:not(.dark) body { background-image:linear-gradient(rgba(37,99,235,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.04) 1px,transparent 1px); } .card,.app-card,.stat-card,.continue-card,.lesson-card,.premium-lesson-card,.topic-card,.learning-flow-card,.home-dashboard-strip-card,.achievement-card,.home-reward-card { border-radius:16px; backdrop-filter:none; -webkit-backdrop-filter:none; } .card:is(a,button,article):hover,.card.interactive:hover,.app-card-interactive:hover,a.app-card:hover,button.app-card:hover,.continue-card:hover,.stat-card:hover,.lesson-card:hover,.premium-lesson-card:hover,.topic-card:hover,.learning-flow-card:hover,.home-dashboard-strip-card:hover,.achievement-card:hover { transform:translateY(-6px) scale(1.02) !important; box-shadow:0 10px 40px rgba(0,0,0,0.4),0 0 40px rgba(94,106,210,0.12),0 0 0 1px rgba(94,106,210,0.18) !important; } .card:is(a,button,article):active,.card.interactive:active,a.app-card:active,button.app-card:active,.continue-card:active,.stat-card:active,.premium-lesson-card:active { transform:translateY(-2px) scale(1.005) !important; } .btn:not(.secondary):not(.ghost):not(.danger):not(.outline),.app-button-primary,.landing-topbar-cta,.navbar-cta { background:linear-gradient(135deg,#6c7cff 0%,#4f5bff 60%,#6c7cff 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 16px rgba(79,91,255,0.28) !important; } .btn:not(.secondary):not(.ghost):not(.danger):not(.outline):hover,.app-button-primary:hover,.landing-topbar-cta:hover,.navbar-cta:hover { box-shadow:0 0 24px rgba(108,124,255,0.55),0 0 48px rgba(108,124,255,0.22),inset 0 1px 0 rgba(255,255,255,0.22) !important; transform:translateY(-2px) scale(1.04) !important; } .btn.secondary:hover,.btn.outline:hover,.btn.ghost:hover { box-shadow:0 0 16px rgba(94,106,210,0.2),0 4px 20px rgba(0,0,0,0.3) !important; transform:translateY(-1px) !important; } .premium-cursor-glow { background:radial-gradient(circle,rgba(108,124,255,0.12) 0%,rgba(94,106,210,0.06) 40%,transparent 70%) !important; width:500px !important; height:500px !important; filter:none !important; pointer-events:none !important; z-index:40 !important; } @keyframes fadeInUp { from { opacity:1; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } } @keyframes fadeIn { from { opacity:1; } to { opacity:1; } } @keyframes scaleIn { from { opacity:1; transform:scale(0.96) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } } .animate-fadeIn { animation:fadeInUp 0.55s var(--ease-out-expo ) both; } .animate-fadeIn-fast { animation:fadeInUp 0.35s var(--ease-out-expo ) both; } .animate-scaleIn { animation:scaleIn 0.4s var(--ease-spring ) both; } .stagger-children > *:nth-child(1) { animation-delay:0ms; } .stagger-children > *:nth-child(2) { animation-delay:60ms; } .stagger-children > *:nth-child(3) { animation-delay:120ms; } .stagger-children > *:nth-child(4) { animation-delay:180ms; } .stagger-children > *:nth-child(5) { animation-delay:240ms; } .stagger-children > *:nth-child(6) { animation-delay:300ms; } .stagger-children > *:nth-child(7) { animation-delay:360ms; } .stagger-children > *:nth-child(8) { animation-delay:420ms; } .topbar-main-link:hover,.navbar-nav-link:hover,.sidebar-link:hover,.sidebar-sublink:hover { letter-spacing:0.01em; } .engagement-pill:hover,.pill:hover,.chip:hover { transform:translateY(-1px) scale(1.04); box-shadow:0 4px 12px rgba(94,106,210,0.2); } .floating-contact-button { transition:transform var(--dur-base ) var(--ease-spring ),box-shadow var(--dur-base ) ease,background var(--dur-slow ) ease !important; } .floating-contact-button:hover { transform:translateY(-3px) scale(1.06) !important; box-shadow:0 8px 28px rgba(94,106,210,0.35),0 0 0 1px rgba(94,106,210,0.3) !important; } .bottom-nav-link:hover { transform:translateY(-3px) scale(1.08); } .icon-button { transition:transform var(--dur-base ) var(--ease-spring ),background var(--dur-slow ) ease,box-shadow var(--dur-base ) ease !important; } .icon-button:hover { transform:scale(1.12) !important; box-shadow:0 0 18px rgba(94,106,210,0.22) !important; } .icon-button:active { transform:scale(0.92) !important; } .engagement-pill-fire { animation:fire-glow-premium 2s ease-in-out infinite; } @keyframes fire-glow-premium { 0%,100% { box-shadow:0 0 0 1px rgba(245,158,11,0.1),0 0 16px rgba(245,158,11,0.16); } 50% { box-shadow:0 0 0 1px rgba(245,158,11,0.2),0 0 32px rgba(245,158,11,0.34); } } .navbar-dropdown { animation:scaleIn 0.18s var(--ease-spring ) both !important; transform-origin:top center; }:focus-visible { outline:2px solid var(--primary ); outline-offset:3px; border-radius:8px; box-shadow:0 0 0 4px color-mix(in srgb,var(--primary ) 16%,transparent); transition:box-shadow var(--dur-fast ) ease; } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:1ms !important; animation-iteration-count:1 !important; transition-duration:1ms !important; scroll-behavior:auto !important; } .premium-cursor-glow { display:none !important; } } .card:is(a,button,article):hover,.card.interactive:hover,a.app-card:hover,button.app-card:hover,.continue-card:hover,.stat-card:hover,.lesson-card:hover,.premium-lesson-card:hover,.topic-card:hover,.achievement-card:hover,.home-dashboard-strip-card:hover,.learning-flow-card:hover { box-shadow:0 12px 32px rgba(0,0,0,0.32) !important; transform:translateY(-4px) !important; border-color:var(--border-hover ) !important; } .btn:not(.secondary):not(.ghost):not(.outline):not(.danger):hover,.app-button-primary:hover,.landing-topbar-cta:hover,.navbar-cta:hover { box-shadow:0 6px 20px rgba(0,0,0,0.35) !important; transform:translateY(-1px) scale(1.03) !important; opacity:1 !important; } .app-shell,.layout-shell { background:var(--background ) !important; } .premium-cursor-glow { opacity:1 !important; } .home-landing-premium,.app-shell { background-image:linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px) !important; background-size:40px 40px !important; background-color:var(--background ) !important; } html:not(.dark) .home-landing-premium,html:not(.dark) .app-shell { background-image:linear-gradient(rgba(37,99,235,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.035) 1px,transparent 1px) !important; } .topbar,.topbar-premium { background:rgba(10,10,15,0.82) !important; border-bottom:1px solid var(--border-default ) !important; box-shadow:0 1px 0 var(--border-default ) !important; } html:not(.dark) .topbar,html:not(.dark) .topbar-premium { background:rgba(255,255,255,0.88) !important; } .dashboard-panel-kicker,.section-label,.home-kicker,.continue-card-eyebrow,.app-badge,.pill,.home-proof-pill { background:color-mix(in srgb,var(--primary ) 10%,transparent) !important; border-color:color-mix(in srgb,var(--primary ) 20%,transparent) !important; box-shadow:none !important; color:var(--primary ) !important; } .input,.textarea,.select,input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select { background:color-mix(in srgb,var(--surface-container ) 60%,transparent) !important; border:1px solid var(--border-default ) !important; border-radius:var(--radius-sm ) !important; box-shadow:none !important; } .input:focus,.textarea:focus,.select:focus,input:focus,textarea:focus,select:focus { border-color:var(--primary ) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--primary ) 15%,transparent) !important; outline:none !important; } .container { max-width:1200px !important; margin-left:auto !important; margin-right:auto !important; padding-left:20px !important; padding-right:20px !important; width:100% !important; } .app-shell-main { min-height:calc(100vh - 4rem); } .home-premium-section,.app-section { padding-block:2.5rem !important; } .home-premium-hero-shell { padding:1.25rem !important; } .home-premium-hero-grid,.home-hero-grid { gap:2rem !important; } .home-premium-copy,.home-hero-copy,.home-section-copy { max-width:750px !important; } .card,.app-card,.continue-card,.stat-card,.practice-hub-card,.home-path-card,.home-feature-card,.home-showcase-feature-card,.home-retention-card,.home-trust-card { padding:1.25rem !important; } .navbar-dropdown { pointer-events:auto !important; z-index:80 !important; transform-origin:top left; } .navbar-dropdown-item { display:block; } .site-footer { margin-top:4rem !important; padding:2rem 0 !important; border-top:1px solid var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-lowest ) 78%,transparent) !important; } .site-footer-grid { display:grid !important; grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr)) !important; gap:1.5rem !important; align-items:start !important; } .site-footer-column { display:flex !important; flex-direction:column !important; gap:0.75rem !important; } .site-footer-column h4 { margin:0 !important; color:var(--on-surface ) !important; font-size:0.95rem !important; font-weight:700 !important; } .site-footer h3 { margin:0 !important; } .site-footer p { margin:0 !important; } .site-footer-links { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0.75rem !important; } .site-footer-links a,.site-footer-contact { color:var(--on-surface-variant ) !important; font-size:0.9rem !important; font-weight:600 !important; } .site-footer-links a:hover,.site-footer-contact:hover { color:var(--on-surface ) !important; } .site-footer-controls { display:flex !important; flex-direction:column !important; gap:0.75rem !important; align-items:flex-start !important; } .site-footer-bottom { margin-top:1.5rem !important; padding-top:1rem !important; border-top:1px solid var(--border-default ) !important; color:var(--on-surface-variant ) !important; font-size:0.85rem !important; } .floating-action-button { display:inline-flex !important; min-width:112px !important; align-items:center !important; justify-content:center !important; border-radius:999px !important; border:1px solid var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-high ) 88%,transparent) !important; color:var(--on-surface ) !important; padding:0.75rem 1rem !important; font-size:0.85rem !important; font-weight:700 !important; box-shadow:0 12px 32px rgba(0,0,0,0.32) !important; backdrop-filter:none !important; } .floating-action-button:hover { border-color:var(--border-hover ) !important; transform:translateY(-2px) scale(1.03) !important; } .grammar-correction-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; } .grammar-correction-panel { display:flex; min-height:100%; flex-direction:column; gap:0.9rem; border:1px solid var(--border-default ); border-radius:var(--radius ); background:color-mix(in srgb,var(--surface-container-highest ) 72%,transparent); padding:1rem; box-shadow:inset 0 0 20px rgba(255,255,255,0.02); } .grammar-diff-output { min-height:170px; border:1px solid var(--border-default ); border-radius:var(--radius-sm ); background:color-mix(in srgb,var(--surface-container-lowest ) 72%,transparent); padding:1rem; color:var(--on-surface ); line-height:1.75; } .grammar-diff-output p { margin:0; color:var(--on-surface ); } .grammar-diff-added,.grammar-diff-fixed { border-radius:0.45rem; background:color-mix(in srgb,var(--success ) 18%,transparent); color:color-mix(in srgb,var(--success ) 72%,var(--on-surface )); font-weight:700; padding:0.08rem 0.22rem; } .grammar-diff-removed { border-radius:0.45rem; background:color-mix(in srgb,var(--error ) 16%,transparent); color:color-mix(in srgb,var(--error ) 76%,var(--on-surface )); font-weight:700; padding:0.08rem 0.22rem; } .grammar-diff-arrow { color:var(--on-surface-variant ); font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; } .grammar-issue-list { display:grid; gap:0.65rem; margin:0; padding:0; list-style:none; } .grammar-issue-list li { display:flex; flex-wrap:wrap; align-items:center; gap:0.45rem; border:1px solid var(--border-default ); border-radius:var(--radius-sm ); background:color-mix(in srgb,var(--surface-container-low ) 62%,transparent); padding:0.75rem; } .grammar-issue-list p { flex-basis:100%; margin:0; color:var(--on-surface-variant ); font-size:0.82rem; line-height:1.55; } .skeleton-line { display:block; height:0.85rem; border-radius:999px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary ) 18%,transparent),transparent); animation:skeleton-sweep 1.1s ease-in-out infinite; } @keyframes skeleton-sweep { 0% { opacity:1; transform:translateX(-4px); } 50% { opacity:1; transform:translateX(4px); } 100% { opacity:1; transform:translateX(-4px); } } html:not(.dark) .navbar-dropdown { background:rgba(255,255,255,0.96) !important; } html:not(.dark) .navbar-dropdown-item,html:not(.dark) .navbar-nav-link { color:color-mix(in srgb,var(--on-surface ) 82%,transparent) !important; } html:not(.dark) .navbar-dropdown-item:hover,html:not(.dark) .navbar-nav-link:hover { color:var(--on-surface ) !important; } html:not(.dark) header.fixed { background:rgba(255,255,255,0.82) !important; } html:not(.dark) header.fixed a,html:not(.dark) header.fixed button,html:not(.dark) header.fixed select { color:var(--on-surface ) !important; } html:not(.dark) header.fixed a[href="/learn"] { color:#fff !important; } @media (min-width:900px) { .grammar-correction-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } } @media (max-width:767px) { .site-footer-grid { grid-template-columns:1fr !important; } .home-premium-section,.app-section { padding-block:2rem !important; } .floating-action-button { min-width:96px !important; padding:0.65rem 0.85rem !important; } }:root { --bg:#ffffff; --text:#0f172a; --background:var(--bg ); --foreground:var(--text ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:#475569; --surface:#ffffff; --surface-container-lowest:#ffffff; --surface-container-low:#f8fafc; --surface-container:#f1f5f9; --surface-container-high:#e2e8f0; --surface-container-highest:#dbe4ef; --border-default:rgba(15,23,42,0.12); --border-hover:rgba(79,70,229,0.34); --outline-variant:rgba(15,23,42,0.18); --container-max:1400px; } .dark { --bg:#020617; --text:#e2e8f0; --background:var(--bg ); --foreground:var(--text ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:#a8b3c7; --surface:#050816; --surface-container-lowest:#030712; --surface-container-low:#0a1020; --surface-container:#0f172a; --surface-container-high:#111c33; --surface-container-highest:#17213a; --border-default:rgba(226,232,240,0.12); --border-hover:rgba(129,140,248,0.42); --outline-variant:rgba(226,232,240,0.18); } html,body,.layout-root,.app-shell-main { max-width:100%; overflow-x:hidden; background:var(--bg ) !important; color:var(--text ) !important; } .bg-background { background-color:var(--background ) !important; } .text-foreground { color:var(--foreground ) !important; } .container,.page-container,.content-container,.landing-content-container,.layout-content,.dashboard-page { width:100% !important; max-width:var(--container-max ) !important; margin-right:auto !important; margin-left:auto !important; padding-right:1rem !important; padding-left:1rem !important; } @media (min-width:768px) { .container,.page-container,.content-container,.landing-content-container,.layout-content,.dashboard-page { padding-right:1.5rem !important; padding-left:1.5rem !important; } } @media (min-width:1024px) { .container,.page-container,.content-container,.landing-content-container,.layout-content,.dashboard-page { padding-right:2rem !important; padding-left:2rem !important; } } .app-section,.home-premium-section,.content-stack,.practice-page-shell { gap:1.5rem !important; } .app-section,.home-premium-section { padding-block:4rem !important; } @media (min-width:768px) { .app-section,.home-premium-section { padding-block:6rem !important; } } .home-premium-hero-grid,.home-hero-grid,.hero-grid { gap:2rem !important; } .card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid,.lesson-card-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:1.5rem !important; } @media (min-width:768px) { .card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid,.lesson-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (min-width:1024px) { .card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid,.lesson-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } .card,.app-card,.continue-card,.stat-card,.practice-hub-card,.home-path-card,.home-feature-card,.home-showcase-feature-card,.home-retention-card,.home-trust-card { height:100% !important; border-color:var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-low ) 86%,transparent) !important; color:var(--text ) !important; } .card h1,.card h2,.card h3,.card h4,.app-card h1,.app-card h2,.app-card h3,.app-card h4 { color:var(--text ) !important; } .ldmt-navbar { border-color:var(--border-default ) !important; background:color-mix(in srgb,var(--bg ) 76%,transparent) !important; color:var(--text ) !important; } .ldmt-navbar-brand,.ldmt-nav-link,.ldmt-navbar-login,.ldmt-navbar-control,.ldmt-navbar-icon-button { color:var(--text ) !important; } .ldmt-nav-link { display:inline-flex; align-items:center; gap:0.25rem; border-radius:0.75rem; padding:0.5rem 0.7rem; font-size:0.875rem; font-weight:650; color:color-mix(in srgb,var(--text ) 78%,transparent) !important; transition:all 0.2s cubic-bezier(0.4,0,0.2,1); } .ldmt-nav-link:hover,.group:focus-within > .ldmt-nav-link { background:color-mix(in srgb,var(--primary ) 10%,transparent); color:var(--text ) !important; } .ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login { border:1px solid var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-low ) 78%,transparent) !important; color:var(--text ) !important; } .ldmt-navbar-control option { background:var(--surface ) !important; color:var(--text ) !important; } .ldmt-navbar-start { background:linear-gradient(135deg,#6366f1,#7c3aed) !important; color:#ffffff !important; box-shadow:0 14px 32px rgba(99,102,241,0.28); } .ldmt-navbar-icon-button:hover,.ldmt-navbar-login:hover,.ldmt-navbar-start:hover { transform:translateY(-1px) scale(1.03); } .ldmt-navbar-dropdown { position:absolute; top:100%; left:0; z-index:90; width:14rem; margin-top:0.5rem; padding:0.5rem; border:1px solid var(--border-default ); border-radius:1rem; background:var(--surface ); box-shadow:0 24px 70px rgba(0,0,0,0.32); opacity:1; visibility:hidden; transform:translateY(0.5rem); transform-origin:top left; transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1),transform 0.2s cubic-bezier(0.4,0,0.2,1),visibility 0.2s cubic-bezier(0.4,0,0.2,1); } .ldmt-navbar-dropdown.is-open { opacity:1; visibility:visible; transform:translateY(0); } .ldmt-navbar-dropdown-item { display:block; border-radius:0.75rem; padding:0.65rem 0.75rem; color:color-mix(in srgb,var(--text ) 78%,transparent) !important; font-size:0.875rem; font-weight:650; transition:all 0.2s cubic-bezier(0.4,0,0.2,1); } .ldmt-navbar-dropdown-item:hover,.ldmt-navbar-dropdown-item:focus { background:color-mix(in srgb,var(--primary ) 12%,transparent) !important; color:var(--text ) !important; transform:translateX(2px); } html:not(.dark) header.fixed a[href="/learn"] { color:var(--text ) !important; } html:not(.dark) .ldmt-navbar-start,html:not(.dark) header.fixed .ldmt-navbar-start { color:#ffffff !important; } .lesson-modal-backdrop { background:color-mix(in srgb,var(--bg ) 22%,rgba(0,0,0,0.68)) !important; backdrop-filter:none !important; } .lesson-modal-shell,.story-reader-shell { max-width:min(1100px,calc(100vw - 32px)) !important; border-color:var(--border-default ) !important; background:color-mix(in srgb,var(--surface ) 96%,transparent) !important; color:var(--text ) !important; } .lesson-modal-shell header,.lesson-modal-shell footer { border-color:var(--border-default ) !important; } .story-reader-panel,.story-reader-aside,.lesson-panel-primary,.lesson-panel-secondary,.inline-lesson-panel,.word-detail-panel { border-color:var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-low ) 88%,transparent) !important; color:var(--text ) !important; } .site-footer { border-color:var(--border-default ) !important; background:color-mix(in srgb,var(--surface-container-lowest ) 92%,transparent) !important; } .site-footer-grid { grid-template-columns:minmax(0,1fr) !important; gap:2rem !important; } @media (min-width:768px) { .site-footer-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } } .site-footer-socials { display:grid !important; gap:0.65rem !important; } .site-footer-social-link { display:inline-flex !important; align-items:center !important; gap:0.6rem !important; color:var(--on-surface-variant ) !important; font-size:0.9rem !important; font-weight:650 !important; transition:all 0.2s cubic-bezier(0.4,0,0.2,1); } .site-footer-social-link:hover { color:var(--text ) !important; transform:translateX(2px); } .floating-action-stack { position:fixed !important; right:1.5rem !important; bottom:1.5rem !important; z-index:60 !important; display:flex !important; flex-direction:column !important; gap:0.75rem !important; } .floating-action-button { transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important; } .floating-action-button:hover { transform:translateY(-3px) scale(1.03) !important; } @media (max-width:767px) { .ldmt-navbar .container { gap:0.5rem !important; } .ldmt-navbar-brand span { max-width:11rem; } .floating-action-stack { right:1rem !important; bottom:1rem !important; } }:root { --background:#ffffff; --foreground:#0a0a0a; --bg:var(--background ); --text:var(--foreground ); --on-background:var(--foreground ); --on-surface:var(--foreground ); --container-max:1400px; --container-pad:24px; } .dark { --background:#0b0f1a; --foreground:#ffffff; --bg:var(--background ); --text:var(--foreground ); --on-background:var(--foreground ); --on-surface:var(--foreground ); } .gl-container,.container,.page-container,.content-container,.landing-content-container,.layout-content,.dashboard-page { width:100% !important; max-width:var(--container-max ) !important; margin-right:auto !important; margin-left:auto !important; padding-right:var(--container-pad ) !important; padding-left:var(--container-pad ) !important; } section { scroll-margin-top:6rem; } .app-shell-main { padding-top:4rem !important; } .ldmt-navbar { min-height:4rem !important; box-shadow:0 14px 40px rgba(0,0,0,0.18); } .ldmt-navbar .gl-container { max-width:var(--container-max ) !important; } .ldmt-navbar-brand { min-width:0; color:var(--text ) !important; transition:all 0.2s ease-out; } .ldmt-navbar-brand:hover { transform:translateY(-1px) scale(1.01); } .ldmt-nav-link { position:relative; overflow:hidden; font-size:0.9rem !important; } .ldmt-nav-link::after { position:absolute; right:0.65rem; bottom:0.25rem; left:0.65rem; height:2px; border-radius:999px; background:linear-gradient(90deg,var(--primary ),var(--secondary )); content:""; opacity:1; transform:scaleX(0.55); transform-origin:center; transition:all 0.2s ease-out; } .ldmt-nav-link:hover::after,.group:focus-within > .ldmt-nav-link::after { opacity:1; transform:scaleX(1); } .ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login,.ldmt-navbar-start,.btn,button,a { transition:all 0.2s ease-out; } .ldmt-navbar-control:hover,.ldmt-navbar-icon-button:hover,.ldmt-navbar-login:hover,.ldmt-navbar-start:hover,.btn:hover,button:hover { box-shadow:0 12px 30px rgba(0,0,0,0.18); } .ldmt-navbar-start:active,.btn:active,button:active { transform:scale(0.97); } .ldmt-navbar-dropdown { transform:translateY(0.5rem) scale(0.95) !important; transition:opacity 0.2s ease-out,transform 0.2s ease-out,visibility 0.2s ease-out !important; } .ldmt-navbar-dropdown.is-open { transform:translateY(0) scale(1) !important; } .content-stack,.practice-page-shell,.app-section,.home-premium-section { row-gap:1.5rem !important; } .app-section,.home-premium-section,section.py-16 { padding-top:3rem !important; padding-bottom:3rem !important; } @media (min-width:768px) { .app-section,.home-premium-section,section.py-16 { padding-top:4rem !important; padding-bottom:4rem !important; } } .grid,.card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid,.lesson-card-grid { gap:1.5rem !important; } .card,.app-card,.continue-card,.stat-card,.practice-hub-card,.home-path-card,.home-feature-card,.home-showcase-feature-card,.home-retention-card,.home-trust-card,.grammar-correction-panel { border-radius:1rem !important; transition:transform 0.2s ease-out,border-color 0.2s ease-out,box-shadow 0.2s ease-out,background-color 0.2s ease-out !important; } .card:hover,.app-card:hover,.continue-card:hover,.stat-card:hover,.practice-hub-card:hover,.home-path-card:hover,.home-feature-card:hover,.home-showcase-feature-card:hover,.home-retention-card:hover,.home-trust-card:hover { border-color:var(--border-hover ) !important; box-shadow:0 18px 44px rgba(0,0,0,0.2),inset 0 0 20px rgba(255,255,255,0.025) !important; transform:translateY(-4px); } .lesson-modal-shell,.story-reader-shell { max-width:min(var(--container-max ),calc(100vw - 32px)) !important; border-radius:1rem !important; } .site-footer { margin-top:4rem !important; padding:3rem 0 2rem !important; } .site-footer-name,.site-footer h3 { color:var(--text ) !important; font-size:1.25rem !important; font-weight:750 !important; letter-spacing:-0.02em !important; } .site-footer p { color:color-mix(in srgb,var(--on-surface-variant ) 86%,transparent) !important; line-height:1.7 !important; } .site-footer-contact,.site-footer-links a,.site-footer-social-link { text-decoration:none !important; } .site-footer-social-link { width:fit-content !important; } .animate-fade-in,main > div,section,.card,.app-card { animation:fadeIn 0.5s ease-out both; } @keyframes fadeIn { 0% { opacity:1; transform:translateY(10px); } 100% { opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:reduce) { .animate-fade-in,main > div,section,.card,.app-card { animation:none !important; } .card:hover,.app-card:hover,.continue-card:hover,.stat-card:hover,.practice-hub-card:hover,.home-path-card:hover,.home-feature-card:hover,.home-showcase-feature-card:hover,.home-retention-card:hover,.home-trust-card:hover,.ldmt-navbar-brand:hover { transform:none !important; } } @media (max-width:767px) { .ldmt-navbar .gl-container { gap:0.5rem !important; } .ldmt-navbar-brand span { max-width:12rem; font-size:1rem !important; } .ldmt-navbar-brand img { height:2.25rem !important; } .ldmt-navbar-control,.ldmt-navbar-icon-button { height:2.35rem !important; } }:root { --bg:#0b0f1a; --surface:#111827; --surface-2:#1f2937; --text:#e5e7eb; --muted:#9ca3af; --primary:#6366f1; --border:rgba(255,255,255,0.08); --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --border-default:var(--border ); --border-hover:rgba(255,255,255,0.18); --outline-variant:var(--border ); --container-max:1280px; --container-pad:24px; color-scheme:dark; } .light { --bg:#ffffff; --surface:#f9fafb; --surface-2:#ffffff; --text:#0a0a0a; --muted:#6b7280; --primary:#4f46e5; --border:rgba(0,0,0,0.08); --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --border-default:var(--border ); --border-hover:rgba(0,0,0,0.18); --outline-variant:var(--border ); color-scheme:light; } html,body,.layout-root,.app-shell-main,.app-shell { background:var(--bg ) !important; color:var(--text ) !important; } body { min-height:100vh; transition:background-color 0.2s ease,color 0.2s ease; } .bg-background { background-color:var(--bg ) !important; } .bg-card { background-color:var(--surface ) !important; } .text-foreground { color:var(--text ) !important; } .border-border { border-color:var(--border ) !important; } .gl-container,.container { width:100% !important; max-width:var(--container-max ) !important; margin-right:auto !important; margin-left:auto !important; padding-right:var(--container-pad ) !important; padding-left:var(--container-pad ) !important; } .ldmt-navbar { position:sticky !important; top:0 !important; z-index:50 !important; border-color:var(--border ) !important; background:var(--bg ) !important; color:var(--text ) !important; backdrop-filter:none !important; box-shadow:0 1px 0 var(--border ) !important; } .ldmt-navbar-brand,.ldmt-nav-link,.ldmt-navbar-login,.ldmt-navbar-control,.ldmt-navbar-icon-button,.navbar-nav-link { color:var(--text ) !important; } .ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login { border:1px solid var(--border ) !important; background:var(--surface ) !important; } .ldmt-navbar-start { color:#ffffff !important; } .ldmt-navbar-dropdown { border:1px solid var(--border ) !important; background:var(--surface ) !important; color:var(--text ) !important; backdrop-filter:none !important; } .ldmt-navbar-dropdown-item,.navbar-dropdown-item { color:var(--text ) !important; } .ldmt-navbar-dropdown-item:hover,.navbar-dropdown-item:hover { background:var(--surface-2 ) !important; } html:not(.light) .card,html:not(.light) .app-card,html:not(.light) .card-glass,html:not(.light) .stat-card,html:not(.light) .continue-card,html:not(.light) .dashboard-module-row,html:not(.light) .achievement-card,html:not(.light) .home-reward-card,html:not(.light) .premium-learning-card,html:not(.light) .home-premium-hero-shell,html:not(.light) .home-showcase-card,html:not(.light) .home-showcase-feature-card,html:not(.light) .home-path-card,html:not(.light) .home-feature-card-premium,html:not(.light) .home-preview-panel,html:not(.light) .home-trust-card,html:not(.light) .home-retention-card,html:not(.light) .home-final-cta-shell,html:not(.light) .page-hero,html:not(.light) .lesson-modal-shell,html:not(.light) .story-reader-shell,html:not(.light) .grammar-correction-panel { border-color:var(--border ) !important; background:var(--surface ) !important; color:var(--text ) !important; } .light .card,.light .app-card,.light .card-glass,.light .stat-card,.light .continue-card,.light .dashboard-module-row,.light .achievement-card,.light .home-reward-card,.light .premium-learning-card,.light .home-premium-hero-shell,.light .home-showcase-card,.light .home-showcase-feature-card,.light .home-path-card,.light .home-feature-card-premium,.light .home-preview-panel,.light .home-trust-card,.light .home-retention-card,.light .home-final-cta-shell,.light .page-hero,.light .lesson-modal-shell,.light .story-reader-shell,.light .grammar-correction-panel { border-color:var(--border ) !important; background:var(--surface ) !important; color:var(--text ) !important; } .hero,.page-hero,.home-premium-hero-shell { background:var(--surface ) !important; border:1px solid var(--border ) !important; color:var(--text ) !important; } .text-on-surface,.text-on-background,h1,h2,h3,h4,h5,h6 { color:var(--text ) !important; } .muted,.text-on-surface-variant,.stat-label,.dashboard-metric span,.dashboard-module-meta span,.dashboard-module-value span { color:var(--on-surface-variant ) !important; } input,textarea,select,.input,.textarea,.select,.grammar-diff-output { border-color:var(--border ) !important; background-color:var(--surface ) !important; color:var(--text ) !important; } input::placeholder,textarea::placeholder { color:var(--on-surface-variant ) !important; } .lesson-modal-backdrop { background:rgba(11,15,26,0.72) !important; backdrop-filter:none !important; } .site-footer { border-color:var(--border ) !important; background:var(--bg ) !important; color:var(--text ) !important; } .site-footer-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:2rem !important; } .site-footer-name,.site-footer h3,.site-footer-column h4 { color:var(--text ) !important; } .site-footer p,.site-footer-bottom { color:var(--on-surface-variant ) !important; } .site-footer-contact,.site-footer-links a,.site-footer-social-link { color:var(--text ) !important; text-decoration:none !important; } .site-footer-socials { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0.5rem !important; } .site-footer-social-link { width:auto !important; min-width:0 !important; height:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .site-footer-social-link:hover,.site-footer-contact:hover,.site-footer-links a:hover { color:var(--primary ) !important; transform:translateX(2px); } .floating-action-button { border-color:var(--border ) !important; background:var(--surface ) !important; color:var(--text ) !important; } @media (max-width:767px) {:root { --container-pad:16px; } .site-footer-grid { grid-template-columns:1fr !important; } }:root,html:not(.light) { --bg:#0b0f1a; --surface:#111827; --surface-2:#1f2937; --text:#e5e7eb; --muted:#9ca3af; --primary:#6366f1; --border:rgba(255,255,255,0.08); --secondary:#a78bfa; --tertiary:#34d399; --success:#34d399; --error:#f87171; --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --outline-variant:var(--border ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-secondary:#ffffff; --shadow-card:0 10px 28px rgba(0,0,0,0.2); --shadow-card-hover:0 16px 38px rgba(0,0,0,0.26); color-scheme:dark; } .light { --bg:#ffffff; --surface:#f9fafb; --surface-2:#ffffff; --text:#0a0a0a; --muted:#6b7280; --primary:#4f46e5; --border:rgba(0,0,0,0.08); --secondary:#7c3aed; --tertiary:#059669; --success:#059669; --error:#dc2626; --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --outline-variant:var(--border ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-secondary:#ffffff; --shadow-card:0 8px 24px rgba(15,23,42,0.08); --shadow-card-hover:0 14px 34px rgba(15,23,42,0.12); color-scheme:light; } html,body,.layout-root,.app-shell-main,.app-shell,main { background:var(--bg ) !important; color:var(--text ) !important; } body { color:var(--text ); transition:background-color 200ms ease,color 200ms ease; }:where(h1,h2,h3,h4,h5,h6,p,span,li,label,small,strong,a) { transition:color 200ms ease; }:where(a,button,[role="button"],input,select,textarea) { transition-property:color,background-color,border-color,box-shadow,transform,opacity; transition-duration:150ms; transition-timing-function:cubic-bezier(0.4,0,0.2,1); }:where(a,button,[role="button"]):focus-visible,:where(input,select,textarea):focus-visible { outline:2px solid color-mix(in srgb,var(--primary ) 72%,white); outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb,var(--primary ) 16%,transparent); }:where(button,a,[role="button"]) svg { transition:transform 180ms ease-out,opacity 180ms ease-out; }:where(button,a,[role="button"]):hover svg { transform:translateY(-1px); } .bg-background { background-color:var(--bg ) !important; } .text-foreground,.text-on-surface,.text-on-background { color:var(--text ) !important; } .text-on-surface-variant,.muted,.dashboard-panel-kicker,.stat-label { color:var(--muted ) !important; } .border-border,.border-outline-variant,[class*="border-outline-variant"] { border-color:var(--border ) !important; } [class*="bg-gradient-to-"] { background-image:none !important; } .absolute.inset-0[class*="bg-gradient"],.story-reader-glow,.card::before,.card::after,.app-card::before,.app-card::after,.page-hero::before,.page-hero::after,.home-premium-hero-shell::before,.home-premium-hero-shell::after { content:none !important; display:none !important; } .ldmt-navbar { background:var(--bg ) !important; border-color:var(--border ) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:0 1px 0 var(--border ) !important; } .ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login,.ldmt-navbar-dropdown { background:var(--surface ) !important; border:1px solid var(--border ) !important; color:var(--text ) !important; } .ldmt-navbar-dropdown-item:hover,.navbar-dropdown-item:hover { background:var(--surface-2 ) !important; } .card,.app-card,.card-glass,.stat-card,.continue-card,.dashboard-module-row,.achievement-card,.home-reward-card,.premium-learning-card,.home-showcase-card,.home-showcase-feature-card,.home-path-card,.home-feature-card,.home-feature-card-premium,.home-preview-panel,.home-trust-card,.home-retention-card,.grammar-correction-panel,.story-reader-panel { background:var(--surface ) !important; border:1px solid var(--border ) !important; border-radius:1rem !important; color:var(--text ) !important; box-shadow:var(--shadow-card ) !important; transition-property:transform,box-shadow,border-color,background-color,color; transition-duration:200ms; transition-timing-function:ease-out; will-change:transform; } .card:hover,.app-card:hover,.card-glass:hover,.stat-card:hover,.continue-card:hover,.achievement-card:hover,.home-reward-card:hover,.premium-learning-card:hover,.home-showcase-card:hover,.home-showcase-feature-card:hover,.home-path-card:hover,.home-feature-card:hover,.home-feature-card-premium:hover,.home-preview-panel:hover,.home-trust-card:hover,.home-retention-card:hover { transform:translateY(-4px) !important; border-color:color-mix(in srgb,var(--primary ) 34%,var(--border )) !important; box-shadow:var(--shadow-card-hover ) !important; } .hero,.page-hero,.home-premium-hero-shell,.home-final-cta-shell,.lesson-modal-shell,.story-reader-shell { background:var(--surface ) !important; border:1px solid var(--border ) !important; border-radius:1.5rem !important; color:var(--text ) !important; box-shadow:var(--shadow-card ) !important; transition:transform 300ms ease-out,box-shadow 300ms ease-out,background-color 200ms ease,border-color 200ms ease; } .page-hero,.home-premium-hero-shell { padding:clamp(1.5rem,4vw,2.5rem) !important; animation:premium-fade-up 260ms ease-out both; } .lesson-modal-backdrop { background:rgba(11,15,26,0.72) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } .btn,.app-button { border-radius:0.75rem !important; transition-property:transform,box-shadow,background-color,border-color,color; transition-duration:150ms; transition-timing-function:ease-out; } .btn:not(.secondary):not(.ghost):not(.outline):not(.danger),.app-button-primary,.ldmt-navbar-start { background:var(--primary ) !important; color:#ffffff !important; border:1px solid var(--primary ) !important; box-shadow:0 10px 22px color-mix(in srgb,var(--primary ) 22%,transparent) !important; } .btn.secondary,.btn.outline,.app-button-secondary,.app-button-ghost,.pill,.icon-button,.floating-action-button { background:var(--surface-2 ) !important; color:var(--text ) !important; border:1px solid var(--border ) !important; box-shadow:none !important; } .btn:hover,.app-button:hover,.ldmt-navbar-start:hover { transform:scale(1.02) !important; } .btn.secondary:hover,.btn.outline:hover,.app-button-secondary:hover,.app-button-ghost:hover,.pill:hover,.icon-button:hover,.floating-action-button:hover { background:var(--surface ) !important; border-color:color-mix(in srgb,var(--primary ) 30%,var(--border )) !important; } .btn:active,.app-button:active,.ldmt-navbar-start:active,.icon-button:active,.floating-action-button:active { transform:scale(0.98) !important; } input,textarea,select,.input,.textarea,.select,.grammar-diff-output { background:var(--surface-2 ) !important; border:1px solid var(--border ) !important; color:var(--text ) !important; box-shadow:none !important; } input::placeholder,textarea::placeholder { color:var(--muted ) !important; } .card-grid,.lesson-card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid { display:grid !important; grid-template-columns:repeat(1,minmax(0,1fr)) !important; gap:1.5rem !important; } @media (min-width:768px) { .card-grid,.lesson-card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (min-width:1024px) { .card-grid,.lesson-card-grid,.practice-hub-grid,.home-feature-grid,.home-path-grid,.home-showcase-grid,.home-retention-grid,.home-trust-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @keyframes premium-fade-up { from { opacity:1; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:1ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:1ms !important; } .card:hover,.app-card:hover,.btn:hover,.app-button:hover,.icon-button:hover { transform:none !important; } } html,body,.layout-root { width:100% !important; min-width:0 !important; min-height:100% !important; background:var(--bg ) !important; color:var(--text ) !important; } body { background:var(--bg ); color:var(--text ); } .app-shell-main { width:100% !important; min-width:0 !important; background:transparent !important; color:var(--text ) !important; padding:2.5rem 1.5rem !important; } @media (min-width:1024px) { .app-shell-main { padding-right:3rem !important; padding-left:3rem !important; } } .gl-container,.container,.page-container,.content-container,.layout-content { width:100% !important; max-width:none !important; min-width:0 !important; margin-right:0 !important; margin-left:0 !important; padding-right:1.5rem !important; padding-left:1.5rem !important; box-sizing:border-box !important; } @media (min-width:1024px) { .gl-container,.container,.page-container,.content-container,.layout-content { padding-right:3rem !important; padding-left:3rem !important; } } .app-shell-main:where(.gl-container,.container,.page-container,.content-container,.layout-content) { padding-right:0 !important; padding-left:0 !important; } .ldmt-navbar { width:100% !important; border-bottom:1px solid var(--border ) !important; background:color-mix(in srgb,var(--bg ) 80%,transparent) !important; color:var(--text ) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:0 1px 0 var(--border ) !important; } .ldmt-navbar > div { width:100% !important; max-width:none !important; margin:0 !important; padding-right:1.5rem !important; padding-left:1.5rem !important; } @media (min-width:1024px) { .ldmt-navbar > div { padding-right:3rem !important; padding-left:3rem !important; } } .hero,.page-hero,.home-premium-hero-shell,.home-final-cta-shell { width:100% !important; max-width:none !important; margin-right:0 !important; margin-left:0 !important; } html.dark,html:not(.light) { --bg:#0b0f1a; --surface:#111827; --surface-2:#1f2937; --text:#e5e7eb; --muted:#9ca3af; --primary:#6366f1; --border:rgba(255,255,255,0.08); --secondary:#a78bfa; --tertiary:#34d399; --success:#34d399; --error:#f87171; --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --outline-variant:var(--border ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-secondary:#ffffff; --shadow-card:0 10px 28px rgba(0,0,0,0.2); --shadow-card-hover:0 16px 38px rgba(0,0,0,0.26); color-scheme:dark; } html.light { --bg:#ffffff; --surface:#f9fafb; --surface-2:#ffffff; --text:#0a0a0a; --muted:#475569; --primary:#4f46e5; --border:rgba(0,0,0,0.08); --secondary:#7c3aed; --tertiary:#059669; --success:#059669; --error:#dc2626; --background:var(--bg ); --foreground:var(--text ); --card:var(--surface ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); --outline-variant:var(--border ); --surface-container-lowest:var(--bg ); --surface-container-low:var(--surface ); --surface-container:var(--surface ); --surface-container-high:var(--surface-2 ); --surface-container-highest:var(--surface-2 ); --primary-container:var(--primary ); --on-primary:#ffffff; --on-secondary:#ffffff; --shadow-card:0 8px 24px rgba(15,23,42,0.08); --shadow-card-hover:0 14px 34px rgba(15,23,42,0.12); color-scheme:light; } html,body,.layout-root,.app-shell-main { background:var(--bg ) !important; color:var(--text ) !important; } .home-landing,.home-landing-premium,.home-product-experience,.home-premium-section,.app-section,.home-dashboard-strip { background:transparent !important; background-image:none !important; color:var(--text ) !important; } .home-premium-hero-shell,.home-final-cta-shell,.home-showcase-card,.home-showcase-feature-card,.home-dashboard-strip-card,.home-path-card,.home-feature-card,.home-feature-card-premium,.home-preview-panel,.home-trust-card,.home-retention-card,.home-reward-card,.home-hero-stat-card,.home-preview-mini-stat,.home-trust-strip,.home-momentum-pill,.continue-card,.app-card,.card { background:var(--surface ) !important; background-image:none !important; border:1px solid var(--border ) !important; color:var(--text ) !important; opacity:1 !important; box-shadow:var(--shadow-card ) !important; } .home-proof-pill,.home-kicker,.dashboard-panel-kicker,.pill,.badge,.stat-card,.app-progress-track,.progress-bar-track { background:var(--surface-2 ) !important; border-color:var(--border ) !important; color:var(--muted ) !important; opacity:1 !important; } .home-kicker,.dashboard-panel-kicker,.home-inline-link,.home-inline-link span { color:var(--primary ) !important; } .home-product-experience:where(h1,h2,h3,h4,h5,h6,strong),.site-footer:where(h1,h2,h3,h4,h5,h6,strong),.home-product-experience:where(.home-hero-stat-card strong,.home-preview-mini-stat strong) { color:var(--text ) !important; opacity:1 !important; } .home-product-experience:where(p,li,small),.home-product-experience:where(.stat-label,.muted,.text-on-surface-variant),.site-footer:where(p,li,small,span),.site-footer-bottom { color:var(--muted ) !important; opacity:1 !important; } .home-product-experience:where(.app-button-primary,.app-button-primary *) { color:#ffffff !important; } .home-product-experience:where(.app-button-secondary,.app-button-ghost) { background:var(--surface-2 ) !important; border-color:var(--border ) !important; color:var(--text ) !important; } .app-progress-fill,.progress-bar-fill { background:var(--primary ) !important; } .ldmt-navbar { background:color-mix(in srgb,var(--bg ) 88%,transparent) !important; border-color:var(--border ) !important; color:var(--text ) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } .ldmt-navbar-brand,.ldmt-nav-link,.navbar-nav-link,.ldmt-navbar-dropdown-item { background:transparent !important; color:var(--text ) !important; opacity:1 !important; } .ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login,.ldmt-navbar-dropdown { background:var(--surface-2 ) !important; border:1px solid var(--border ) !important; color:var(--text ) !important; opacity:1 !important; } .ldmt-navbar-start { background:var(--primary ) !important; border-color:var(--primary ) !important; color:#ffffff !important; } .site-footer { background:var(--bg ) !important; border-color:var(--border ) !important; color:var(--text ) !important; } .site-footer-grid { background:var(--surface ) !important; border:1px solid var(--border ) !important; border-radius:1.5rem !important; box-shadow:var(--shadow-card ) !important; padding:clamp(1.5rem,4vw,2.5rem) !important; } .site-footer-contact,.site-footer-links a,.site-footer-social-link { color:var(--text ) !important; opacity:1 !important; } .floating-action-button { background:var(--surface-2 ) !important; border-color:var(--border ) !important; color:var(--text ) !important; opacity:1 !important; } .ldmt-navbar-dropdown { z-index:999 !important; top:100% !important; width:18rem !important; margin-top:0.5rem !important; padding:1rem !important; border:1px solid #e5e7eb !important; border-radius:0.75rem !important; background:#ffffff !important; box-shadow:0 22px 50px rgba(15,23,42,0.16) !important; } html.dark .ldmt-navbar-dropdown,html:not(.light) .ldmt-navbar-dropdown { border-color:#334155 !important; background:#0f172a !important; box-shadow:0 22px 50px rgba(0,0,0,0.32) !important; } .ldmt-navbar-dropdown.is-open { opacity:1 !important; visibility:visible !important; transform:translateY(0) scale(1) !important; }:root,html.light { --bg:#ffffff; --bg-secondary:#f8fafc; --text:#0f172a; --text-muted:#475569; --text-primary:var(--text ); --text-secondary:var(--text-muted ); --muted:var(--text-muted ); --surface:var(--bg-secondary ); --surface-2:#ffffff; --border:#e2e8f0; } .dark,html.dark { --bg:#020617; --bg-secondary:#0f172a; --text:#f8fafc; --text-muted:#94a3b8; --text-primary:var(--text ); --text-secondary:var(--text-muted ); --muted:var(--text-muted ); --surface:var(--bg-secondary ); --surface-2:#111827; --border:#1e293b; } body { background:var(--bg ); color:var(--text ); } h1,h2,h3,h4,h5 { color:var(--text ); font-weight:600; } p,span,label { color:var(--text-muted ); } .card,.app-card { background:var(--bg-secondary ) !important; border:1px solid var(--border ) !important; color:var(--text ) !important; opacity:1 !important; } a span,button span,.ldmt-navbar-brand span,.floating-action-button span,.ldmt-navbar-start,.ldmt-navbar-login { color:inherit; } .text-on-primary { color:#ffffff !important; } .ldmt-navbar { background:color-mix(in srgb,var(--bg ) 94%,transparent) !important; box-shadow:0 1px 0 var(--border ),0 10px 30px rgba(15,23,42,0.06) !important; } .ldmt-navbar-dropdown { z-index:200 !important; border-radius:1rem !important; background:var(--surface-2 ) !important; border-color:var(--border ) !important; box-shadow:0 24px 60px rgba(15,23,42,0.18) !important; transform-origin:top left; animation:fadeIn 0.18s ease-out both; } .ldmt-nav-link,.navbar-nav-link,.ldmt-navbar-control,.ldmt-navbar-icon-button,.ldmt-navbar-login,.ldmt-navbar-start,.ldmt-navbar-dropdown-item,.floating-action-button,.site-footer-social-link,.btn,.app-card,.card,.premium-learning-card { transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(0.4,0,0.2,1) !important; } .ldmt-nav-link:hover,.navbar-nav-link:hover,.ldmt-navbar-icon-button:hover,.ldmt-navbar-login:hover,.floating-action-button:hover,.site-footer-social-link:hover,.app-card[data-clickable="true"]:hover,.premium-learning-card:hover { transform:translateY(-2px) !important; } .ldmt-navbar svg { width:1.5rem !important; height:1.5rem !important; stroke-width:2.2 !important; } .ldmt-navbar .ldmt-nav-link svg,.ldmt-navbar .navbar-nav-link svg { width:1.25rem !important; height:1.25rem !important; } .ldmt-search-popover { z-index:220 !important; background:var(--surface-2 ) !important; border-color:var(--border ) !important; box-shadow:0 24px 60px rgba(15,23,42,0.16) !important; } .ldmt-search-option span,.ldmt-search-all { color:var(--text ) !important; } .ldmt-search-option small,.ldmt-search-status { color:var(--text-muted ) !important; } .home-section-copy h2,.home-path-card h3,.home-feature-card h3,.home-feature-card-premium h3,.home-dashboard-strip-card strong,.home-preview-panel strong,.continue-card strong,.app-card:where(h1,h2,h3,h4,h5,h6,strong),.card:where(h1,h2,h3,h4,h5,h6,strong),.premium-learning-card:where(h1,h2,h3,h4,h5,h6,strong),.lesson-modal-shell:where(h1,h2,h3,h4,h5,h6,strong),.story-reader-shell:where(h1,h2,h3,h4,h5,h6,strong) { color:var(--text ) !important; opacity:1 !important; } .home-section-copy p,.home-path-card p,.home-feature-card p,.home-feature-card-premium p,.home-dashboard-strip-card p,.home-preview-panel p,.continue-card p,.app-card:where(p,li,small),.card:where(p,li,small),.premium-learning-card:where(p,li,small),.lesson-modal-shell:where(p,li,small),.story-reader-shell:where(p,li,small) { color:var(--text-muted ) !important; opacity:1 !important; } .home-path-meta span,.lesson-progress-summary span,.app-card:where(.text-on-surface,.text-text),.card:where(.text-on-surface,.text-text),.premium-learning-card:where(.text-on-surface,.text-text) { color:var(--text ) !important; } .app-card:where(.text-on-surface-variant,.text-muted,.muted),.card:where(.text-on-surface-variant,.text-muted,.muted),.premium-learning-card:where(.text-on-surface-variant,.text-muted,.muted) { color:var(--text-muted ) !important; opacity:1 !important; } .dashboard-panel-kicker,.home-kicker,.home-inline-link,.home-inline-link span,.text-primary { color:var(--primary ) !important; } .site-footer-panel { background:color-mix(in srgb,var(--surface ) 92%,var(--surface-2 )) !important; border-color:var(--border ) !important; box-shadow:0 20px 60px rgba(15,23,42,0.08) !important; } .site-footer-socials { display:grid !important; grid-template-columns:1fr !important; gap:0.55rem !important; } .site-footer-social-link { display:inline-flex !important; width:auto !important; height:auto !important; min-height:2.55rem !important; align-items:center !important; justify-content:flex-start !important; gap:0.65rem !important; padding:0.55rem 0.75rem !important; border:1px solid var(--border ) !important; border-radius:0.85rem !important; background:var(--surface-2 ) !important; color:var(--text ) !important; box-shadow:none !important; } .site-footer-social-link svg,.site-footer-controls svg { width:1.25rem !important; height:1.25rem !important; color:var(--primary ) !important; flex:0 0 auto !important; } .site-footer-social-link span { color:var(--text ) !important; font-weight:750 !important; }:root,html.light { --bg:#ffffff; --text:#0f172a; --card:#f8fafc; --border:#e2e8f0; --text-soft:#475569; --text-muted:var(--text-soft ); --muted:var(--text-soft ); --bg-2:var(--card ); --bg-soft:var(--card ); --bg-secondary:var(--card ); --surface:var(--card ); --surface-2:var(--card ); color-scheme:light; } html.dark,.dark { --bg:#020617; --text:#e2e8f0; --card:#0f172a; --border:#1e293b; --text-soft:#94a3b8; --text-muted:var(--text-soft ); --muted:var(--text-soft ); --bg-2:var(--card ); --bg-soft:var(--card ); --bg-secondary:var(--card ); --surface:var(--card ); --surface-2:var(--card ); color-scheme:dark; } @media (prefers-color-scheme:dark) { html:not(.light):not(.dark) { --bg:#020617; --text:#e2e8f0; --card:#0f172a; --border:#1e293b; --text-soft:#94a3b8; --text-muted:var(--text-soft ); --muted:var(--text-soft ); --bg-2:var(--card ); --bg-soft:var(--card ); --bg-secondary:var(--card ); --surface:var(--card ); --surface-2:var(--card ); color-scheme:dark; } } body { background-color:var(--bg ); color:var(--text ); transition:background-color 0.2s ease,color 0.2s ease; } * { color:inherit; } h1,h2,h3,h4,h5,h6 { color:var(--text ) !important; } p,span,small,label,li { color:var(--text-soft ) !important; } .floating-action-button { min-height:3rem !important; border-radius:999px !important; padding:0.7rem 1rem !important; box-shadow:0 18px 40px rgba(79,70,229,0.18) !important; } .floating-action-primary { background:var(--primary ) !important; border-color:var(--primary ) !important; color:#ffffff !important; } .floating-action-primary span { color:#ffffff !important; } .floating-action-button svg { width:1.5rem !important; height:1.5rem !important; } .floating-action-primary svg { color:#ffffff !important; } .floating-action-robot { color:var(--text ) !important; background:var(--surface-2 ) !important; border:1px solid var(--border ) !important; box-shadow:var(--shadow-card ) !important; } .modal-backdrop { z-index:9999 !important; } .modal-backdrop > div { background:var(--surface-2 ) !important; color:var(--text ) !important; } @media (prefers-reduced-motion:reduce) { .ldmt-navbar-dropdown,.floating-action-contact > div { animation:none !important; } .ldmt-nav-link:hover,.navbar-nav-link:hover,.ldmt-navbar-icon-button:hover,.ldmt-navbar-login:hover,.floating-action-button:hover,.site-footer-social-link:hover,.app-card[data-clickable="true"]:hover,.premium-learning-card:hover { transform:none !important; } }:root,html.light { --bg:#ffffff; --surface:#ffffff; --surface-2:#f8fafc; --card:#ffffff; --text:#0f172a; --text-soft:#475569; --text-muted:#475569; --muted:#475569; --border:#e2e8f0; --background:var(--bg ); --foreground:var(--text ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); } html.dark,.dark,html:not(.light):not(.dark) { --bg:#020617; --surface:#0f172a; --surface-2:#111827; --card:#0f172a; --text:#f1f5f9; --text-soft:#94a3b8; --text-muted:#94a3b8; --muted:#94a3b8; --border:#1e293b; --background:var(--bg ); --foreground:var(--text ); --on-background:var(--text ); --on-surface:var(--text ); --on-surface-variant:var(--muted ); } body,.layout-root,.app-shell-main,.page-transition-root { background:var(--bg ) !important; color:var(--text ) !important; }:where(h1,h2,h3,h4,h5,h6,strong,b,.text-text,.text-on-surface) { color:var(--text ) !important; }:where(p,span,small,label,li,caption,.text-muted,.muted,.text-on-surface-variant) { color:var(--muted ) !important; }:where(.card,.app-card,.page-hero,.premium-page-hero,.lesson-modal-shell,.story-reader-shell,.grammar-correction-panel) { background:var(--surface ) !important; border-color:var(--border ) !important; color:var(--text ) !important; opacity:1 !important; }));.placeholder\:text-muted::-moz-placeholder{color:var(--muted)}.placeholder\:text-muted::placeholder{color:var(--muted)}.placeholder\:text-on-surface-variant::-moz-placeholder{color:var(--muted)}.placeholder\:text-on-surface-variant::placeholder{color:var(--muted)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:shadow-ambient:focus-within{--tw-shadow:0 8px 32px -8px rgba(0,0,0,.3);--tw-shadow-colored:0 8px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:scale-\[1\.02\]:hover,.hover\:scale-\[1\.03\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03}.hover\:bg-bg:hover{background-color:var(--bg)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-error:hover{background-color:var(--error)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-success:hover{background-color:var(--success)}.hover\:bg-surface-container:hover,.hover\:bg-surface:hover{background-color:var(--card)}.hover\:bg-surface-container-high:hover,.hover\:bg-surface2:hover{background-color:var(--surface-2)}.hover\:text-on-primary:hover{color:var(--on-primary)}.hover\:text-on-surface:hover{color:var(--text)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-text:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:bg-surface:focus{background-color:var(--card)}.focus\:shadow-ambient:focus{--tw-shadow:0 8px 32px -8px rgba(0,0,0,.3);--tw-shadow-colored:0 8px 32px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-\[0\.97\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-card:disabled{background-color:var(--card)}.disabled\:text-muted:disabled{color:var(--muted)}.group:focus-within .group-focus-within\:text-primary{color:var(--primary)}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-surface-container{background-color:var(--card)}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-12{height:3rem}.sm\:w-auto{width:auto}.sm\:max-w-\[340px\]{max-width:340px}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-16{padding-right:4rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.md\:animate-none{animation:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pr-2{padding-right:.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:min-w-\[360px\]{min-width:360px}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{grid-template-columns:320px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 0\.85fr\)_minmax\(0\2c 1\.15fr\)\]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(320px\2c 0\.85fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(280px\2c 0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(320px\2c 0\.9fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.4fr\)_360px\]{grid-template-columns:minmax(0,1.4fr) 360px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(260px\2c 0\.38fr\)\]{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:self-start{align-self:flex-start}.lg\:border-l{border-left-width:1px}.lg\:border-t-0{border-top-width:0}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:max-w-none{max-width:none}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.xl\:grid-cols-\[1\.08fr_0\.92fr\]{grid-template-columns:1.08fr .92fr}.xl\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.xl\:grid-cols-\[1\.25fr_0\.75fr\]{grid-template-columns:1.25fr .75fr}.xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(0\2c 0\.9fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.xl\:gap-6{gap:1.5rem}.xl\:text-lg{font-size:1.125rem;line-height:1.75rem}}