@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3dbe685087e51055-s.7d71229e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6bd983bd58a87a3d-s.p.cf80dd39.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3dbe685087e51055-s.7d71229e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6bd983bd58a87a3d-s.p.cf80dd39.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3dbe685087e51055-s.7d71229e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6bd983bd58a87a3d-s.p.cf80dd39.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../media/3dbe685087e51055-s.7d71229e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6bd983bd58a87a3d-s.p.cf80dd39.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_cdcd579d-module__1FiWuW__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_cdcd579d-module__1FiWuW__variable{--font-heading:"Sora","Sora Fallback"}
@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.eb60fb62.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.edc4ba47.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.d355e0bf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.8b1cf68a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.0de3c900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.eb60fb62.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.edc4ba47.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.d355e0bf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.8b1cf68a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.0de3c900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f813d0b748b050e0-s.eb60fb62.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/dcd150d580a10316-s.edc4ba47.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d261779aa92de579-s.d355e0bf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/24ce79ed121239f3-s.8b1cf68a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f141b5b7abe57afc-s.p.0de3c900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_sans_4b68e5c8-module__jpN2Na__className{font-family:Nunito Sans,Nunito Sans Fallback;font-style:normal}.nunito_sans_4b68e5c8-module__jpN2Na__variable{--font-sans:"Nunito Sans","Nunito Sans Fallback"}
@layer theme{:root,:host{--font-sans:"Nunito Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-font-family:"Nunito Sans",ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:var(--font-mono);--font-heading:"Sora",ui-sans-serif,system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--primary:#3f5bff;--primary-hover:#3148d8;--accent-gold:#f5c84c;--accent-orange:#ff9f1a;--surface:#f7f8fc;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--disabled:#9ca3af;--success:#10b981;--ring:#3f5bff38;--shadow-sm:0 8px 20px #1118270f;--shadow-md:0 14px 34px #11182717;--shadow-lg:0 22px 44px #11182721;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,#f5c84c1f,transparent 42%),radial-gradient(circle at 92% 8%,#3f5bff1a,transparent 46%),var(--surface);margin:0;font-family:Nunito Sans,Segoe UI,sans-serif}.page-bg{pointer-events:none;z-index:-1;opacity:.9;background-image:radial-gradient(circle at 20% 35%,#3f5bff08 0 2px,#0000 3px),radial-gradient(circle at 75% 25%,#f5c84c0d 0 2px,#0000 3px),radial-gradient(circle at 60% 70%,#3f5bff08 0 1.5px,#0000 2.5px),radial-gradient(circle at 30% 85%,#f5c84c0a 0 1.5px,#0000 2px);background-size:240px 240px,340px 340px,300px 300px,260px 260px;position:fixed;inset:0}.container{width:min(1280px,100% - 48px);margin-inline:auto}.top-nav{z-index:20;padding-top:12px;position:sticky;top:0}.nav-inner{height:72px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #e5e7ebcc;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:cover;border-radius:14px;width:40px;height:40px;display:block;box-shadow:inset 0 0 0 1px #1118270f}.brand-name{letter-spacing:-.015em;font-family:Sora,Nunito Sans,sans-serif;font-size:1.05rem;font-weight:700}.profile-pill{height:52px;color:var(--text);font:inherit;cursor:pointer;background:#ffffffd9;border:1px solid #e5e7ebe6;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 8px;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.profile-pill:hover{box-shadow:var(--shadow-sm);background:#f9fbff;transform:translateY(-1px)}.profile-pill:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.profile-avatar{object-fit:cover;background:#eef2ff;border:2px solid #3f5bff14;border-radius:50%;width:40px;height:40px}.profile-name{white-space:nowrap;font-size:.95rem;font-weight:700}.page-shell{padding-top:24px;padding-bottom:48px}.hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 84% 16%,#f5c84c26,#0000 34%),radial-gradient(circle at 12% 10%,#3f5bff1a,#0000 36%),linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e5e7ebe6;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;padding:24px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#3f5bff1f,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-42px;right:-42px}.hero-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.hero-course-row{min-width:0}.hero-course-icon{width:44px;height:44px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ebf0ff,#f8fbff 55%,#fff7df);border:1px solid #e5e7ebe6;border-radius:12px;flex:0 0 44px;display:none;overflow:hidden}.hero-course-icon-image{object-fit:cover;width:100%;height:100%;display:block}.hero-course-meta{min-width:0}.brand-promise{color:#1f2a44;letter-spacing:-.015em;align-items:flex-start;gap:10px;max-width:31ch;margin:0 0 14px;font-family:Sora,Nunito Sans,sans-serif;font-weight:600;line-height:1.3;display:flex}.brand-promise-icon{width:18px;height:18px;color:var(--accent-gold);flex:none;margin-top:2px}.brand-promise-text{min-width:0;display:block}.brand-promise-highlight{color:var(--primary)}.hero-eyebrow{color:var(--muted);margin:0;font-size:.95rem;font-weight:700}.hero-title{letter-spacing:-.02em;margin:6px 0 0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.75rem,2vw + 1rem,2.35rem);font-weight:700}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.btn-primary{appearance:none;background:var(--primary);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 10px 20px #3f5bff38}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 14px 28px #3f5bff47}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.hero-progress{max-width:470px;margin-top:12px}.hero-progress-text{color:var(--muted);margin:0 0 8px;font-size:.94rem;font-weight:700}.progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.progress-track{background:#e8ecfb;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#4d68ff 0%,#5a83ff 70%,#77b8ff 100%);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -1px #ffffff40}.medal-icon{width:24px;height:24px;color:var(--accent-gold);filter:drop-shadow(0 2px 4px #f5c84c40)}.hero-visual{align-content:center;min-width:0;display:grid;position:relative}.hero-cover-shell{aspect-ratio:16/10;width:100%;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ebf0ff,#f8fbff 55%,#fff7df);border:1px solid #e5e7ebe6;border-radius:20px;position:relative;overflow:hidden}.hero-cover-shell:before,.hero-cover-shell:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero-cover-shell:before{background:radial-gradient(circle,#f5c84c47,#0000 70%);width:90px;height:90px;top:8px;right:14px}.hero-cover-shell:after{background:radial-gradient(circle,#3f5bff38,#0000 72%);width:140px;height:140px;bottom:-44px;left:-34px}.hero-cover-image{object-fit:cover;width:100%;height:100%;display:block}.sections-stack{gap:32px;margin-top:32px;display:grid}.section-block{gap:14px;display:grid}.section-heading{gap:6px;display:grid}.section-title{letter-spacing:-.015em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.15rem,.8vw + .9rem,1.35rem);line-height:1.2}.section-subtitle{color:var(--muted);max-width:78ch;margin:0;font-weight:600}.course-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px;display:grid}.course-card{background:var(--card);min-width:0;box-shadow:var(--shadow-sm);color:inherit;border:1px solid #e5e7ebf2;border-radius:20px;flex-direction:column;gap:12px;padding:10px 10px 12px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s;display:flex}.course-card--available{cursor:pointer}.course-card--available:hover{box-shadow:var(--shadow-md);border-color:#3f5bff40;transform:translateY(-4px)}.course-card--available:focus-visible{outline:3px solid var(--ring);outline-offset:2px;transform:translateY(-2px)}.course-card--available:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.course-card--locked{cursor:not-allowed;filter:saturate(.72)}.course-card--locked .course-cover-image{opacity:.86}.course-card--locked .course-title{color:#3b4352}.course-card--locked .chip{color:#7a8392}.course-cover-shell{aspect-ratio:16/10;background:linear-gradient(160deg,#eef2ff 0%,#fff 55%,#fff8e8 100%);border:1px solid #e5e7ebe6;border-radius:16px;position:relative;overflow:hidden}.course-cover-image{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.01)}.course-status{letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 9px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.course-status:before{content:"";border-radius:50%;width:6px;height:6px}.course-status--available{color:#0e8f66;background:#10b98126}.course-status--available:before{background:#10b981}.course-status--locked{color:#f9fafb;background:#111827a8}.course-status--locked:before{background:#c3cad5}.course-lock-icon{color:#596273;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 1px #e5e7ebe6}.course-lock-icon svg{width:14px;height:14px}.course-body{gap:10px;min-width:0;display:grid}.course-title{letter-spacing:-.015em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:1rem;line-height:1.2}.course-meta{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#4b5563;white-space:nowrap;background:#f5f7fb;border:1px solid #e5e7ebe6;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.noscript-note{color:#6d5200;background:#fff9e7;border:1px solid #f9e2a7;border-radius:12px;margin:18px 0;padding:14px 16px;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1199px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}}@media (min-width:1024px){.hero-card{grid-template-columns:minmax(0,1.2fr) minmax(300px,.68fr);gap:16px;padding:18px 20px}.hero-copy{justify-content:flex-start}.brand-promise{max-width:34ch;margin-bottom:10px}.hero-title{font-size:clamp(1.55rem,1.2vw + 1rem,2rem)}.hero-progress{max-width:420px}.btn-primary{height:44px;padding-inline:16px}.hero-visual{align-content:start;justify-items:end}.hero-cover-shell{aspect-ratio:16/9;border-radius:16px;width:min(100%,420px)}}@media (max-width:767px){.container{width:calc(100% - 32px)}.top-nav{padding-top:8px}.nav-inner{gap:10px;height:64px;padding-inline:10px}.brand{gap:10px}.brand-logo{border-radius:12px;width:36px;height:36px}.brand-name{font-size:.98rem}.profile-pill{gap:8px;max-width:56vw;height:46px;padding:4px 8px 4px 6px}.profile-avatar{width:34px;height:34px}.profile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.page-shell{padding-top:16px;padding-bottom:32px}.hero-card{grid-template-columns:1fr;gap:12px;padding:14px}.brand-promise{white-space:nowrap;align-items:center;gap:8px;max-width:none;margin-bottom:12px;font-size:clamp(.84rem,3.3vw,.96rem);line-height:1.2;overflow:hidden}.brand-promise-icon{width:15px;height:15px;margin-top:0}.brand-promise-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-course-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.hero-course-icon{display:block}.hero-course-meta{align-content:center;min-height:44px;display:grid}.hero-eyebrow{font-size:.82rem}.hero-title{margin-top:4px;font-size:1.42rem;line-height:1.1}.btn-primary{width:100%;height:42px;min-height:42px}.hero-progress{max-width:none;margin-top:12px}.progress-track{height:8px}.medal-icon{width:20px;height:20px}.hero-visual{display:none}.hero-copy{order:1}.hero-cover-shell{aspect-ratio:16/9}.sections-stack{gap:28px;margin-top:28px}.course-grid{grid-auto-columns:minmax(82vw,82vw);grid-auto-flow:column;grid-template-columns:unset;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3f5bff47 transparent;margin-inline:-2px;padding:2px 4px 10px 2px;overflow-x:auto}.course-grid::-webkit-scrollbar{height:8px}.course-grid::-webkit-scrollbar-thumb{background:#3f5bff38;border-radius:999px}.course-card{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.levels-page{position:relative}.levels-page .levels-shell{padding-top:18px;padding-bottom:42px}.levels-header-nav{height:72px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #e5e7ebcc;border-radius:999px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:0 14px;display:grid}.levels-back-btn{appearance:none;width:44px;height:44px;color:var(--primary);cursor:pointer;background:#3f5bff14;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .18s,transform .12s,box-shadow .18s;display:inline-flex}.levels-back-btn:hover{background:#3f5bff24;transform:translateY(-1px);box-shadow:0 6px 14px #3f5bff24}.levels-back-btn:active{transform:translateY(0)}.levels-back-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.levels-back-btn svg{width:20px;height:20px}.levels-header-title{text-align:center;letter-spacing:-.02em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:1.1rem;font-weight:700}.levels-header-spacer{width:44px;height:44px}.roadmap-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 88% 12%,#f5c84c24,#0000 36%),radial-gradient(circle at 8% 8%,#3f5bff17,#0000 34%),linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e5e7ebe6;margin-top:18px;position:relative;overflow:hidden}.roadmap-card:before{content:"";pointer-events:none;opacity:.9;background-image:radial-gradient(circle at 12% 22%,#3f5bff0f 0 1.5px,#0000 2px),radial-gradient(circle at 80% 20%,#f5c84c14 0 1.5px,#0000 2px),radial-gradient(circle at 22% 70%,#f5c84c0f 0 1px,#0000 2px),radial-gradient(circle at 72% 84%,#3f5bff0d 0 1px,#0000 2px);background-size:220px 220px,260px 260px,240px 240px,210px 210px;position:absolute;inset:0}.roadmap-card-inner{padding:20px 20px 22px;position:relative}.roadmap-card-header{gap:8px;display:grid}.roadmap-title{letter-spacing:-.02em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.15rem,1vw + .85rem,1.5rem);line-height:1.15}.roadmap-meta{color:var(--muted);margin:0;font-weight:700}.roadmap-progress{margin-top:6px}.roadmap-progress-copy{color:var(--muted);margin:0 0 8px;font-size:.92rem;font-weight:700}.roadmap-progress .progress-track{height:10px}.roadmap-progress .progress-fill{width:0%}.roadmap-legends{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.roadmap-legend{color:#3f4858;background:#ffffffe0;border:1px solid #e5e7ebe6;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:.82rem;font-weight:800;display:inline-flex}.roadmap-legend .legend-node{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:inset 0 -1px #fff3}.roadmap-legend .legend-node--completed{background:var(--success)}.roadmap-legend .legend-node--current{background:var(--primary)}.roadmap-legend .legend-node--locked{color:#576072;background:#cfd6e3}.roadmap-legend .legend-node svg{width:12px;height:12px}.roadmap-chapters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.roadmap-chapter-chip{color:#344055;background:#ffffffeb;border:1px solid #e5e7ebf2;border-radius:999px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.roadmap-chapter-chip svg{width:12px;height:12px;color:var(--accent-gold);filter:drop-shadow(0 1px 2px #f5c84c47)}.roadmap-grid{gap:22px;margin-top:18px;display:grid}.roadmap-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 40px;display:grid;position:relative}.roadmap-row:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,#d5dbe7 0 8px,#d5dbe766 8px 14px);border-radius:999px;height:2px;position:absolute;top:54px;left:calc(50% - 20px);right:calc(50% - 20px)}.roadmap-row[data-row-index="0"]:before{background:linear-gradient(90deg,#3f5bff52 0%,#3f5bff2e 52%,#d5dbe780 100%)}.roadmap-row:not(:last-child):after{content:"";z-index:0;background:repeating-linear-gradient(#d5dbe7 0 7px,#d5dbe766 7px 12px);border-radius:999px;width:2px;height:22px;position:absolute;top:calc(100% + 2px)}.roadmap-row[data-direction=ltr]:after{right:54px}.roadmap-row[data-direction=rtl]:after{left:54px}.roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=left]{justify-self:end}.roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=right],.roadmap-row[data-direction=ltr] .roadmap-node-shell[data-col=left]{justify-self:start}.roadmap-row[data-direction=ltr] .roadmap-node-shell[data-col=right]{justify-self:end}.roadmap-node-shell{z-index:1;justify-items:center;gap:8px;min-width:0;display:grid;position:relative}.roadmap-node{width:116px;min-height:116px;color:inherit;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7ebf2;border-radius:20px;align-content:space-between;justify-items:center;gap:8px;padding:10px 10px 12px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:grid;position:relative}.roadmap-node:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.roadmap-node:hover{transform:translateY(-2px)}.roadmap-node--current{color:#fff;background:radial-gradient(circle at 50% 46%,#ffffff1a,#0000 58%),radial-gradient(circle at 50% 45%,#ffffff1f 0 2px,#0000 2.2px),radial-gradient(circle at 50% 45%,#ffffff1a 0 32px,#0000 34px),linear-gradient(#4c67ff 0%,#3f5bff 70%,#3249db 100%);border-color:#3f5bff47;box-shadow:0 14px 26px #3f5bff42}.roadmap-node--current:hover{box-shadow:0 18px 30px #3f5bff47}.roadmap-node--locked{color:#5f6878;cursor:pointer;background:linear-gradient(#eef1f7 0%,#e8edf5 100%);border-color:#e5e7ebfa}.roadmap-node--locked:hover{border-color:#cfd6e3;box-shadow:0 10px 22px #11182714}.roadmap-node-badge{color:#394150;background:#11182714;border-radius:999px;justify-self:start;align-items:center;height:20px;padding:0 7px;font-size:.72rem;font-weight:800;display:inline-flex}.roadmap-node--current .roadmap-node-badge{color:#fff;background:#ffffff2e}.roadmap-node-status-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.roadmap-node-status-pill svg{width:10px;height:10px}.roadmap-node-center{width:42px;height:42px;color:inherit;background:#ffffff2e;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.roadmap-node--locked .roadmap-node-center{background:#ffffffb8;border-color:#ffffff8c}.roadmap-node-center svg{width:20px;height:20px}.roadmap-node-label{text-align:center;width:min(136px,100%);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;font-weight:800;line-height:1.18;display:-webkit-box;overflow:hidden}.roadmap-node-label[aria-current=step]{color:var(--primary)}.roadmap-node-label--locked{color:#596273}.roadmap-node-label--current{color:#14224f}.roadmap-help-note{color:var(--muted);margin:14px 0 0;font-size:.9rem;font-weight:700}.levels-toast{z-index:40;color:#fff;width:min(360px,100vw - 28px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;background:#111827eb;border:1px solid #1118270f;border-radius:16px;gap:2px;padding:12px 14px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:18px;right:18px;transform:translateY(8px)}.levels-toast--visible{opacity:1;transform:translateY(0)}.levels-toast-title{margin:0;font-size:.95rem;font-weight:800}.levels-toast-note{color:#ffffffc7;margin:0;font-size:.82rem;font-weight:700}.lesson-placeholder-page .lesson-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 90% 12%,#f5c84c1f,#0000 38%),radial-gradient(circle at 10% 8%,#3f5bff14,#0000 38%),#fff;border:1px solid #e5e7ebe6;margin-top:18px;padding:22px}.lesson-card h1{letter-spacing:-.02em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.35rem,1vw + 1rem,1.8rem)}.lesson-card p{color:var(--muted);margin:10px 0 0;font-weight:700;line-height:1.5}.lesson-card-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn-secondary{color:var(--text);background:#ffffffe6;border:1px solid #e5e7ebf2;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .12s;display:inline-flex}.btn-secondary:hover{box-shadow:var(--shadow-sm);background:#f9fbff;transform:translateY(-1px)}.btn-secondary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media (max-width:1199px){.roadmap-row{column-gap:22px}.roadmap-node{border-radius:18px;width:104px;min-height:104px;padding:9px 9px 10px}.roadmap-row:before{top:50px;left:calc(50% - 11px);right:calc(50% - 11px)}.roadmap-row[data-direction=ltr]:after{right:49px}.roadmap-row[data-direction=rtl]:after{left:49px}}@media (max-width:767px){.levels-page .levels-shell{padding-top:12px;padding-bottom:28px}.levels-header-nav{gap:8px;height:64px;padding:0 10px}.levels-header-title{font-size:1rem}.roadmap-card-inner{padding:16px 14px 18px}.roadmap-legends{gap:8px}.roadmap-legend{padding-inline:8px;font-size:.78rem}.roadmap-grid{gap:18px}.roadmap-row{grid-template-columns:1fr;justify-items:start;gap:10px;padding-left:24px}.roadmap-row:before{background:repeating-linear-gradient(#d5dbe7 0 7px,#d5dbe773 7px 12px);width:2px;height:calc(100% + 14px);top:-6px;left:12px;right:auto}.roadmap-row[data-row-index="0"]:before{background:linear-gradient(#3f5bff52 0%,#3f5bff1f 28%,#d5dbe78c 100%)}.roadmap-row:after{display:none}.roadmap-node-shell{justify-items:start;width:100%}.roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=left]{order:2}.roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=right]{order:1}.roadmap-node-shell[data-mobile-shift=center]{margin-left:0}.roadmap-node-shell[data-mobile-shift=right]{margin-left:16px}.roadmap-node-shell[data-mobile-shift=left]{margin-left:-4px}.roadmap-node{border-radius:16px;width:92px;min-height:92px;padding:8px 8px 9px}.roadmap-node-center{border-radius:12px;width:36px;height:36px}.roadmap-node-center svg{width:18px;height:18px}.roadmap-node-label{text-align:left;-webkit-line-clamp:2;width:min(240px,100vw - 96px);font-size:.82rem}.levels-toast{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:auto}.lesson-placeholder-page .lesson-card{padding:16px}}.levels-page--minimal{--levels-header-optical-shift:1px;--levels-node-size:112px;--levels-node-size-tablet:102px;--levels-node-size-mobile:92px;--levels-node-radius:24px;--levels-node-radius-tablet:22px;--levels-node-radius-mobile:20px;--levels-label-line-height:1.24;--levels-label-min-height:calc(2em*var(--levels-label-line-height));--levels-divider-margin-top:10px;--levels-divider-margin-bottom:8px;--levels-toast-desktop-right:18px;--levels-toast-desktop-bottom:calc(18px + env(safe-area-inset-bottom));--levels-toast-mobile-side:14px;--snake-path-current-color:#5f62ec;--snake-path-primary-color:#46af50;--snake-path-locked-color:#d8dde8;--snake-path-current-width:5.5px;--snake-path-primary-width:5px;--snake-path-locked-width:4px;--snake-path-current-opacity:.95;--snake-path-primary-opacity:.9;--snake-path-locked-opacity:.75}.levels-page--minimal .levels-shell{padding-top:10px;padding-bottom:30px}.levels-page--minimal .levels-header-nav--minimal{background:#ffffffeb;border:1px solid #e5e7ebf2;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 44px;height:64px;padding:0 10px;box-shadow:0 6px 18px #1118270d}.levels-page--minimal .levels-header-title{transform:translateX(var(--levels-header-optical-shift));font-size:1.06rem}.levels-page--minimal .levels-header-magic{color:#4f5fd8;background:#3f5bff14;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:inset 0 0 0 1px #3f5bff1f}.levels-page--minimal .levels-header-magic svg{width:22px;height:22px}.levels-page--minimal .levels-toast{left:auto;right:var(--levels-toast-desktop-right);bottom:var(--levels-toast-desktop-bottom)}.levels-page--minimal .roadmap-card{box-shadow:none;background:0 0;border:none;margin-top:8px;overflow:visible}.levels-page--minimal .roadmap-card:before{display:none}.levels-page--minimal .roadmap-card-inner{padding:6px 0 8px}.levels-page--minimal .roadmap-grid{gap:14px;margin-top:0;display:grid}.levels-page--minimal .roadmap-row{--path-color:#46af50;grid-template-columns:1fr;justify-items:start;gap:12px;padding-left:24px;display:grid;position:relative}.levels-page--minimal .roadmap-row[data-track=secondary]{--path-color:#d8dde8}.levels-page--minimal .roadmap-row:before{content:"";background:var(--path-color);border-radius:999px;width:5px;height:calc(100% + 12px);position:absolute;top:-6px;left:28px}.levels-page--minimal .roadmap-row:after{display:none}.levels-page--minimal .roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=left]{order:2}.levels-page--minimal .roadmap-row[data-direction=rtl] .roadmap-node-shell[data-col=right]{order:1}.levels-page--minimal .roadmap-node-shell{--snake-offset:0px;width:100%;margin-left:var(--snake-offset);justify-items:start;gap:8px;position:relative}.levels-page--minimal .roadmap-node-shell:before{content:"";left:calc(28px - var(--snake-offset));width:calc(var(--snake-offset) + 44px);background:var(--path-color);border-radius:999px;height:5px;position:absolute;top:44px}.levels-page--minimal .roadmap-node-shell[data-snake-shift=left]{--snake-offset:0px}.levels-page--minimal .roadmap-node-shell[data-snake-shift=right]{--snake-offset:clamp(170px,36vw,430px)}.levels-page--minimal .roadmap-node{width:var(--levels-node-size);min-height:var(--levels-node-size);border-radius:var(--levels-node-radius);border:1px solid #e5e7ebf2;align-content:center;justify-items:center;gap:8px;padding:10px 9px;display:grid;box-shadow:0 8px 20px #11182714}.levels-page--minimal .roadmap-node:hover{transform:translateY(-1px)}.levels-page--minimal .roadmap-node-status-pill{letter-spacing:-.01em;color:#1f2a57;background:#fff;border:1px solid #d8dff8;border-radius:12px;height:34px;padding:0 12px;font-size:.9rem;font-weight:900;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #2f3fa329}.levels-page--minimal .roadmap-node-center{border-radius:13px;width:40px;height:40px}.levels-page--minimal .roadmap-node-center svg{width:22px;height:22px}.levels-page--minimal .roadmap-node--current{color:#fff;background:linear-gradient(#5f62ec 0%,#4948dd 100%);border-color:#4751e852;box-shadow:0 12px 24px #484dd642}.levels-page--minimal .roadmap-node--current:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #5f62ec57;animation:2.8s ease-out infinite levels-current-pulse;position:absolute;inset:-4px}.levels-page--minimal .roadmap-node--current .roadmap-node-center{background:#fff3;border-color:#ffffff3d}.levels-page--minimal .roadmap-node--completed{color:#fff;background:linear-gradient(#88cb92 0%,#67bc79 100%);border-color:#2e9c4e59}.levels-page--minimal .roadmap-node--completed .roadmap-node-center{background:#ffffff2e;border-color:#fff3}.levels-page--minimal .roadmap-node--locked{color:#8d90af;background:linear-gradient(#eff0fa 0%,#e6e8f6 100%);border-color:#c3c6ddf2}.levels-page--minimal .roadmap-node--locked .roadmap-node-center{color:#8488b0;background:#fffc;border-color:#c4c7df99}.levels-page--minimal .roadmap-node--locked-feedback{animation:.2s levels-locked-feedback}.levels-page--minimal .roadmap-node-label{text-align:left;color:#222a3a;width:min(250px,100vw - 124px);line-height:var(--levels-label-line-height);min-height:var(--levels-label-min-height);-webkit-line-clamp:2;margin:0;font-size:.82rem}.levels-page--minimal .roadmap-node-label--current{color:#1f2445}.levels-page--minimal .roadmap-node-label--completed{color:#202935}.levels-page--minimal .roadmap-node-label--locked{color:#3a4357}.levels-page--minimal .roadmap-section-divider{margin:var(--levels-divider-margin-top)0 var(--levels-divider-margin-bottom);color:#7a8293;align-items:center;gap:14px;font-size:.94rem;font-weight:700;line-height:1;display:flex}.levels-page--minimal .roadmap-section-divider:before,.levels-page--minimal .roadmap-section-divider:after{content:"";background:#d8dde8;border-radius:999px;flex:1;height:2px}.levels-page--minimal .roadmap-section-divider span{white-space:nowrap}@keyframes levels-current-pulse{0%{opacity:0;transform:scale(.98)}35%{opacity:.34}to{opacity:0;transform:scale(1.06)}}@keyframes levels-locked-feedback{0%{transform:translateY(0)}45%{transform:translateY(1px)scale(.988)}75%{transform:translate(-1px)scale(.993)}to{transform:translateY(0)}}@media (max-width:767px){.levels-page--minimal .levels-shell{padding-top:8px;padding-bottom:24px}.levels-page--minimal .levels-header-nav--minimal{border-radius:14px}.levels-page--minimal .levels-header-magic{width:40px;height:40px}.levels-page--minimal .roadmap-row{gap:10px;padding-left:18px}.levels-page--minimal .roadmap-row:before{width:4px;height:calc(100% + 8px);top:-4px;left:22px}.levels-page--minimal .roadmap-node-shell:before{left:calc(22px - var(--snake-offset));height:4px;top:42px}.levels-page--minimal .roadmap-node-shell[data-snake-shift=right]{--snake-offset:clamp(124px,36vw,210px)}.levels-page--minimal .roadmap-node{width:var(--levels-node-size-mobile);min-height:var(--levels-node-size-mobile);border-radius:var(--levels-node-radius-mobile)}.levels-page--minimal .roadmap-node-label{width:min(210px,100vw - 102px);font-size:.82rem}.levels-page--minimal .roadmap-section-divider{margin:var(--levels-divider-margin-top)0 var(--levels-divider-margin-bottom);font-size:.88rem}.levels-page--minimal .roadmap-section-divider span{white-space:normal;text-align:center;max-width:calc(100vw - 56px);line-height:1.2}}.levels-page--minimal .snake-canvas{width:min(820px,100vw - 48px);margin-inline:auto;position:relative}.levels-page--minimal .snake-list{gap:14px;min-height:100px;padding-inline:clamp(24px,3vw,48px);display:grid;position:relative}.levels-page--minimal .snake-canvas .snake-path-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.levels-page--minimal .snake-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.levels-page--minimal .snake-path--current{stroke:var(--snake-path-current-color);stroke-width:var(--snake-path-current-width);opacity:var(--snake-path-current-opacity)}.levels-page--minimal .snake-path--primary{stroke:var(--snake-path-primary-color);stroke-width:var(--snake-path-primary-width);opacity:var(--snake-path-primary-opacity)}.levels-page--minimal .snake-path--locked{stroke:var(--snake-path-locked-color);stroke-width:var(--snake-path-locked-width);opacity:var(--snake-path-locked-opacity)}.levels-page--minimal .snake-step{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(180px,28vw,320px);display:grid;position:relative}.levels-page--minimal .snake-cell{width:100%;min-width:0;display:flex}.levels-page--minimal .snake-cell--left{justify-content:flex-start}.levels-page--minimal .snake-cell--right{justify-content:flex-end}.levels-page--minimal .roadmap-node-shell[data-side=left],.levels-page--minimal .roadmap-node-shell[data-side=right]{justify-items:center}.levels-page--minimal .roadmap-node-shell[data-side=right] .roadmap-node-label{text-align:center}.levels-page--minimal .roadmap-node-shell{width:auto;margin-left:0}.levels-page--minimal .roadmap-node-shell:before{display:none}.levels-page--minimal .roadmap-node{width:var(--levels-node-size);min-height:var(--levels-node-size);border-radius:var(--levels-node-radius)}.levels-page--minimal .roadmap-node-label{text-align:center;width:min(240px,50vw - 64px);line-height:var(--levels-label-line-height);min-height:var(--levels-label-min-height);-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.levels-page--minimal .roadmap-node .roadmap-node-status-pill{left:50%;right:auto;transform:translate(-50%)}.levels-page--minimal .roadmap-node-center[data-icon=wizard-hat]{color:#787fb2}.levels-page--minimal .roadmap-node--locked .roadmap-node-center[data-icon=wizard-hat]{color:#8a90be}.levels-page--minimal .roadmap-node-center[data-icon=wizard-hat] svg{width:30px;height:30px}.levels-page--minimal .levels-header-magic[data-icon=wizard-hat]{color:#4b58cf;background:linear-gradient(#5663e024,#5663e00f);box-shadow:inset 0 0 0 1px #5663e03d}.levels-page--minimal .levels-header-magic[data-icon=wizard-hat] svg{width:25px;height:25px}@media (max-width:1199px){.levels-page--minimal .snake-canvas{width:min(760px,100vw - 40px)}.levels-page--minimal .snake-list{padding-inline:clamp(16px,2.4vw,30px)}.levels-page--minimal .roadmap-node{width:var(--levels-node-size-tablet);min-height:var(--levels-node-size-tablet);border-radius:var(--levels-node-radius-tablet)}.levels-page--minimal .roadmap-node-label{text-align:center;white-space:normal;-webkit-line-clamp:2;width:min(210px,50vw - 58px);overflow:hidden}}@media (max-width:767px){.levels-page--minimal{--snake-path-current-width:5px;--snake-path-primary-width:4.6px;--snake-path-locked-width:3.8px}.levels-page--minimal .levels-toast{width:min(360px,calc(100vw - var(--levels-toast-mobile-side) - var(--levels-toast-mobile-side)));left:50%;right:auto;bottom:calc(var(--levels-toast-mobile-side) + env(safe-area-inset-bottom));transform:translate(-50%,8px)}.levels-page--minimal .levels-toast--visible{transform:translate(-50%)}.levels-page--minimal .snake-canvas{width:min(100%,100vw - 32px)}.levels-page--minimal .snake-list{gap:12px;padding-inline:8px}.levels-page--minimal .snake-step{grid-template-columns:1fr 1fr;column-gap:clamp(78px,22vw,128px)}.levels-page--minimal .roadmap-node{width:var(--levels-node-size-mobile);min-height:var(--levels-node-size-mobile);border-radius:var(--levels-node-radius-mobile)}.levels-page--minimal .roadmap-node-label{text-align:center;white-space:normal;-webkit-line-clamp:2;width:min(150px,50vw - 42px);font-size:.81rem;overflow:hidden}}.lesson-page--mvp .lesson-shell{padding-top:12px;padding-bottom:calc(164px + env(safe-area-inset-bottom))}.lesson-page--mvp .lesson-header-nav{background:#ffffffeb;border:1px solid #e5e7ebf2;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 44px;height:76px;padding:8px 10px;box-shadow:0 6px 18px #1118270d}.lesson-stream-shell{width:min(820px,100%);margin-inline:auto}.lesson-header-center{gap:8px;min-width:0;display:grid}.lesson-header-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.2;overflow:hidden}.lesson-header-progress{background:#94a3b84d;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.lesson-header-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#5f62ec,#4f5fd8);width:0%;transition:width .18s;position:absolute;inset:0 auto 0 0}.lesson-loading-card,.lesson-error-card,.lesson-block,.lesson-completion-screen{box-shadow:none;background:0 0;border:none;border-radius:0}.playground-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7ebe6;border-radius:18px}.lesson-loading-card,.lesson-error-card{padding:10px 0;font-weight:700}.lesson-error-card h2,.lesson-error-card h3{margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:1.18rem}.lesson-error-card p{color:var(--muted);margin:8px 0 14px;font-weight:700;line-height:1.48}.lesson-block-list{gap:28px;display:grid}.lesson-block{gap:14px;padding:0;scroll-margin-top:96px;display:grid}.lesson-block--playground,.lesson-inline-playground{background:#fff;border:1px solid #d1d6dff2;border-radius:16px;padding:14px;box-shadow:0 8px 20px #0f172a0a}.lesson-block--skill-playground{gap:16px}.lesson-block--quiz{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7ebe6;border-radius:16px;padding:14px}.lesson-block-head{gap:4px;display:grid}.lesson-skill-frame-head{gap:8px;display:grid}.lesson-section-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:800;line-height:1.2}.lesson-block-title--section-heading{color:#111827}.lesson-skill-intro{letter-spacing:-.01em;color:#374151;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:1rem;font-weight:700;line-height:1.5}.lesson-inline-playground{gap:14px;display:grid}.lesson-block-title{letter-spacing:-.015em;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:1.12rem}.lesson-block-content p{color:#1f2937;margin:0;font-weight:700;line-height:1.6}.lesson-block-figure{margin:2px 0 0}.lesson-block-image{object-fit:cover;background:#e2e8f080;border-radius:18px;width:100%;max-width:100%;height:auto;display:block}.lesson-copy-list{gap:5px;margin:0;padding-left:18px;display:grid}.lesson-copy-list li{color:#1f2937;font-weight:700;line-height:1.55}.lesson-image-hint{color:#5c4b00;background:#f5c84c2e;border:1px dashed #f5c84c80;border-radius:12px;margin:0;padding:8px 10px;font-size:.84rem;font-weight:700}.lesson-block-fallback{color:var(--muted);margin:0;font-weight:700}.lesson-quiz-form{gap:8px;display:grid}.lesson-quiz-question{color:#101828;margin:0;font-weight:800;line-height:1.45}.lesson-quiz-options{gap:2px;display:grid}.lesson-choice{color:#1f2937;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:6px 0;font-weight:700;transition:color .14s,opacity .14s;display:inline-flex}.lesson-choice:hover:not(:disabled){color:#101828}.lesson-choice:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lesson-choice:disabled{cursor:default;opacity:.74}.lesson-choice.is-selected{color:#101828}.lesson-choice-marker{color:#d1d5db;flex:none;justify-content:center;align-items:center;width:32px;font-size:1.7rem;font-weight:600;line-height:1;display:inline-flex}.lesson-choice.is-selected .lesson-choice-marker{color:#3949b8;font-size:1.1rem;font-weight:800}.lesson-quiz-submit{border-radius:12px;justify-self:end;width:auto;min-width:108px;height:40px;margin-left:auto;padding:0 14px}.lesson-chip-note{color:#694800;background:#f5c84c2e;border:1px solid #f5c84c73;border-radius:10px;margin:0;padding:8px 10px;font-size:.84rem;font-weight:700}.lesson-feedback{border:1px solid #0000;border-radius:12px;gap:4px;padding:10px 11px;display:grid}.lesson-feedback-title{margin:0;font-weight:800}.lesson-feedback-body,.lesson-feedback-answer{margin:0;font-weight:700;line-height:1.45}.lesson-feedback--success{color:#065f46;background:#10b9811f;border-color:#10b98152}.lesson-feedback--error{color:#8f1d1d;background:#ef44441a;border-color:#ef44444d}.lesson-feedback--partial{color:#7b4a00;background:#f59e0b21;border-color:#f59e0b52}.lesson-playground-desc{margin:0;font-weight:700;line-height:1.5}.lesson-state-pill{color:#4b5563;background:#f3f4f6;border:1px solid #d1d6dfeb;border-radius:8px;align-items:center;width:fit-content;padding:8px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.lesson-state-pill--skipped{color:#4b5563;background:#f3f4f6;border-color:#d1d6dfeb}.lesson-state-pill--completed{color:#2e7d32;background:#e8f3eb;border-color:#a7d0b6e6}.lesson-playground-open{border-radius:10px;width:100%;height:44px;min-height:44px;padding-inline:14px;font-size:.94rem;font-weight:700}.btn-primary.lesson-playground-open{box-shadow:0 6px 12px #3f5bff29}.btn-primary.lesson-playground-open:hover{transform:none;box-shadow:0 8px 14px #3f5bff33}.btn-primary.lesson-playground-open:active{transform:none}.lesson-playground-open--repeat{color:#4c57e2;box-shadow:none;background:#7363ff29;border:1px solid #0000}.lesson-playground-open--repeat:hover{box-shadow:none;background:#7363ff38}.lesson-playground-open--repeat:active{transform:translateY(0)}.lesson-cta-wrap{z-index:38;padding:10px 0 calc(10px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.lesson-cta-shell{width:100%;box-shadow:none;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7;border:none;border-top:1px solid #e5e7ebf2;border-radius:0;gap:8px;margin-inline:0;padding:10px;display:grid}.lesson-bottom-cta{width:100%;min-height:48px}.lesson-bottom-secondary{color:#6b7280;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;justify-self:center;align-items:center;padding:2px 6px;font-size:.92rem;font-weight:800;transition:color .18s,opacity .18s;display:inline-flex}.lesson-bottom-secondary:hover{color:#374151}.lesson-bottom-secondary:focus-visible{outline:3px solid var(--ring);outline-offset:4px;border-radius:999px}.lesson-completion-screen{--completion-stage-height:252px;width:100%;min-height:calc(100vh - 240px - env(safe-area-inset-bottom));align-content:start;justify-items:center;padding:clamp(28px,7vh,72px) 0 18px;display:grid}.lesson-completion-screen__inner{grid-template-rows:auto var(--completion-stage-height);text-align:center;justify-items:center;gap:20px;width:min(100%,520px);margin-inline:auto;display:grid}.lesson-completion-stage-region{width:min(100%,480px);height:var(--completion-stage-height);align-content:start;justify-items:center;gap:18px;display:grid}.lesson-completion-copy{gap:10px;width:min(100%,480px);display:grid}.lesson-completion-copy h2{letter-spacing:-.03em;color:#101828;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.48rem,2.2vw,1.94rem)}.lesson-completion-copy p{color:#374151;margin:0;font-weight:700;line-height:1.55}.lesson-completion-hero-art{isolation:isolate;place-items:center;width:216px;height:216px;display:grid;position:relative}.lesson-completion-hero-art-glow{z-index:0;filter:blur(14px);opacity:.92;background:radial-gradient(circle,#f5c84c52,#3f5bff29 60%,#0000 74%);border-radius:999px;position:absolute;inset:10%}.lesson-completion-hero-art-frame{z-index:1;background:radial-gradient(circle at 28% 24%,#ffffffe0,#0000 28%),linear-gradient(#fffffff5,#f7f8fff0);border:1px solid #e5e7ebeb;border-radius:42px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 40px #3f5bff1f,inset 0 1px #ffffffd1}.lesson-completion-hero-image{object-fit:contain;width:100%;height:100%;display:block}.lesson-completion-magic-fx{z-index:2;pointer-events:none;opacity:0;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;overflow:visible}.lesson-completion-magic-ring,.lesson-completion-magic-sparkle,.lesson-completion-magic-particle{opacity:0;transform-box:fill-box;transform-origin:50%}.lesson-completion-magic-ring{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson-completion-magic-ring--outer{--ring-rotation:-24deg;stroke:#3b82f6e6;stroke-width:3px;stroke-dasharray:196 480}.lesson-completion-magic-ring--inner{--ring-rotation:44deg;stroke:#f59e0be6;stroke-width:2.5px;stroke-dasharray:138 480}.lesson-completion-magic-sparkle{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.lesson-completion-magic-sparkle--tl,.lesson-completion-magic-sparkle--br{stroke:#f59e0be6}.lesson-completion-magic-sparkle--tr,.lesson-completion-magic-sparkle--top{stroke:#fffffff2}.lesson-completion-magic-sparkle--bl{stroke:#3b82f6e6}.lesson-completion-magic-sparkle--tl{--sparkle-delay:.14s}.lesson-completion-magic-sparkle--tr{--sparkle-delay:.22s}.lesson-completion-magic-sparkle--bl{--sparkle-delay:.3s}.lesson-completion-magic-sparkle--br{--sparkle-delay:.38s}.lesson-completion-magic-sparkle--top{--sparkle-delay:.46s}.lesson-completion-magic-particle{fill:#fffffff2}.lesson-completion-magic-particle--1{--particle-delay:.3s;--particle-x:-10px;--particle-y:-4px;fill:#3b82f6e6}.lesson-completion-magic-particle--2{--particle-delay:.36s;--particle-x:-4px;--particle-y:10px;fill:#f59e0be6}.lesson-completion-magic-particle--3{--particle-delay:.42s;--particle-x:10px;--particle-y:-6px;fill:#fffffff2}.lesson-completion-magic-particle--4{--particle-delay:.48s;--particle-x:4px;--particle-y:-10px;fill:#3b82f6e6}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-magic-fx{opacity:1}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-hero-art-glow{animation:.46s ease-out lesson-completion-magic-glow-pulse}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-magic-ring--outer{animation:1.15s cubic-bezier(.22,1,.36,1) both lesson-completion-magic-ring}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-magic-ring--inner{animation:1.15s cubic-bezier(.22,1,.36,1) 70ms both lesson-completion-magic-ring}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-magic-sparkle{animation:lesson-completion-magic-sparkle .42s ease-out var(--sparkle-delay,0s)1 both}.lesson-completion-screen[data-magic-state=playing] .lesson-completion-magic-particle{animation:lesson-completion-magic-particle .46s ease-out var(--particle-delay,0s)1 both}@keyframes lesson-completion-magic-ring{0%{opacity:0;stroke-dashoffset:220px;transform:rotate(var(--ring-rotation,0deg))scale(.94)}25%{opacity:.95}58%{opacity:.88;stroke-dashoffset:28px;transform:rotate(var(--ring-rotation,0deg))scale(1)}78%{opacity:.56;stroke-dashoffset:4px;transform:rotate(var(--ring-rotation,0deg))scale(1.02)}to{opacity:0;stroke-dashoffset:-10px;transform:rotate(var(--ring-rotation,0deg))scale(1.04)}}@keyframes lesson-completion-magic-sparkle{0%{opacity:0;transform:scale(.35)}35%{opacity:1;transform:scale(1)}68%{opacity:.74;transform:scale(.9)}to{opacity:0;transform:scale(.8)}}@keyframes lesson-completion-magic-particle{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translate(var(--particle-x,0px),var(--particle-y,-8px))scale(1)}}@keyframes lesson-completion-magic-glow-pulse{0%{opacity:.92;filter:blur(14px)}35%{opacity:1;filter:blur(16px)}to{opacity:.92;filter:blur(14px)}}.lesson-completion-form{gap:10px;width:min(100%,440px);display:grid}.lesson-email-input{width:100%;min-height:52px;color:var(--text);font:inherit;background:#fffffff0;border:1px solid #d1d6dff2;border-radius:16px;padding:0 14px;font-weight:700;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffb8}.lesson-email-input::placeholder{color:#9ca3af}.lesson-email-input:focus-visible{border-color:#3f5bff80;outline:none;box-shadow:0 0 0 4px #3f5bff29,0 12px 22px #3f5bff1a}.lesson-email-input[aria-invalid=true]{border-color:#b4231866;box-shadow:0 0 0 3px #b4231814}.lesson-email-error{color:#b42318;min-height:20px;margin:0;padding-inline:2px;font-size:.82rem;font-weight:700}.lesson-playground-page{color:#1d2128;background:#f3f4f6}.lesson-playground-page .page-bg{display:none}.lesson-playground-page .top-nav{z-index:40;background:#f3f4f6;border-bottom:1px solid #dee2e8;padding-top:0}.lesson-playground-page .playground-header-nav{box-sizing:border-box;width:100%;max-width:none;min-height:64px;box-shadow:none;background:#f3f4f6;border:none;border-radius:0;justify-content:flex-start;align-items:center;margin-inline:0;padding:10px 16px 12px;display:flex;position:relative}.lesson-playground-page .playground-header-nav:after{content:none}.lesson-playground-page .levels-back-btn{color:#111827;width:44px;height:44px;box-shadow:none;background:0 0;border-radius:12px}.lesson-playground-page .levels-back-btn:hover{box-shadow:none;background:#0f172a0a}.lesson-playground-page .levels-back-btn:active{background:#0f172a0f}.lesson-playground-page .levels-back-btn svg{width:22px;height:22px}.playground-shell{width:min(760px,100%);padding-top:18px;padding-bottom:calc(252px + env(safe-area-inset-bottom))}.playground-screen{align-content:start;gap:20px;min-height:calc(100vh - 192px);display:grid}.playground-task-head{gap:14px;padding-inline:14px;display:grid}.playground-task-head h2{letter-spacing:-.028em;color:#1a1d24;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.8rem,2vw + 1.15rem,2.55rem);line-height:1.1}.playground-task-head p{color:#4a5160;max-width:none;margin:0;font-size:clamp(.98rem,.45vw + .95rem,1.12rem);font-weight:600;line-height:1.65}.playground-simulation{background:0 0;border:none;gap:12px;display:grid;overflow:visible}.playground-model-card{background:#f1f2f4;border:1px solid #e2e5ea;border-radius:18px;align-items:center;gap:10px;min-height:60px;padding:0 18px;display:flex}.playground-model-icon,.playground-ai-response-mark{color:#65a98b;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.playground-model-icon svg,.playground-ai-response-mark svg,.playground-user-avatar svg,.playground-result-icon svg,.playground-result-badge svg,.playground-icon-btn svg{width:100%;height:100%;display:block}.playground-model-label{color:#20242c;font-size:.98rem;font-weight:700}.playground-thread{padding:0 14px;position:relative}.playground-thread--celebrating{min-height:196px}.playground-message-thread{gap:8px;display:grid}.playground-success-effect{aspect-ratio:28/17;pointer-events:none;z-index:2;opacity:0;width:min(280px,100% - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playground-success-effect.is-entering{animation:playgroundSuccessEffectStage var(--playground-success-effect-duration,1.6s)cubic-bezier(.22,1,.36,1)forwards}.playground-success-effect.is-exiting{will-change:transform,opacity}.playground-success-effect__glow,.playground-success-effect__wand{position:absolute;inset:0}.playground-success-effect__trail,.playground-success-effect__tip-core,.playground-success-effect__spark{position:absolute}.playground-success-effect__glow{filter:blur(12px);animation:playgroundSuccessEffectGlow var(--playground-success-effect-duration,1.6s)ease-out forwards;background:radial-gradient(circle,#f5c84c5c,#f5c84c24 38%,#0000 70%),radial-gradient(circle at 64% 46%,#5b5ce72e,#0000 52%);border-radius:999px;inset:22% 10% 18% 28%}.playground-success-effect__trail{width:48%;height:46%;top:7%;left:47%}.playground-success-effect__trail svg{width:100%;height:100%;display:block;overflow:visible}.playground-success-effect__trail-glow,.playground-success-effect__trail-stroke{fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:16% 80%}.playground-success-effect__trail-glow{stroke:#f5c84c75;stroke-width:14px;opacity:0;filter:blur(2px);animation:playgroundSuccessEffectTrailGlow var(--playground-success-effect-duration,1.6s)ease-out forwards}.playground-success-effect__trail-stroke{stroke:#6b6cf0;stroke-width:6px;opacity:0;animation:playgroundSuccessEffectTrailDraw var(--playground-success-effect-duration,1.6s)ease-out forwards}.playground-success-effect__tip-core{opacity:0;width:20px;height:20px;animation:playgroundSuccessEffectTipCore var(--playground-success-effect-duration,1.6s)ease-out forwards;background:radial-gradient(circle,#fffffffa 0 24%,#f5c84ceb 25% 56%,#f5c84c00 57%);border-radius:999px;top:12%;right:7%;box-shadow:0 0 0 5px #f5c84c1a,0 0 24px #f5c84c57}.playground-success-effect__wand{transform-origin:36% 68%;animation:playgroundSuccessEffectWandSwing var(--playground-success-effect-duration,1.6s)cubic-bezier(.22,1,.36,1)forwards;filter:drop-shadow(0 14px 20px #f5c84c29);inset:0}.playground-success-effect__wand svg{width:100%;height:100%;display:block}.playground-success-effect__spark{opacity:0;background:radial-gradient(circle,#fffffffa 0 30%,#f5c84ce6 31% 58%,#0000 59%);border-radius:999px;width:12px;height:12px;inset:auto;box-shadow:0 0 0 3px #f5c84c1f,0 0 16px #f5c84c52}.playground-success-effect__spark:before,.playground-success-effect__spark:after{content:"";background:#ffffffeb;border-radius:999px;width:2px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playground-success-effect__spark:after{transform:translate(-50%,-50%)rotate(90deg)}.playground-success-effect__spark--one{width:13px;height:13px;animation:playgroundSuccessEffectSparkOne var(--playground-success-effect-duration,1.6s)ease-out forwards;top:16%;left:72%}.playground-success-effect__spark--two{width:10px;height:10px;animation:playgroundSuccessEffectSparkTwo var(--playground-success-effect-duration,1.6s)ease-out forwards;top:10%;left:63%}.playground-success-effect__spark--three{width:9px;height:9px;animation:playgroundSuccessEffectSparkThree var(--playground-success-effect-duration,1.6s)ease-out forwards;top:28%;left:82%}.playground-success-effect__spark--four{width:11px;height:11px;animation:playgroundSuccessEffectSparkFour var(--playground-success-effect-duration,1.6s)ease-out forwards;top:31%;left:68%}.playground-success-effect__spark--five{width:8px;height:8px;animation:playgroundSuccessEffectSparkFive var(--playground-success-effect-duration,1.6s)ease-out forwards;top:23%;left:56%}.playground-message-row{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;display:grid}.playground-user-avatar{color:#efb04c;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.playground-idle-template{min-width:0}.playground-idle-template-copy{margin:0}.playground-template-copy{color:#232833;margin:0;font-size:clamp(1rem,.32vw + .95rem,1.08rem);line-height:1.75;display:block}.playground-template-text{white-space:pre-wrap;font-weight:600}.playground-slot{vertical-align:baseline;color:#69707d;min-height:40px;font:inherit;cursor:pointer;background:#eff0f3;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.playground-slot.is-filled{color:#232834;background:#e5e7ee}.playground-slot.is-active{color:#c06a18;background:#f8e4ca;box-shadow:inset 0 0 0 1px #ed913147}.playground-slot:focus-visible,.playground-option-chip:focus-visible,.playground-cta-btn:focus-visible,.playground-icon-btn:focus-visible{outline-offset:2px;outline:3px solid #f59e0b59}.playground-user-sent-text{min-width:0}.playground-user-sent-text p{color:#232934;margin:0;font-size:clamp(.98rem,.28vw + .95rem,1.04rem);font-weight:600;line-height:1.78}.playground-assistant-message{min-width:0;padding-top:0}.playground-assistant-message p{color:#323844;margin:0;font-size:clamp(.98rem,.28vw + .94rem,1.05rem);font-weight:600;line-height:1.78}.playground-typing-cursor{vertical-align:-.12em;background:currentColor;border-radius:999px;width:2px;height:1.02em;margin-left:3px;animation:1s step-end infinite playgroundTypingCursorBlink;display:inline-block}@keyframes playgroundTypingCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes playgroundSuccessEffectStage{0%{opacity:0;transform:translate(-54%,-46%)scale(.82)}8%{opacity:1;transform:translate(-50%,-50%)scale(1)}90%{opacity:1;transform:translate(-50%,-52%)scale(1)}to{opacity:0;transform:translate(-46%,-56%)scale(.98)}}@keyframes playgroundSuccessEffectGlow{0%,54%{opacity:0;transform:scale(.78)}62%{opacity:.84;transform:scale(1)}90%{opacity:.5;transform:scale(1.12)}to{opacity:0;transform:scale(1.18)}}@keyframes playgroundSuccessEffectTrailGlow{0%,54%{opacity:0;stroke-dashoffset:100px;transform:translate(-12px,12px)scale(.78)}66%{opacity:.88;stroke-dashoffset:42px;transform:translate(-4px,4px)scale(.94)}88%{opacity:.72;stroke-dashoffset:0;transform:translate(0)scale(1)}to{opacity:0;stroke-dashoffset:0;transform:translate(4px,-2px)scale(1.02)}}@keyframes playgroundSuccessEffectTrailDraw{0%,56%{opacity:0;stroke-dashoffset:100px;transform:translate(-10px,10px)scale(.82)}68%{opacity:1;stroke-dashoffset:34px;transform:translate(-2px,2px)scale(.96)}88%{opacity:.94;stroke-dashoffset:0;transform:translate(0)scale(1)}to{opacity:0;stroke-dashoffset:0;transform:translate(3px,-2px)scale(1.02)}}@keyframes playgroundSuccessEffectTipCore{0%,54%{opacity:0;transform:scale(.25)}62%{opacity:1;transform:scale(1.12)}76%{opacity:.92;transform:scale(1)}to{opacity:0;transform:scale(1.24)}}@keyframes playgroundSuccessEffectWandSwing{0%{transform:rotate(-22deg)translate(-16px,12px)scale(.92)}24%{transform:rotate(-12deg)translate(-6px,6px)scale(1)}52%{transform:rotate(8deg)translate(12px,-10px)scale(1)}68%{transform:rotate(4deg)translate(14px,-8px)scale(1)}to{transform:rotate(3deg)translate(14px,-8px)scale(.985)}}@keyframes playgroundSuccessEffectSparkOne{0%,58%{opacity:0;transform:translate(-12px,16px)scale(.2)}68%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(22px,-18px)scale(1.12)}}@keyframes playgroundSuccessEffectSparkTwo{0%,60%{opacity:0;transform:translate(-8px,18px)scale(.15)}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-16px,-22px)scale(.96)}}@keyframes playgroundSuccessEffectSparkThree{0%,62%{opacity:0;transform:translate(-10px,6px)scale(.15)}72%{opacity:.96;transform:translate(0)scale(1)}to{opacity:0;transform:translate(18px,8px)scale(1.08)}}@keyframes playgroundSuccessEffectSparkFour{0%,59%{opacity:0;transform:translate(-6px,10px)scale(.2)}69%{opacity:.96;transform:translate(0)scale(1)}to{opacity:0;transform:translate(10px,18px)scale(1.02)}}@keyframes playgroundSuccessEffectSparkFive{0%,57%{opacity:0;transform:translate(-8px,14px)scale(.18)}67%{opacity:.88;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px,2px)scale(.96)}}.playground-bottom-tray{z-index:38;padding:10px 0 calc(12px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.playground-bottom-tray-shell{width:100%;box-shadow:none;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6f7f9fa;border:none;border-top:1px solid #e2e5ea;border-radius:0;margin-inline:0;padding:14px}.playground-options{gap:10px;display:grid}.playground-option-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.playground-option-chip{color:#232834;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:11px;padding:0 13px;font-size:.96rem;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}.playground-option-chip:hover{border-color:#4f46e524;box-shadow:0 8px 14px #4f46e50f}.playground-option-chip.is-used{color:#4b48df;background:#f0edff;border-color:#4f46e524}.playground-actions{grid-template-columns:minmax(0,1fr) 60px;gap:10px;margin-top:12px;display:grid}.playground-cta-btn,.playground-icon-btn{min-height:50px;font:inherit;border-radius:14px;font-size:.98rem;font-weight:800}.playground-cta-btn{cursor:pointer;border:none;justify-content:center;align-items:center;transition:transform .12s,box-shadow .18s,background-color .18s;display:inline-flex}.playground-cta-btn:not(:disabled):hover{transform:translateY(-1px)}.playground-cta-btn:disabled{color:#9aa2af;cursor:not-allowed;box-shadow:none;background:#e2e5eb}.playground-cta-btn--check{color:#fff;background:linear-gradient(135deg,#4b48df 0%,#5b5ce7 100%);box-shadow:0 10px 18px #4f46e529}.playground-cta-btn--success{color:#fff;background:#52af42;box-shadow:0 10px 18px #52af4226}.playground-cta-btn--error{color:#fff;background:#cb453c;box-shadow:0 10px 18px #cb453c26}.playground-icon-btn{color:#111827;cursor:pointer;background:#fbfbfc;border:1px solid #dfe3ea;justify-content:center;align-items:center;width:60px;transition:background-color .18s,border-color .18s;display:inline-flex}.playground-icon-btn:hover{background:#f4f6f9}.playground-icon-btn svg{width:24px;height:24px}.playground-bottom-tray--result .playground-bottom-tray-shell{width:100%;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fffffffc;border-bottom:none;border-left:none;border-right:none;border-radius:0;margin-inline:0}.playground-bottom-tray--result{padding:0}.playground-result-shell{gap:10px;display:grid}.playground-result-shell--success{border-top:2px solid #52af42}.playground-result-shell--error{border-top:2px solid #cb453c}.playground-result-head{justify-content:flex-start;align-items:flex-start;gap:10px;display:flex}.playground-result-title-row{align-items:center;gap:8px;min-width:0;display:flex}.playground-result-icon{flex:0 0 30px;width:30px;height:30px}.playground-result-shell--success .playground-result-icon{color:#52af42}.playground-result-shell--error .playground-result-icon{color:#cb453c}.playground-result-title{letter-spacing:-.03em;color:#1a1d24;margin:0;font-family:Sora,Nunito Sans,sans-serif;font-size:clamp(1.25rem,.7vw + 1.12rem,1.62rem)}.playground-result-copy{color:#3a4150;margin:0;font-size:.96rem;font-weight:600;line-height:1.52}.home-page .top-nav,.levels-page--minimal .top-nav,.lesson-page--mvp .top-nav{border-bottom:1px solid #dee2e8;padding-top:0}.home-page .top-nav{background:var(--surface)}.levels-page--minimal .top-nav,.lesson-page--mvp .top-nav{background:#f3f4f6}.home-page .nav-inner,.levels-page--minimal .levels-header-nav--minimal,.lesson-page--mvp .lesson-header-nav{width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin-inline:0;padding-inline:16px}.lesson-page--mvp .lesson-shell{padding-top:28px}.lesson-stream-shell{width:min(760px,100%)}.lesson-block-list{gap:40px}.lesson-block{gap:18px;scroll-margin-top:112px}.lesson-block--text,.lesson-block--image_text,.lesson-block--summary,.lesson-block--whats_next{padding-top:10px}.lesson-block--text .lesson-block-head,.lesson-block--image_text .lesson-block-head,.lesson-block--summary .lesson-block-head,.lesson-block--whats_next .lesson-block-head{gap:8px;max-width:38ch}.lesson-block-title{letter-spacing:-.02em;font-size:clamp(1.24rem,.7vw + 1.1rem,1.42rem);line-height:1.28}.lesson-block--text .lesson-block-content,.lesson-block--image_text .lesson-block-content,.lesson-block--summary .lesson-block-content,.lesson-block--whats_next .lesson-block-content{gap:12px;max-width:64ch;display:grid}.lesson-block-content p{font-size:1.02rem;font-weight:600;line-height:1.72}.lesson-copy-list{gap:8px;padding-left:20px}.lesson-copy-list li{font-weight:600;line-height:1.68}.lesson-skill-intro,.lesson-playground-desc{max-width:60ch;font-weight:600;line-height:1.62}.lesson-quiz-question{max-width:58ch;font-weight:700;line-height:1.6}.lesson-feedback-body{font-weight:600;line-height:1.56}.lesson-block-figure{width:100%;margin-top:10px}.lesson-block-image{border-radius:20px;width:min(100%,720px);margin-inline:auto}.lesson-block--skill_playground{gap:20px;padding-top:14px}.lesson-skill-frame-head{gap:12px;max-width:64ch}.lesson-block--playground,.lesson-inline-playground{padding:18px}.lesson-inline-playground{gap:16px}.lesson-block--quiz{border-radius:18px;padding:20px 18px}.lesson-quiz-form{gap:12px}.lesson-quiz-options{gap:8px}.lesson-choice{padding:8px 0}.lesson-feedback{margin-top:4px}.lesson-block-head--playground{gap:10px}.lesson-state-pill{padding:7px 12px}.lesson-playground-desc{max-width:58ch}@media (max-width:767px){.lesson-page--mvp .lesson-shell{padding-top:8px;padding-bottom:calc(126px + env(safe-area-inset-bottom))}.lesson-page--mvp .lesson-header-nav{border-radius:14px;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;height:68px}.lesson-page--mvp .levels-header-title{font-size:.95rem}.lesson-header-center{gap:6px}.lesson-header-progress{height:7px}.lesson-block--playground,.lesson-inline-playground{border-radius:14px;padding:12px}.lesson-block--quiz{border-radius:14px;padding:14px}.lesson-playground-open,.lesson-bottom-cta{justify-content:center;width:100%}.lesson-quiz-submit{border-radius:10px;justify-self:end;width:auto;min-width:96px;height:36px;margin-left:auto;padding:0 12px}.lesson-completion-screen{--completion-stage-height:280px;min-height:calc(100vh - 226px - env(safe-area-inset-bottom));padding:20px 0 12px}.lesson-completion-screen__inner{gap:16px}.lesson-completion-hero-art{width:176px;height:176px}.lesson-cta-wrap{padding:10px 0 0}.lesson-cta-shell{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:0;gap:6px}.lesson-bottom-secondary{font-size:.88rem}.lesson-playground-page .playground-header-nav{min-height:56px;padding:10px 12px 12px}.lesson-playground-page .levels-back-btn{border-radius:10px;width:40px;height:40px}.playground-shell{padding-top:14px;padding-bottom:calc(224px + env(safe-area-inset-bottom))}.playground-screen{gap:16px;min-height:calc(100vh - 170px)}.playground-task-head{gap:12px;padding-inline:12px}.playground-task-head h2{font-size:clamp(1.7rem,6.4vw,2.12rem)}.playground-task-head p{max-width:none;font-size:.96rem}.playground-simulation{gap:10px}.playground-model-card{border-radius:16px;min-height:56px;padding:0 14px}.playground-model-icon,.playground-ai-response-mark{flex-basis:30px;width:30px;height:30px}.playground-user-avatar{flex-basis:28px;width:28px;height:28px}.playground-thread{padding:0 12px}.playground-thread--celebrating{min-height:170px}.playground-message-thread{gap:7px}.playground-success-effect{width:min(236px,100% - 24px)}.playground-message-row{grid-template-columns:28px minmax(0,1fr);gap:7px}.playground-template-copy{font-size:.98rem}.playground-slot{min-height:38px;padding:0 9px}.playground-idle-template-copy{font-size:.98rem}.playground-user-sent-text p,.playground-assistant-message p{font-size:.96rem}.lesson-playground-page .playground-bottom-tray:not(.playground-bottom-tray--result){padding:8px 0 0}.lesson-playground-page .playground-bottom-tray:not(.playground-bottom-tray--result) .playground-bottom-tray-shell{width:100%;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:0}.playground-bottom-tray--result{padding:0}.playground-bottom-tray--result .playground-bottom-tray-shell{padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:0}.playground-option-list{gap:8px}.playground-option-chip{min-height:40px;padding:0 11px;font-size:.92rem}.playground-actions{grid-template-columns:minmax(0,1fr) 56px;gap:8px;margin-top:10px}.playground-cta-btn,.playground-icon-btn{border-radius:12px;min-height:46px}.playground-icon-btn{width:56px}.playground-icon-btn svg{width:22px;height:22px}.playground-result-title{font-size:1.2rem}.playground-result-copy{font-size:.93rem}.home-page .nav-inner,.levels-page--minimal .levels-header-nav--minimal,.lesson-page--mvp .lesson-header-nav{border-radius:0;padding-inline:12px}.lesson-page--mvp .lesson-shell{padding-top:16px}.lesson-block-list{gap:28px}.lesson-block{gap:16px}.lesson-block--text,.lesson-block--image_text,.lesson-block--summary,.lesson-block--whats_next{padding-top:6px}.lesson-block--text .lesson-block-content,.lesson-block--image_text .lesson-block-content,.lesson-block--summary .lesson-block-content,.lesson-block--whats_next .lesson-block-content{gap:10px}.lesson-block-content p{font-size:.98rem;line-height:1.66}.lesson-copy-list{gap:7px;padding-left:18px}.lesson-copy-list li{line-height:1.64}.lesson-skill-intro,.lesson-playground-desc,.lesson-quiz-question{max-width:none}.lesson-block-figure{margin-top:8px}.lesson-block-image{border-radius:18px}.lesson-block--skill_playground{gap:18px;padding-top:8px}.lesson-skill-frame-head{gap:10px;max-width:none}.lesson-block--playground,.lesson-inline-playground,.lesson-block--quiz{padding:16px}.lesson-quiz-form{gap:10px}.lesson-quiz-options{gap:6px}.lesson-choice{padding:7px 0}}@media (min-width:768px){.lesson-page--mvp .lesson-cta-wrap,.lesson-playground-page .playground-bottom-tray:not(.playground-bottom-tray--result){padding:10px 0 0}}@media (min-width:1024px){.lesson-page--mvp .top-nav,.lesson-playground-page .top-nav{background:0 0;border-bottom:none}.lesson-page--mvp .lesson-header-nav,.lesson-playground-page .playground-header-nav{background:#f3f4f6;border-bottom:1px solid #dee2e8;width:min(100%,600px);margin-inline:auto;padding-inline:12px}.lesson-page--mvp .lesson-shell{padding-top:20px}.lesson-stream-shell,.playground-shell{width:min(100%,600px)}.lesson-page--mvp .lesson-cta-shell,.lesson-playground-page .playground-bottom-tray:not(.playground-bottom-tray--result) .playground-bottom-tray-shell,.lesson-playground-page .playground-bottom-tray--result .playground-bottom-tray-shell{width:min(100%,600px);margin-inline:auto}.lesson-block-title{font-size:1.18rem}.lesson-block-content p{font-size:.96rem;line-height:1.62}.lesson-copy-list li{font-size:.95rem;line-height:1.58}.lesson-skill-intro{font-size:.98rem;line-height:1.58}.lesson-playground-desc{font-size:.94rem;line-height:1.56}.lesson-block-image{width:min(100%,560px)}.lesson-block--playground,.lesson-inline-playground,.lesson-block--quiz{padding:16px}.playground-task-head{padding-inline:12px}.playground-task-head h2{font-size:1.68rem}.playground-task-head p{font-size:.94rem;line-height:1.56}.playground-model-card{min-height:56px;padding-inline:14px}.playground-model-label{font-size:.92rem}.playground-template-copy,.playground-idle-template-copy{font-size:.94rem;line-height:1.62}.playground-user-sent-text p,.playground-assistant-message p{font-size:.94rem;line-height:1.64}.playground-option-chip{min-height:40px;font-size:.9rem}.playground-cta-btn,.playground-icon-btn{min-height:46px;font-size:.92rem}.playground-icon-btn{width:56px}.lesson-playground-page .playground-bottom-tray:not(.playground-bottom-tray--result) .playground-bottom-tray-shell{padding:12px}.lesson-playground-page .playground-bottom-tray--result .playground-bottom-tray-shell{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.lesson-choice,.playground-slot,.playground-option-chip,.playground-cta-btn,.playground-icon-btn,.btn-primary,.btn-secondary,.lesson-email-input,.lesson-bottom-secondary,.lesson-cta-shell,.lesson-header-progress-fill,.lesson-completion-screen__inner,.lesson-completion-hero-art-glow,.lesson-completion-magic-fx,.lesson-completion-magic-ring,.lesson-completion-magic-sparkle,.lesson-completion-magic-particle{transition:none!important;animation:none!important}.lesson-completion-magic-fx{display:none!important}.playground-typing-cursor{animation:none}.playground-success-effect,.playground-success-effect__glow,.playground-success-effect__trail,.playground-success-effect__trail-glow,.playground-success-effect__trail-stroke,.playground-success-effect__tip-core,.playground-success-effect__wand,.playground-success-effect__spark{animation:none!important}html{scroll-behavior:auto}}