.loading-spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 24%, transparent);vertical-align:-.125em;border-top-color:currentColor;border-radius:50%;flex:none;width:1em;height:1em;animation:.8s linear infinite loading-spin;display:inline-block}button .loading-spinner{margin-inline-end:.5em}.loading-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.boot-reduced .loading-spinner,.reduced-motion .loading-spinner{animation:none}html,body{color:#f4f1fa;background:#090a12;margin:0}.is-booting #experience{visibility:hidden}#boot-screen{z-index:9999;-webkit-font-smoothing:antialiased;opacity:1;background:radial-gradient(at 50% 43%,#1c1730 0%,#10101c 38%,#090a12 72%);justify-content:center;align-items:center;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;transition:opacity .45s;display:flex;position:fixed;inset:0;overflow:hidden}#boot-screen.is-complete{opacity:0;pointer-events:none}.boot-brand{top:max(27px, env(safe-area-inset-top));letter-spacing:-.6px;align-items:center;gap:12px;font-size:18px;display:flex;position:absolute;left:4vw}.boot-brand b{color:#c7bfd8;font-weight:400}.boot-brand-mark{justify-content:center;align-items:center;gap:4px;display:flex;transform:skew(-17deg)}.boot-brand-mark i{background:#d9cdff;border-radius:3px;width:5px;height:18px;display:block}.boot-brand-mark i:nth-child(2){background:#b6a2fa;height:26px}.boot-brand-mark i:nth-child(3){background:#8d82c2;height:13px}.boot-center{text-align:center;box-sizing:border-box;max-width:100%;padding:30px 20px;position:relative}.boot-indicator{color:var(--violet,#b8a4ff);margin:0 auto 32px;font-size:44px;line-height:1}.boot-eyebrow{letter-spacing:3px;color:#9f92b4;margin:0 0 14px;font-size:9px}.boot-center h1{letter-spacing:1px;color:#e7def7;margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:400;line-height:1.5}#boot-message{color:var(--muted,#a69bb9);letter-spacing:.6px;margin:18px 0 0;font-size:12px;line-height:1.8}#boot-retry{color:#d8caec;font:inherit;cursor:pointer;background:#c6b0fa0a;border:1px solid #c6b0fa40;border-radius:3px;margin:18px auto 0;padding:9px 19px;font-size:12px;display:block}#boot-retry[hidden]{display:none}#boot-retry:hover{background:#c6b0fa18}#boot-retry:focus-visible{outline-offset:5px;outline:2px solid #d5c8ff}.boot-caption{bottom:max(29px, env(safe-area-inset-bottom));text-align:center;color:#766d89;letter-spacing:2px;font-size:10px;position:absolute;left:0;right:0}#boot-screen[data-state=error] .boot-indicator{display:none}@media (width<=600px){.boot-brand{font-size:17px;left:24px}.boot-eyebrow{letter-spacing:2px;font-size:8px}.boot-caption{font-size:9px}.boot-center{width:100%}}@media (height<=500px){.boot-indicator{margin-bottom:20px;font-size:36px}.boot-center{padding:55px 16px}.boot-caption{display:none}.boot-center h1{font-size:24px}}@media (prefers-reduced-motion:reduce){#boot-screen{transition:none}}.boot-reduced #boot-screen{transition:none}html[data-theme=light],html[data-theme=light] body{color:#292535;background:#f5f4f9}html[data-theme=light] #boot-screen{color:#292535;background:radial-gradient(at 50% 43%,#e9e2f7 0%,#f3f0f9 42%,#f5f4f9 76%)}html[data-theme=light] .boot-brand b{color:#71637f}html[data-theme=light] .boot-center h1{color:#332b42}html[data-theme=light] .boot-brand-mark i{background:#7652ad}html[data-theme=light] .boot-brand-mark i:nth-child(2){background:#a281d4}html[data-theme=light] .boot-brand-mark i:nth-child(3){background:#a499b8}html[data-theme=light] .boot-eyebrow,html[data-theme=light] .boot-caption{color:#7b6b8c}html[data-theme=light] .boot-indicator{color:var(--violet,#75519e)}html[data-theme=light] #boot-message{color:var(--muted,#6b5c7e)}html[data-theme=light] #boot-retry{color:#614582;background:#7353990a;border-color:#73539940}.stage-play{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#130e2470;border:1px solid #ffffff9c;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffff08,0 8px 30px #0003}.stage-play .icon{fill:currentColor;stroke-width:1.2px;width:27px;height:27px;margin-left:3px}.stage-play:hover{background:#9476c3b3;box-shadow:0 0 0 9px #ffffff12,0 8px 30px #0003}.stage-play[hidden]{display:none}@media (width<=760px){.stage-play{width:44px;height:44px;top:23%;box-shadow:0 0 0 5px #ffffff08,0 6px 20px #0003}.stage-play .icon{width:20px;height:20px;margin-left:2px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a12;--text:#f4f1fa;--muted:#9693a8;--subtle:#666378;--line:#dad2ff1f;--violet:#b8a4ff;--panel:#171625b3;font-synthesis:none;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100dvh;margin:0;font-size:14px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #d5c8ff}button:disabled{cursor:default}h1,h2,p{margin:0}button,a{transition:color .2s,background .2s,border-color .2s,box-shadow .2s}svg{flex-shrink:0}.icon{vertical-align:middle;width:19px;height:19px;display:inline-block}.icon-button{color:#b1adc2;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{color:#fff;border-color:var(--line);background:#ffffff0d}#space,.atmosphere,.edge-shade{pointer-events:none;position:fixed;inset:0}#space{z-index:0;background:radial-gradient(#17132466 0%,#0000 65%)}#space canvas{opacity:.76;display:block}.atmosphere{z-index:1;background:radial-gradient(at 35% 10%,#6754a91c 0%,#0000 50%),radial-gradient(at 80% 75%,#2a304d22 0%,#0000 60%)}.edge-shade{z-index:2;background:linear-gradient(#090a12a0,#0000 24% 82%,#090a12b0)}.topbar{z-index:20;align-items:center;gap:42px;height:76px;padding:0 4vw;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;display:inline-flex}.brand b{color:#c7bfd8;font-weight:400}.brand-mark{align-items:center;gap:3px;height:24px;display:flex;transform:skew(-17deg)}.brand-mark i{background:#d9cdff;border-radius:3px;width:5px;height:18px;display:block}.brand-mark i:nth-child(2){background:#a692f7;height:26px}.brand-mark i:nth-child(3){background:#8d82c2;height:13px}.top-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.demo-badge{color:#8e899f;align-items:center;gap:7px;margin-right:12px;font-size:11px;display:flex}.demo-badge i{background:#b7a4f7;border-radius:100%;width:4px;height:4px}#breadcrumbs{color:#8a849b;white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:flex}#breadcrumbs [aria-current]{color:#d8d1e8}#breadcrumbs a:hover{color:#d7c7ff}.crumb-divider{color:#474256}#app{z-index:5;will-change:opacity, transform;outline:none;justify-content:center;align-items:center;padding:20px 5vw;transition:opacity .25s,transform .35s,filter .35s;display:flex;position:fixed;inset:76px 0 62px}#app.is-leaving{opacity:0;filter:blur(5px);pointer-events:none;transform:scale(.95)}#app.is-arriving{animation:.7s cubic-bezier(.16,1,.3,1) both arrival}.is-traveling #app{pointer-events:none}.view{width:100%;max-width:1150px;min-height:0;max-height:100%}.view-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:2.3px;color:#a99abf;font-size:10px;font-weight:500;line-height:1.6}.view-heading h1{letter-spacing:-.9px;margin-top:7px;font-size:30px;font-weight:500;line-height:1.4}.view-subtitle{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.8}.back-button{color:#aaa2ba;align-items:center;gap:8px;padding:9px 0 9px 14px;font-size:12px;display:flex}.back-button:hover{color:#fff}.back-button .icon{width:17px;height:17px}.bottom-bar{z-index:20;border-top:1px solid #ffffff05;justify-content:space-between;align-items:center;gap:20px;height:62px;padding:0 4vw;display:flex;position:fixed;bottom:0;left:0;right:0}.space-status{color:#9690a7;align-items:center;gap:8px;min-width:140px;font-size:11px;display:flex}.status-dot{background:#aa94e5;border-radius:100%;width:5px;height:5px;box-shadow:0 0 9px #b09aff70}.sample-note{color:#706a82;text-align:right;min-width:140px;font-size:10px}#journey{align-items:center;gap:9px;display:flex}.journey-step{color:#777085;align-items:center;gap:6px;font-size:10px;display:flex}.journey-step>span{letter-spacing:1px;font-size:9px}.journey-step b{font-weight:400}.journey-step.active{color:#ddd0fc}.journey-step.active>span{color:#d6c2ff}.journey-step.complete{color:#b19ecf}.journey-step .icon{width:11px;height:11px}.journey-line{background:#4840516b;width:27px;height:1px}.home-view{max-width:1190px}.home-heading{text-align:center;margin-bottom:34px}.home-heading .eyebrow{letter-spacing:3px;color:#a194b4;font-size:9px}.tiny-cross{padding-right:8px;font-size:14px}.home-heading h1{letter-spacing:-2px;margin:12px 0;font-size:49px;font-weight:450;line-height:1.35}.home-heading h1 span{color:#c2aff2}.home-heading>p:last-child{color:#9991aa;letter-spacing:1px;font-size:13px}.direction-grid{grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:22px;display:grid}.direction-card{text-align:left;isolation:isolate;background:linear-gradient(155deg,#1d192aac,#0d0e1799);border:1px solid #b8a0e51a;border-radius:3px;flex-direction:column;justify-content:space-between;height:328px;padding:22px;transition:transform .4s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.direction-card:hover{background:linear-gradient(155deg,#231c32c9,#0e0d1cbf);border-color:#b9a0ed66;transform:translateY(-5px)}.direction-main{background:linear-gradient(150deg,#251d3999,#14101d80);border-color:#b8a0e538;height:364px}.direction-top{z-index:4;justify-content:space-between;align-items:center;gap:10px;display:flex}.section-number{letter-spacing:1.8px;color:#a396b5;font-size:8px}.small-pill,.coming-pill{letter-spacing:.4px;white-space:nowrap;padding:5px 8px;font-size:9px}.small-pill{color:#dbcbf5;background:#e8ddff15;border:1px solid #dfd0ff21;border-radius:2px}.coming-pill{color:#746d84;border:1px solid #b7a4d316}.direction-bottom{z-index:4;justify-content:space-between;align-items:flex-end;display:flex;position:relative}.category-en{letter-spacing:1.7px;color:#84788f;font-size:7px}.direction-bottom h2{letter-spacing:-.7px;margin:6px 0;font-size:25px;font-weight:500}.direction-main h2{letter-spacing:1px;font-size:34px;line-height:1.1}.direction-bottom p{color:#9a8ea9;margin-top:8px;font-size:11px}.round-action{color:#dac9ef;border:1px solid #d7bfff3b;border-radius:100%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .3s,transform .3s;display:flex}.direction-card:hover .round-action,.tool-select:hover .round-action{background:#d5bfff20;transform:translate(3px)}.small-plus{color:#7c718e;font-size:24px;font-weight:200}.art,.portrait{background-image:var(--art);background-size:300%;background-position:var(--position) 40%;background-repeat:no-repeat}.art-composition{pointer-events:none;position:absolute;inset:51px 8px 111px}.art-composition .art{aspect-ratio:1;border:1px solid #ded2ff22;width:42%;position:absolute;box-shadow:0 20px 50px #0007}.composition-left{z-index:1;filter:brightness(.72);top:13%;left:5%;transform:translateY(4px)}.composition-center{z-index:3;top:0;left:29%}.composition-right{z-index:2;filter:brightness(.72);top:20%;right:2%}.composition-orbit{z-index:4;border:1px solid #bda4e324;border-radius:50%;width:100%;height:50%;position:absolute;top:40%;left:0;transform:rotate(-11deg)}.code-object{color:#9680b9;text-shadow:0 0 45px #a97deb50;opacity:.7;justify-content:center;align-items:center;gap:13px;height:130px;font-family:monospace;font-size:49px;font-weight:200;display:flex;position:absolute;inset:75px 15px auto}.code-object i{background:linear-gradient(45deg,#9971d608,#d3beff21);border:1px solid #aa83e55e;width:43px;height:79px;transform:rotate(24deg);box-shadow:0 0 45px #8d5edd15}.office-object{justify-content:center;align-items:center;height:130px;display:flex;position:absolute;inset:75px 15px auto}.office-object i{background:linear-gradient(130deg,#d5c5e509,#9582af08);border:1px solid #b4a6c64d;width:92px;height:108px;position:absolute;transform:translate(-22px);box-shadow:0 8px 30px #0003}.office-object i:nth-child(2){transform:translateY(-11px)}.office-object i:nth-child(3){transform:translate(22px,-22px)}.office-object span{border-top:1px solid #b9a2d05c;border-bottom:1px solid #b9a2d03d;width:45px;height:30px;position:absolute;top:36px;transform:translate(22px,-5px)}.home-caption{color:#6e647f;letter-spacing:3px;justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:10px;display:flex}.caption-line{background:#83709240;width:28px;height:1px}.tools-grid,.courses-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.tool-card{border:1px solid var(--line);background:#151420b3;border-radius:3px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.tool-card:hover{border-color:#c4adf24a;transform:translateY(-4px)}.tool-select{display:block}.tool-art-wrap{height:194px;position:relative;overflow:hidden}.tool-art-wrap .art{background-position:var(--position) 40%;transition:transform .7s;position:absolute;inset:0}.tool-art-wrap:after{content:"";background:linear-gradient(#11111922,#0000 45%,#151420);position:absolute;inset:0}.tool-card:hover .tool-art-wrap .art{transform:scale(1.035)}.image-index{z-index:1;color:#e2d6ecb3;letter-spacing:2px;font-size:9px;position:absolute;top:18px;left:20px}.tool-card-body{padding:2px 24px 25px}.tool-name{align-items:center;gap:12px;display:flex}.tool-logo{object-fit:contain;background:#fff;border-radius:9px;width:39px;height:39px}.tool-name h2{letter-spacing:-.6px;font-size:26px;font-weight:500}.tool-name p{color:#9e93ac;margin-top:4px;font-size:10px}.tool-name .round-action{border-color:#bfaee02c;margin-left:auto}.tool-description{color:#9e96ac;margin-top:18px;font-size:12px;line-height:1.7}.tags{gap:7px;margin-top:16px;display:flex}.tags span{color:#aaa0b8;border:1px solid #c5b1ed17;padding:4px 7px;font-size:9px}.tool-external{color:#a79bb6;z-index:3;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:26px;right:24px}.tool-external .icon{width:13px;height:13px}.tool-external:hover{color:#fff}.join-strip{color:#8e849c;border-top:1px solid #c3b2df14;justify-content:space-between;align-items:center;margin-top:23px;padding:14px 0 0;font-size:11px;display:flex}.join-strip>div{align-items:center;gap:10px;display:flex}.join-strip>div .icon{color:#bca6e3;width:15px;height:15px}.text-button{color:#baa6d5;align-items:center;gap:9px;padding:7px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#e9dbff}.text-button .icon{width:15px;height:15px}.selected-tool{color:#8f85a1;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.selected-tool .tool-logo{border-radius:6px;width:24px;height:24px}.selected-tool strong{color:#d4c9e2;font-size:12px;font-weight:500}.selected-divider{background:#b39bc63b;width:1px;height:12px;margin:0 4px}.teachers-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.teacher-card{background:linear-gradient(145deg,#242334cc,#15131eeb);border:1px solid #c8b9e420;border-radius:3px;transition:transform .4s,border-color .3s;display:block;position:relative;overflow:hidden}.teacher-card:hover{border-color:#baa0f080;transform:translateY(-5px)}.teacher-image{height:223px;position:relative;overflow:hidden}.teacher-image .portrait{background-position:var(--position) 26%;filter:saturate(.7);transition:transform .65s;position:absolute;inset:0}.teacher-card:hover .portrait{filter:saturate(.9);transform:scale(1.035)}.teacher-image:after{content:"";background:linear-gradient(#0000 55%,#1a1825);position:absolute;inset:0}.level-pill{z-index:1;color:#d7c6ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16141b88;border:1px solid #bdb0d633;border-radius:2px;padding:5px 9px;font-size:9px;position:absolute;top:16px;left:16px}.level-1{color:#b9ceec}.level-2{color:#ddc5a6}.teacher-body{padding:0 23px 21px;position:relative}.teacher-title{color:#a49aac;font-size:9px}.teacher-body h2{letter-spacing:2px;margin:6px 0 10px;font-size:25px;font-weight:500}.teacher-body>p{color:#a197ad;max-width:260px;min-height:42px;font-size:11px;line-height:1.9}.teacher-bottom{border-top:1px solid #c3b4d616;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:17px;display:flex}.teacher-bottom>span:first-child{color:#766c88;font-size:9px}.teacher-action{color:#c2a9e4;align-items:center;gap:6px;font-size:10px;display:flex}.teacher-action .icon{width:14px;height:14px}.mentor-summary{align-items:center;gap:12px;margin-bottom:24px;display:flex}.avatar{background-size:300%;background-position:var(--position) 20%;border:1px solid #d2bee72e;border-radius:50%;flex-shrink:0;width:40px;height:40px}.mentor-summary>div:nth-child(2){align-items:center;gap:12px;display:flex}.mentor-summary strong{font-size:14px;font-weight:500}.mentor-summary span{color:#8f839e;font-size:10px}.summary-level{border:1px solid #bda0dd40;border-radius:2px;margin-left:5px;padding:4px 7px}.mentor-summary .summary-tool{color:#b4a4ca;margin-left:auto;font-size:12px}.course-card{background:#191723bc;border:1px solid #c8b9e420;border-radius:3px;transition:transform .4s,border-color .3s;overflow:hidden}.course-card:hover{border-color:#baa0f080;transform:translateY(-4px)}.course-cover{height:240px;position:relative;overflow:hidden}.course-cover .art{transition:transform .7s;position:absolute;inset:0}.course-card:hover .art{transform:scale(1.04)}.course-cover:after{content:"";background:linear-gradient(#0000 35%,#0c0c1899);position:absolute;inset:0}.course-cover>.small-pill{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17101e6b;position:absolute;top:17px;left:20px}.cover-number{color:#fffa;letter-spacing:-2px;z-index:1;font-size:26px;font-weight:200;position:absolute;top:13px;right:20px}.course-open{z-index:1;color:#fff;border:1px solid #fff5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:20px;right:22px}.course-card-body{padding:23px 25px}.course-card-body h2{letter-spacing:-.3px;font-size:22px;font-weight:500}.course-card-body>p{color:#9990a6;margin:11px 0 19px;font-size:11px;line-height:1.8}.course-meta{color:#91879f;flex-wrap:wrap;gap:18px;font-size:10px;display:flex}.course-meta>span{align-items:center;gap:6px;display:flex}.course-meta .icon{width:13px;height:13px}.detail-layout{grid-template-columns:1.05fr 1fr;gap:46px;min-height:0;display:grid}.detail-visual{border:1px solid #d3b5e32b;border-radius:3px;height:427px;position:relative;overflow:hidden}.detail-visual>.art{background-size:300%;background-position:var(--position) 30%;position:absolute;inset:0}.detail-visual:after{content:"";background:linear-gradient(#0e0b1533 25%,#0a0811f5 100%);position:absolute;inset:0}.detail-visual-overlay{z-index:2;position:absolute;inset:auto 28px 27px}.detail-visual-overlay>.eyebrow{color:#c1a9d3;letter-spacing:1.5px;font-size:9px}.detail-visual h2{max-width:300px;margin:10px 0 26px;font-size:31px;font-weight:500;line-height:1.5}.detail-author{align-items:center;gap:11px;display:flex}.detail-author>div:last-child{flex-direction:column;gap:6px;display:flex}.detail-author strong{font-size:12px;font-weight:500}.detail-author span{color:#9b8da7;font-size:9px}.detail-edition{z-index:2;letter-spacing:2px;color:#eee5f4b8;font-size:8px;position:absolute;top:23px;left:26px}.detail-info{flex-direction:column;min-height:0;padding-top:4px;display:flex}.small-label{color:#aa8ec6;border:1px solid #b992e52e;padding:4px 7px;font-size:9px}.detail-heading h2{letter-spacing:-.6px;margin:15px 0 11px;font-size:27px;font-weight:500;line-height:1.5}.detail-heading>p{color:#a095ae;margin-bottom:18px;font-size:12px;line-height:1.7}.detail-tabs{border-bottom:1px solid #b6a4cd20;gap:25px;margin-top:25px;display:flex}.detail-tabs button{color:#7b6e8b;border-bottom:1px solid #0000;padding:0 0 12px;font-size:12px}.detail-tabs button.active{color:#ded0f1;border-color:#c6a3f0}.detail-panel{scrollbar-width:thin;scrollbar-color:#64506f transparent;flex:1;min-height:120px;overflow:auto}.lesson-outline{margin:0;padding:5px 0 0;list-style:none}.lesson-outline a{color:#b4a8c4;border-bottom:1px solid #ad95c20e;align-items:center;gap:13px;padding:12px 0;font-size:11px;display:flex}.lesson-outline a:hover{color:#f0e4ff;background:#ddbbff05}.lesson-index{color:#6c5b7d;width:19px;font-size:9px}.lesson-outline .icon{width:11px;height:11px}.lesson-outline a>.icon{color:#9783ae;margin-left:auto}.primary-button{color:#221631;background:#cab4f0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:35px;min-height:43px;padding:13px 20px;font-size:12px;font-weight:500;display:inline-flex}.primary-button:hover{background:#dfc8ff;box-shadow:0 0 30px #c6a0f322}.primary-button .icon{width:17px;height:17px}.detail-start{align-items:center;gap:20px;margin-top:18px;display:flex}.detail-start>span{color:#82718f;font-size:10px}.learning-outcomes{padding:13px 0}.learning-outcomes p{color:#baacc9;align-items:center;gap:10px;margin-bottom:15px;font-size:11px;display:flex}.learning-outcomes .icon{color:#b899dc;width:13px;height:13px}.learning-outcomes>span{color:#776984;font-size:9px}.learn-layout{grid-template-columns:1fr 300px;gap:26px;min-height:0;display:grid}.lesson-player{background:#17131c;border:1px solid #bda4d32e;min-width:0}.lesson-stage{height:350px;position:relative;overflow:hidden}.lesson-stage>.art{filter:brightness(.58)saturate(.7);background-position:var(--position) 45%;position:absolute;inset:0}.slide-shade{background:linear-gradient(90deg,#0e0910d9,#0e091045),linear-gradient(#0000,#0e091069);position:absolute;inset:0}.slide-top{letter-spacing:.5px;color:#e0d4e49c;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:22px 26px auto}.slide-copy{max-width:520px;animation:.4s both slide-in;position:absolute;inset:auto 35px 35px}.slide-copy .eyebrow{color:#d8b6e7;font-size:8px}.slide-copy h2{letter-spacing:-.6px;margin:10px 0 15px;font-size:30px;font-weight:500;line-height:1.6}.slide-copy>p{color:#c4b7c8;max-width:380px;font-size:11px;line-height:1.9}.slide-copy blockquote{color:#b59dbd;border-left:1px solid #b994c775;max-width:390px;margin:21px 0 0;padding-left:13px;font-size:10px;line-height:1.8}.player-controls{background:#17131f;align-items:center;gap:11px;height:58px;padding:0 16px;display:flex}.player-controls .icon-button{width:30px;height:30px}.player-controls>.text-button{margin-left:auto;font-size:10px}.player-label{color:#8e7d9c;font-size:10px}.slide-dots{align-items:center;gap:5px;margin-left:6px;display:flex}.slide-dots button{justify-content:center;align-items:center;width:16px;height:24px;padding:0;display:flex}.slide-dots button:after{content:"";background:#5c4a69;border-radius:10px;width:12px;height:3px}.slide-dots button.active:after{background:#c5a6e3}#slide-count{color:#7e6e8b;margin-left:5px;font-size:9px}.learning-sidebar{flex-direction:column;min-height:0;display:flex}.learning-title{padding:7px 0 18px}.learning-title .eyebrow{font-size:8px}.learning-title h2{margin:9px 0 16px;font-size:18px;font-weight:500;line-height:1.6}.progress-track{background:#b894ce1a;width:100%;height:2px;margin-bottom:9px}.progress-track i{background:#bfa0df;height:100%;transition:width .5s;display:block}.learning-title>span{color:#8d799d;font-size:9px}.learning-list{flex:1;margin:0 0 17px;padding:0;list-style:none;overflow:auto}.learning-list a{color:#83728f;border-bottom:1px solid #baa1ca15;align-items:center;gap:13px;padding:16px 11px;font-size:10px;display:flex}.learning-list a.active{color:#d3badf;background:#b292cc14;border-left:2px solid #c19cdb;padding-left:9px}.learning-list a:hover{color:#e1cdef}.learning-list strong{font-size:11px;font-weight:400}.learning-list .icon{width:12px;height:12px}.learning-list a>.icon{margin-left:auto}.complete-button{width:100%}#transition-label{z-index:4;color:#dfc7ff;letter-spacing:4px;pointer-events:none;opacity:0;font-size:12px;transition:opacity .25s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.is-traveling #transition-label{animation:1.25s both travel-label}#toast{z-index:60;color:#dcc9eb;opacity:0;pointer-events:none;white-space:nowrap;background:#24202fee;border:1px solid #ccb1e739;padding:12px 20px;font-size:12px;transition:opacity .25s,transform .25s;position:fixed;bottom:84px;left:50%;transform:translate(-50%,12px);box-shadow:0 12px 40px #0006}#toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#eee4f7;background:#17121f;border:1px solid #b79dce3d;border-radius:4px;width:calc(100% - 40px);max-width:410px;padding:38px;position:fixed;box-shadow:0 25px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08070caa}.dialog-close{position:absolute;top:10px;right:10px}.dialog-symbol{color:#c4a6e0;border:1px solid #b996d235;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:23px;display:flex}.dialog-symbol .icon{width:23px;height:23px}dialog h2{margin-bottom:17px;font-size:23px;font-weight:500}dialog p{color:#a995b5;margin-bottom:28px;font-size:13px;line-height:1.9}dialog .primary-button{width:100%}@keyframes arrival{0%{opacity:0;filter:blur(5px);transform:translateY(16px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes travel-label{0%,to{opacity:0}25%,65%{opacity:1}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}.reduced-motion .direction-card:hover,.reduced-motion .teacher-card:hover,.reduced-motion .course-card:hover,.reduced-motion .tool-card:hover{transform:none}@media (width>=1500px) and (height>=850px){.view{max-width:1220px}.direction-main{height:408px}.direction-card:not(.direction-main){height:370px}.home-heading{margin-bottom:42px}.home-heading h1{font-size:56px}.teacher-image{height:270px}.teacher-body{padding-bottom:26px}.tool-art-wrap{height:242px}.course-cover{height:280px}.detail-visual{height:470px}.lesson-stage{height:410px}}@media (height<=760px) and (width>=761px){.topbar{height:64px}#app{padding:12px 5vw;inset:64px 0 51px}.bottom-bar{height:51px}.home-heading{margin-bottom:24px}.home-heading h1{margin:7px 0;font-size:39px}.home-heading>p:last-child{font-size:11px}.direction-main{height:310px}.direction-card:not(.direction-main){height:288px}.direction-card{padding:18px}.art-composition{inset:49px 13px 104px}.code-object,.office-object{top:61px;transform:scale(.85)}.home-caption{margin-top:19px}.view-heading{margin-bottom:19px}.view-heading h1{font-size:26px}.view-subtitle{font-size:11px}.tool-art-wrap{height:153px}.tool-card-body{padding-bottom:20px}.tool-name h2{font-size:23px}.tool-description{margin-top:13px;font-size:11px}.tool-external{bottom:22px}.join-strip{margin-top:18px}.teacher-image{height:188px}.teacher-body{padding:0 19px 17px}.teacher-body h2{margin-bottom:8px;font-size:23px}.teacher-bottom{margin-top:12px;padding-top:13px}.course-cover{height:203px}.course-card-body{padding:20px 23px}.mentor-summary{margin-bottom:18px}.detail-visual{height:371px}.detail-heading h2{margin:12px 0 8px;font-size:24px}.detail-heading>p{margin-bottom:13px;font-size:11px}.detail-tabs{margin-top:20px}.lesson-outline a{padding:10px 0}.detail-start{margin-top:13px}.lesson-stage{height:312px}.learning-list a{padding-top:13px;padding-bottom:13px}.slide-copy h2{font-size:26px}}@media (width<=1000px) and (width>=761px){.topbar{gap:28px;padding:0 4vw}#app{padding-left:4vw;padding-right:4vw}.direction-grid{grid-template-columns:1.3fr 1fr 1fr;gap:14px}.direction-card{padding:17px}.direction-top{gap:4px}.section-number{letter-spacing:1px;font-size:7px}.coming-pill{padding:4px;font-size:8px}.direction-bottom h2{font-size:23px}.teachers-grid{gap:15px}.teacher-bottom{flex-direction:column;align-items:flex-start;gap:9px}.teacher-body{padding-left:17px;padding-right:17px}.teacher-body>p{font-size:10px}.teacher-image{height:180px}.detail-layout{gap:27px}.detail-visual h2{font-size:26px}.detail-heading h2{font-size:23px}.detail-start{gap:11px}.detail-start>span{font-size:9px}.learn-layout{grid-template-columns:1fr 260px;gap:20px}.slide-copy{left:25px;right:25px}.slide-copy h2{font-size:26px}.space-status,.sample-note{min-width:100px}.sample-note{font-size:9px}.journey-line{width:15px}}@media (width<=760px){.topbar{align-items:flex-start;gap:0;height:92px;padding:19px 22px 0}.brand{gap:9px;height:29px;font-size:17px}.brand-mark{transform:skew(-17deg)scale(.9)}.top-actions{gap:2px;height:29px}.top-actions .icon-button{width:32px;height:32px}.top-actions .icon{width:17px;height:17px}.demo-badge{gap:5px;margin-right:7px;font-size:8px}.demo-badge i{width:3px;height:3px}#breadcrumbs{gap:9px;font-size:10px;position:absolute;top:66px;left:24px;right:24px;overflow:hidden}#app{align-items:center;padding:16px 23px;inset:96px 0 73px}.view{max-width:480px}.view-heading{gap:12px;margin-bottom:20px}.eyebrow{letter-spacing:1.7px;font-size:8px}.view-heading h1{letter-spacing:-.8px;margin-top:7px;font-size:24px;line-height:1.45}.view-subtitle{margin-top:8px;font-size:10px;line-height:1.8}.back-button{padding:8px 0 8px 6px}.back-button span{display:none}.back-button .icon{width:20px;height:20px}.bottom-bar{justify-content:center;align-items:center;height:73px;padding:0 22px 13px}.space-status{display:none}.sample-note{text-align:center;color:#6b607c;min-width:0;font-size:8px;position:absolute;bottom:9px;left:0;right:0}#journey{gap:8px;margin-bottom:5px}.journey-line{width:18px}.journey-step{gap:4px;font-size:9px}.journey-step>span{font-size:8px}.journey-step .icon{width:10px;height:10px}.home-heading{text-align:left;margin-bottom:25px}.home-heading .eyebrow{letter-spacing:2px;font-size:6px}.tiny-cross{padding-right:4px;font-size:11px}.home-heading h1{letter-spacing:-1.8px;margin:13px 0 10px;font-size:35px}.home-heading>p:last-child{letter-spacing:.2px;font-size:11px}.direction-grid{grid-template-columns:1fr 1fr;gap:13px}.direction-main{grid-column:1/-1;height:238px;padding:19px}.direction-card:not(.direction-main){height:173px;padding:14px}.direction-main .art-composition{width:68%;inset:40px 17px 78px auto}.art-composition .art{width:46%}.composition-left{left:0}.composition-center{left:26%}.composition-right{right:-2%}.direction-main .direction-bottom{align-items:flex-end;height:100%}.direction-main .direction-top{height:18px}.direction-main h2{font-size:29px}.direction-main .category-en{letter-spacing:1.2px;max-width:65px;font-size:6px;line-height:1.8;display:block}.direction-bottom p{margin-top:7px;font-size:10px}.round-action{width:32px;height:32px}.round-action .icon{width:16px;height:16px}.direction-top .section-number{letter-spacing:1px;font-size:6px}.small-pill{padding:4px 6px;font-size:7px}.coming-pill{padding:3px 4px;font-size:7px}.direction-bottom h2{letter-spacing:-.5px;margin:4px 0;font-size:19px}.direction-card:not(.direction-main) .category-en{display:none}.direction-card:not(.direction-main) .direction-bottom p{color:#81738f;font-size:9px}.small-plus{font-size:18px}.code-object{opacity:.6;gap:7px;height:63px;font-size:28px;top:34px}.code-object i{width:24px;height:43px}.office-object{transform-origin:50% 35%;height:63px;top:35px;transform:scale(.5)}.home-caption{letter-spacing:2px;gap:10px;margin-top:20px;font-size:8px}.caption-line{width:20px}.tools-grid{grid-template-columns:1fr;gap:16px}.tool-card{min-height:198px}.tool-art-wrap{opacity:.8;width:48%;height:auto;position:absolute;top:0;bottom:0;right:0}.tool-art-wrap .art{background-size:auto 100%;background-position:var(--position) center}.tool-art-wrap:after{background:linear-gradient(90deg,#151420 0%,#15142033 60%,#0000)}.image-index{display:none}.tool-card-body{z-index:1;padding:22px 19px 48px;position:relative}.tool-name{gap:9px}.tool-name .tool-logo{border-radius:8px;width:33px;height:33px}.tool-name h2{font-size:24px}.tool-name p{margin-top:4px;font-size:8px}.tool-name .round-action{display:none}.tool-description{color:#a99eb7;max-width:205px;margin-top:17px;font-size:10px;line-height:1.8}.tags{gap:5px;margin-top:11px}.tags span{background:#13121d55;padding:3px 5px;font-size:8px}.tool-external{color:#b8a2ce;font-size:9px;bottom:17px;left:19px;right:auto}.tool-external .icon{width:11px;height:11px}.join-strip{gap:13px;margin-top:18px;padding-top:14px;font-size:9px}.join-strip>div{gap:7px}.join-strip>div .icon{width:12px;height:12px}.join-strip .text-button{white-space:nowrap;gap:5px;font-size:9px}.join-strip .text-button .icon{width:13px;height:13px}.selected-tool{gap:8px;margin-bottom:14px;font-size:9px}.selected-tool .tool-logo{border-radius:5px;width:21px;height:21px}.selected-tool strong{font-size:10px}.teachers-grid{grid-template-columns:1fr;gap:13px}.teacher-card{min-height:139px;display:flex}.teacher-image{width:100px;min-width:100px;height:auto;min-height:139px}.teacher-image .portrait{background-size:auto 100%;background-position:var(--position) center;filter:saturate(.75)}.teacher-image:after{background:linear-gradient(90deg,#0000 70%,#1b1926)}.level-pill{padding:3px 6px;font-size:7px;top:9px;left:8px}.teacher-body{flex-direction:column;flex:1;min-width:0;padding:16px 14px 13px 12px;display:flex}.teacher-title{letter-spacing:.1px;font-size:7px}.teacher-body h2{letter-spacing:1px;margin:5px 0 7px;font-size:20px}.teacher-body>p{min-height:0;font-size:9px;line-height:1.8}.teacher-bottom{border:none;justify-content:space-between;gap:4px;margin-top:10px;padding:0}.teacher-bottom>span:first-child{color:#8e7f9d;font-size:7px}.teacher-action{gap:4px;font-size:8px}.teacher-action .icon{width:12px;height:12px}.mentor-summary{gap:9px;margin-bottom:18px}.avatar{width:32px;height:32px}.mentor-summary>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:5px;display:flex}.mentor-summary strong{font-size:12px}.mentor-summary span{font-size:8px}.summary-level{padding:3px 6px}.mentor-summary .summary-tool{font-size:10px}.courses-grid{grid-template-columns:1fr;gap:16px}.course-cover{height:143px}.course-card-body{padding:14px 17px 16px}.course-card-body h2{font-size:18px}.course-card-body>p{margin:7px 0 11px;font-size:9px}.course-meta{gap:15px;font-size:8px}.course-meta .icon{width:11px;height:11px}.course-cover>.small-pill{top:12px;left:15px}.cover-number{font-size:21px;top:10px;right:16px}.course-open{width:26px;height:26px;bottom:13px;right:16px}.course-open .icon{width:14px;height:14px}.detail-view>.view-heading{margin-bottom:17px}.detail-view>.view-heading h1{font-size:22px}.detail-layout{grid-template-columns:1fr;gap:18px}.detail-visual{height:171px}.detail-visual>.art{background-position:var(--position) 39%}.detail-visual-overlay{inset:auto 17px 17px}.detail-visual-overlay>.eyebrow{letter-spacing:1px;font-size:7px}.detail-visual h2{max-width:none;margin:6px 0 12px;font-size:22px;line-height:1.4}.detail-author .avatar{width:25px;height:25px}.detail-author{gap:8px}.detail-author>div:last-child{gap:4px}.detail-author strong{font-size:9px}.detail-author span{font-size:7px}.detail-edition{letter-spacing:1.5px;font-size:6px;top:13px;left:17px}.detail-info{padding-top:0}.detail-heading .small-label,.detail-heading h2{display:none}.detail-heading>p{margin-bottom:10px;font-size:10px;line-height:1.7}.detail-tabs{gap:21px;margin-top:17px}.detail-tabs button{padding-bottom:10px;font-size:10px}.detail-panel{min-height:116px;max-height:170px}.lesson-outline{padding-top:3px}.lesson-outline a{gap:10px;padding:10px 0;font-size:10px}.lesson-index{font-size:8px}.detail-start{gap:14px;margin-top:16px}.primary-button{gap:22px;min-height:42px;padding:11px 18px;font-size:11px}.detail-start>span{font-size:8px}.learning-outcomes{padding:13px 0 0}.learning-outcomes p{margin-bottom:13px;font-size:9px}.learning-outcomes>span{font-size:8px}.learn-view>.view-heading{margin-bottom:18px}.learn-view>.view-heading h1{font-size:22px}.learn-layout{grid-template-columns:1fr;gap:20px}.lesson-stage{height:251px}.slide-top{font-size:7px;inset:16px 17px auto}.slide-copy{bottom:22px;left:20px;right:20px}.slide-copy .eyebrow{letter-spacing:1.4px;font-size:7px}.slide-copy h2{margin:8px 0 10px;font-size:22px;line-height:1.5}.slide-copy>p{font-size:9px;line-height:1.8}.slide-copy blockquote{margin-top:15px;padding-left:10px;font-size:8px;line-height:1.7}.player-controls{gap:5px;height:46px;padding:0 8px}.player-label{font-size:8px}.player-controls>.text-button{gap:4px;padding-right:4px;font-size:8px}.player-controls>.text-button .icon{width:11px;height:11px}.slide-dots{gap:1px;margin-left:5px}#slide-count{margin-left:2px;font-size:8px}.learning-title{flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 10px;display:flex}.learning-title .eyebrow,.learning-title h2{display:none}.learning-title>span{white-space:nowrap;font-size:8px}.progress-track{flex:1;width:auto;margin:0}.learning-list{grid-template-columns:1fr 1fr;gap:6px;max-height:110px;margin-bottom:12px;display:grid}.learning-list a{border:1px solid #bba1cf13;gap:7px;height:43px;padding:12px 9px;font-size:8px}.learning-list a.active{padding-left:8px}.learning-list strong{font-size:8px;line-height:1.5}.learning-list .icon{width:9px;height:9px}.complete-button{min-height:39px;padding:10px 16px;font-size:10px}.learn-layout .primary-button{gap:15px}#toast{padding:11px 17px;font-size:10px;bottom:91px}#transition-label{letter-spacing:3px;white-space:nowrap;font-size:10px}}@media (width<=760px) and (height<=760px){#app{padding-top:9px;padding-bottom:9px;inset:90px 0 65px}.topbar{height:87px;padding-top:16px}#breadcrumbs{top:60px}.bottom-bar{height:65px;padding-bottom:13px}.home-heading{margin-bottom:18px}.home-heading h1{margin:8px 0;font-size:30px}.home-heading>p:last-child{font-size:10px}.direction-main{height:204px;padding:16px}.direction-card:not(.direction-main){height:147px;padding:11px}.code-object{top:25px;transform:scale(.8)}.office-object{top:25px;transform:scale(.43)}.direction-bottom h2{font-size:17px}.direction-main h2{font-size:27px}.home-caption{margin-top:14px;font-size:7px}.view-heading{margin-bottom:15px}.view-heading h1{font-size:21px}.view-subtitle{margin-top:5px;font-size:9px}.tool-card{min-height:174px}.tool-card-body{padding:17px 16px 42px}.tool-name h2{font-size:22px}.tool-description{max-width:194px;margin-top:12px;font-size:9px}.tags{margin-top:9px}.tool-external{bottom:14px;left:16px}.join-strip{margin-top:14px;padding-top:10px;font-size:8px}.join-strip .text-button{font-size:8px}.teachers-grid{gap:10px}.teacher-card,.teacher-image{min-height:123px}.teacher-image{width:89px;min-width:89px}.teacher-body{padding:11px 11px 10px 10px}.teacher-body h2{margin-bottom:5px;font-size:18px}.teacher-body>p{font-size:8px}.teacher-bottom{margin-top:8px}.teacher-bottom>span:first-child{font-size:6px}.teacher-action{font-size:7px}.selected-tool{margin-bottom:11px}.mentor-summary{margin-bottom:13px}.courses-grid{gap:12px}.course-cover{height:115px}.course-card-body{padding:12px 15px}.course-card-body h2{font-size:16px}.course-card-body>p{margin:6px 0 9px;font-size:8px}.detail-visual{height:143px}.detail-layout{gap:13px}.detail-visual h2{margin-bottom:9px;font-size:20px}.detail-view>.view-heading{margin-bottom:13px}.detail-tabs{margin-top:13px}.detail-panel{min-height:110px;max-height:150px}.lesson-outline a{padding:9px 0;font-size:9px}.detail-start{margin-top:13px}.lesson-stage{height:214px}.slide-copy h2{margin:6px 0 8px;font-size:19px}.slide-copy{bottom:17px}.slide-copy blockquote{margin-top:11px;font-size:7px}.slide-copy>p{font-size:8px}.learn-layout{gap:16px}.learn-view>.view-heading h1{font-size:20px}.learning-list a{height:37px;padding-top:9px;padding-bottom:9px}.learning-list{margin-bottom:10px}.player-controls{height:41px}}@media (width<=370px){#app,.topbar{padding-left:18px;padding-right:18px}#breadcrumbs{left:20px}.demo-badge{display:none}.direction-card:not(.direction-main) .section-number{font-size:5px}.join-strip>div span{max-width:165px;line-height:1.6}.teacher-body{padding-right:10px}.teacher-bottom>span:first-child{display:none}.teacher-bottom{margin-top:7px}.teacher-action{font-size:8px}.view-heading h1{font-size:20px}.home-heading h1{font-size:30px}.detail-start>span{font-size:7px}.slide-copy h2{font-size:19px}.player-label{display:none}.journey-line{width:14px}}@media (height<=610px){#app{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#534260 transparent;align-items:flex-start;overflow-y:auto}.view{max-height:none}#app::-webkit-scrollbar{width:3px}.bottom-bar{background:#090a12f5}.topbar{background:#090a12e8}.view{padding-bottom:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.is-carried{visibility:hidden!important}#card-flight{z-index:8;pointer-events:none;position:fixed;inset:0;overflow:hidden}#card-flight[data-active=false]{display:none}#card-flight *{pointer-events:none!important}.flight-object{will-change:transform, opacity;backface-visibility:hidden}.flight-card{box-shadow:0 15px 65px #0003;max-width:none!important;max-height:none!important;transition:none!important}.flight-card *{transition:none!important;animation:none!important}.generated-logo{background:color-mix(in srgb, var(--accent) 13%, #171924);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.generated-logo .icon{width:22px;height:22px}.selected-tool .generated-logo .icon{width:14px;height:14px}.demo-tool-visual{background:radial-gradient(at 65% 0,#6685ba35,#0000 70%),#14141f;height:100%;padding:30px 50px 0;overflow:hidden}.demo-tool-visual.office{background:radial-gradient(at 65% 0,#8d936e25,#0000 70%),#14171b}.sample-window{background:#141725c9;border:1px solid #b8bee62b;border-radius:5px;height:180px;padding:15px 20px;transform:translateY(16px);box-shadow:0 10px 50px #0004}.sample-dots{gap:5px;display:flex}.sample-dots i{background:#a8adbf6b;border-radius:50%;width:4px;height:4px}.sample-code{color:#909ab6;white-space:nowrap;margin-top:15px;font:11px/2.2 Consolas,monospace}.sample-code b{color:#b29af1;font-weight:400}.sample-code em{color:#9ec9c6;font-style:normal}.sample-code>span{color:#adbde8}.sample-code small{color:#64768f;font-size:9px}.sample-report{margin-top:12px}.sample-report>span{color:#a4ae9b;font-size:8px}.sample-report>strong{color:#c5d1bd;margin-top:6px;font-size:15px;font-weight:400;display:block}.sample-bars{align-items:flex-end;gap:8px;height:60px;margin-top:10px;display:flex}.sample-bars i{background:linear-gradient(#b8d3aa8c,#b8d3aa0a);border-top:1px solid #bacfaf8c;width:30px;height:70%}.sample-bars i:nth-child(2){height:50%}.sample-bars i:nth-child(3){height:83%}.sample-bars i:nth-child(4){height:64%}.sample-bars i:nth-child(5){height:100%}.case-preview .eyebrow{color:#b4a0cc;font-size:9px}.case-preview>p{margin:9px 0 22px;font-size:12px;line-height:1.8}.case-preview ul{margin:12px 0 20px;padding:0;list-style:none}.case-preview li{color:#bba9cc;gap:9px;margin-bottom:10px;font-size:11px;line-height:1.8;display:flex}.case-preview li .icon{color:#b8a1d5;width:13px;height:13px;margin-top:3px}.case-result{color:#d0bfdc;border-top:1px solid #b49cc52b;padding-top:16px;font-size:12px;line-height:1.8}@media (width<=760px){.demo-tool-visual{padding:26px 0 0 6px}.sample-window{opacity:.65;width:235px;height:210px;padding:14px 17px}.sample-code{font-size:10px}.sample-report>strong{font-size:13px}.sample-bars{height:75px}.direction-card:not(.direction-main) .round-action{width:24px;height:24px}.direction-card:not(.direction-main) .round-action .icon{width:13px;height:13px}.direction-card:not(.direction-main) .small-pill{padding:3px 4px;font-size:7px}.case-preview>p{font-size:11px}.case-preview li{font-size:10px}.case-result{font-size:11px}dialog{max-height:calc(100dvh - 50px);overflow:auto}}@media (width>=761px){.art-composition{top:30px}.art-composition .art{width:35%}.composition-left{left:10%}.composition-center{left:33%}.composition-right{right:2%}}@media (width<=760px){.view-subtitle{font-size:11px}.home-heading>p:last-child{font-size:12px}.direction-bottom p{font-size:11px}.direction-card:not(.direction-main) .direction-bottom p{font-size:10px}.home-caption{font-size:9px}.tool-description{max-width:218px;font-size:12px;line-height:1.7}.tool-name p{font-size:10px}.tags span{font-size:9px}.tool-external{font-size:10px}.tool-card-body{padding-bottom:47px}.join-strip,.join-strip .text-button{font-size:10px}.teacher-card,.teacher-image{min-height:150px}.teacher-title{font-size:9px}.teacher-body>p{font-size:11px;line-height:1.65}.teacher-bottom>span:first-child{display:none}.teacher-action{font-size:11px}.teacher-body{padding-top:13px;padding-bottom:12px}.teacher-body h2{margin:5px 0 7px}.teacher-bottom{margin-top:9px}.level-pill{font-size:9px}.selected-tool{font-size:10px}.selected-tool strong{font-size:11px}.course-cover{height:127px}.course-card-body>p{margin:7px 0 11px;font-size:11px;line-height:1.6}.course-meta{gap:12px;font-size:10px}.mentor-summary span{font-size:10px}.mentor-summary strong{font-size:13px}.detail-heading>p,.detail-tabs button{font-size:12px}.lesson-outline a{padding:11px 0;font-size:12px}.detail-panel{max-height:185px}.detail-start>span{font-size:10px}.detail-author strong{font-size:11px}.detail-author span{font-size:9px}.learning-outcomes p{font-size:11px}.learning-outcomes>span,.slide-top{font-size:9px}.slide-copy h2{font-size:23px;line-height:1.4}.slide-copy>p{font-size:11px;line-height:1.7}.slide-copy blockquote{font-size:10px;line-height:1.65}.slide-copy .eyebrow{font-size:8px}.player-label,.player-controls>.text-button,#slide-count,.learning-title>span,.learning-list strong{font-size:10px}.learning-list a{gap:6px;height:46px;font-size:9px}.complete-button,.primary-button{font-size:12px}.journey-step{font-size:10px}.sample-note{font-size:9px}.bottom-bar{padding-bottom:max(13px, env(safe-area-inset-bottom))}.teacher-image .portrait[data-portrait="0"]{background-position-x:-25px}.teacher-image .portrait[data-portrait="2"]{background-position-x:calc(100% + 25px)}}@media (width<=760px) and (height<=760px){.teacher-image .portrait[data-portrait="0"]{background-position-x:-21px}.teacher-image .portrait[data-portrait="2"]{background-position-x:calc(100% + 21px)}.view-subtitle{font-size:10px}.home-heading>p:last-child{font-size:11px}.tool-description{max-width:208px;font-size:11px}.tool-name p{font-size:9px}.tool-card-body{padding-bottom:39px}.teacher-card,.teacher-image{min-height:132px}.teacher-title{font-size:8px}.teacher-body>p,.teacher-action{font-size:10px}.teacher-body{padding-top:10px;padding-bottom:10px}.teacher-body h2{margin:4px 0 6px}.teacher-bottom{margin-top:7px}.course-cover{height:106px}.course-card-body>p{font-size:10px}.course-meta{font-size:9px}.detail-heading>p{font-size:11px}.lesson-outline a{padding:9px 0;font-size:11px}.detail-panel{max-height:158px}.detail-start>span{font-size:9px}.slide-copy h2{font-size:21px}.slide-copy>p{font-size:10px}.slide-copy blockquote{font-size:9px}.slide-top{font-size:8px}.learning-list strong{font-size:9px}.learning-list a{height:40px}.player-label,.player-controls>.text-button,#slide-count{font-size:9px}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f9;--text:#292535;--muted:#70687e;--subtle:#82788e;--line:#71618c29;--violet:#75519e;--panel:#ffffffbf}html[data-theme=light] #space{background:radial-gradient(#ded3ef40,#0000 65%)}html[data-theme=light] .atmosphere{background:radial-gradient(at 35% 10%,#b99cdd18,#0000 50%),radial-gradient(at 80% 75%,#a7bed41a,#0000 60%)}html[data-theme=light] .edge-shade{background:linear-gradient(#f5f4f9b3,#0000 24% 82%,#f5f4f9c4)}html[data-theme=light] .brand b{color:#72617f}html[data-theme=light] .brand-mark i{background:#7652ad}html[data-theme=light] .brand-mark i:nth-child(2){background:#a281d4}html[data-theme=light] .brand-mark i:nth-child(3){background:#9f91b5}html[data-theme=light] .icon-button{color:#70647e}html[data-theme=light] .icon-button:hover{color:#543777;background:#7652ad0d}html[data-theme=light] #breadcrumbs{color:#7a7086}html[data-theme=light] #breadcrumbs [aria-current]{color:#42364f}html[data-theme=light] #breadcrumbs a:hover{color:#634187}html[data-theme=light] .crumb-divider{color:#aea2b9}html[data-theme=light] .bottom-bar{border-color:#7061850d}html[data-theme=light] .demo-badge,html[data-theme=light] .space-status,html[data-theme=light] .sample-note,html[data-theme=light] .journey-step{color:#7e728c}html[data-theme=light] .journey-step.active,html[data-theme=light] .journey-step.active>span,html[data-theme=light] .journey-step.complete{color:#674388}html[data-theme=light] .journey-line{background:#8d779d40}html[data-theme=light] .eyebrow,html[data-theme=light] .home-heading .eyebrow{color:#80678e}html[data-theme=light] .home-heading h1 span{color:#8664b1}html[data-theme=light] .home-heading>p:last-child,html[data-theme=light] .back-button{color:#7b6b89}html[data-theme=light] .back-button:hover{color:#51376c}html[data-theme=light] .direction-card{background:linear-gradient(155deg,#fffdfde6,#f0ebf6c9);border-color:#967cbb29}html[data-theme=light] .direction-main{background:linear-gradient(150deg,#f8f4ffed,#eee7f4b3);border-color:#a48cb848}html[data-theme=light] .direction-card:hover{background:linear-gradient(155deg,#fff,#eee4fa);border-color:#a181bc88}html[data-theme=light] .section-number,html[data-theme=light] .category-en,html[data-theme=light] .direction-bottom p,html[data-theme=light] .direction-card:not(.direction-main) .direction-bottom p{color:#83718f}html[data-theme=light] .small-pill,html[data-theme=light] .small-label{color:#795398;background:#8f65bc0c;border-color:#8f65bc30}html[data-theme=light] .round-action{color:#795398;border-color:#8f65bc40}html[data-theme=light] .direction-card:hover .round-action,html[data-theme=light] .tool-select:hover .round-action{background:#8f65bc12}html[data-theme=light] .art-composition .art{border-color:#f8f2ff99;box-shadow:0 15px 30px #32213f22}html[data-theme=light] .composition-left,html[data-theme=light] .composition-right{filter:brightness(.92)}html[data-theme=light] .composition-orbit{border-color:#84659c30}html[data-theme=light] .code-object{color:#82639f;text-shadow:none;opacity:.8}html[data-theme=light] .code-object i{background:linear-gradient(45deg,#9971d60a,#d3beff40);border-color:#916fa85e;box-shadow:0 0 35px #9f82bd12}html[data-theme=light] .office-object i{background:linear-gradient(130deg,#fff8,#b49dc315);border-color:#8f72a84d;box-shadow:0 8px 30px #79628c12}html[data-theme=light] .office-object span{border-color:#8c71a04d}html[data-theme=light] .home-caption{color:#8c7c99}html[data-theme=light] .caption-line{background:#8d779d40}html[data-theme=light] .tool-card,html[data-theme=light] .teacher-card,html[data-theme=light] .course-card{background:#fffdfef0;border-color:#9c88b22e}html[data-theme=light] .tool-card:hover,html[data-theme=light] .teacher-card:hover,html[data-theme=light] .course-card:hover{border-color:#9b7bb580}html[data-theme=light] .tool-art-wrap:after{background:linear-gradient(#11111922,#0000 45%,#fffdfef0)}html[data-theme=light] .tool-name p,html[data-theme=light] .tool-description,html[data-theme=light] .teacher-title,html[data-theme=light] .teacher-body>p,html[data-theme=light] .course-card-body>p{color:#74657f}html[data-theme=light] .tags span{color:#79618d;background:#fff9;border-color:#9275a729}html[data-theme=light] .tool-external,html[data-theme=light] .text-button,html[data-theme=light] .teacher-action{color:#805a9e}html[data-theme=light] .tool-external:hover,html[data-theme=light] .text-button:hover{color:#4e286e}html[data-theme=light] .join-strip{color:#7e6e88;border-color:#9275a721}html[data-theme=light] .join-strip>div .icon{color:#8662a3}html[data-theme=light] .selected-tool{color:#83718f}html[data-theme=light] .selected-tool strong{color:#554362}html[data-theme=light] .teacher-image:after{background:linear-gradient(#0000 55%,#fffdfef0)}html[data-theme=light] .teacher-bottom{border-color:#9275a721}html[data-theme=light] .teacher-bottom>span:first-child{color:#8b7996}html[data-theme=light] .mentor-summary span,html[data-theme=light] .mentor-summary .summary-tool,html[data-theme=light] .course-meta{color:#7c6889}html[data-theme=light] .summary-level{border-color:#9275a740}html[data-theme=light] .course-cover>.small-pill{color:#f1e6ff;background:#17101e8c;border-color:#dfd0ff33}html[data-theme=light] .detail-visual,html[data-theme=light] .lesson-stage{color:#f4f1fa}html[data-theme=light] .detail-heading>p,html[data-theme=light] .detail-start>span{color:#7e6b8c}html[data-theme=light] .detail-tabs{border-color:#9275a729}html[data-theme=light] .detail-tabs button{color:#8a7798}html[data-theme=light] .detail-tabs button.active{color:#64427e;border-color:#805a9e}html[data-theme=light] .detail-panel{scrollbar-color:#b29dc1 transparent}html[data-theme=light] .lesson-outline a{color:#71607e;border-color:#9275a714}html[data-theme=light] .lesson-outline a:hover{color:#503166;background:#9275a709}html[data-theme=light] .lesson-index,html[data-theme=light] .lesson-outline a>.icon{color:#967fa7}html[data-theme=light] .primary-button{color:#fff;background:#8058a2}html[data-theme=light] .primary-button:hover{background:#6d468f;box-shadow:0 6px 25px #7b549722}html[data-theme=light] .learning-outcomes p{color:#715d80}html[data-theme=light] .learning-outcomes .icon{color:#8a64a6}html[data-theme=light] .learning-outcomes>span{color:#8e7b9b}html[data-theme=light] .lesson-player{background:#fffdfef0;border-color:#9275a72e}html[data-theme=light] .player-controls{background:#fffdfef0}html[data-theme=light] .player-label,html[data-theme=light] #slide-count{color:#8a739b}html[data-theme=light] .slide-dots button:after{background:#d5c6df}html[data-theme=light] .slide-dots button.active:after{background:#8058a2}html[data-theme=light] .progress-track{background:#9275a71a}html[data-theme=light] .progress-track i{background:#936bab}html[data-theme=light] .learning-title>span,html[data-theme=light] .learning-list a{color:#846b95}html[data-theme=light] .learning-list a{border-color:#9275a71a}html[data-theme=light] .learning-list a.active{color:#65417e;background:#9275a713;border-left-color:#9870b1}html[data-theme=light] .learning-list a:hover{color:#4d2d62}html[data-theme=light] #transition-label{color:#805a9e}html[data-theme=light] #toast{color:#715582;background:#fffdfef5;border-color:#9275a73b;box-shadow:0 12px 40px #462a5b1f}html[data-theme=light] dialog{color:#3e2c4d;background:#fffdfefa;border-color:#9275a73b;box-shadow:0 25px 100px #462a5b33}html[data-theme=light] dialog::backdrop{background:#ece5f099}html[data-theme=light] dialog p{color:#82698f}html[data-theme=light] .dialog-symbol{color:#906ba6;border-color:#9275a735}html[data-theme=light] .case-preview .eyebrow{color:#87679e}html[data-theme=light] .case-preview li{color:#82698f}html[data-theme=light] .case-preview li .icon{color:#8a67a1}html[data-theme=light] .case-result{color:#735482;border-color:#9275a72b}html[data-theme=light] .generated-logo{background:color-mix(in srgb, var(--accent) 15%, white);color:#67527f;border-color:#9275a733}html[data-theme=light] .demo-tool-visual{background:radial-gradient(at 65% 0,#a6b9db55,#0000 70%),#f1eff8}html[data-theme=light] .demo-tool-visual.office{background:radial-gradient(at 65% 0,#b9cbaa44,#0000 70%),#f0f3ee}html[data-theme=light] .sample-window{background:#fffdfedd;border-color:#7a749a30;box-shadow:0 10px 30px #604b7f15}html[data-theme=light] .sample-dots i{background:#a79ab4}html[data-theme=light] .sample-code{color:#76718e}html[data-theme=light] .sample-code b{color:#9364ae}html[data-theme=light] .sample-code em{color:#548a8b}html[data-theme=light] .sample-code>span{color:#6c75a7}html[data-theme=light] .sample-code small{color:#8e899c}html[data-theme=light] .sample-report>span{color:#7c8c76}html[data-theme=light] .sample-report>strong{color:#5f7257}html[data-theme=light] .sample-bars i{background:linear-gradient(#a4ba9399,#a4ba931a);border-top-color:#92aa83}html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible{outline-color:#8c62af}@media (width<=760px){html[data-theme=light] .tool-art-wrap:after{background:linear-gradient(90deg,#fffdfef0 0%,#fffdfeb3 60%,#fffdfe33)}html[data-theme=light] .teacher-image:after{background:linear-gradient(90deg,#0000 70%,#fffdfef0)}.top-actions .demo-badge{display:none}}@media (height<=610px){html[data-theme=light] .topbar,html[data-theme=light] .bottom-bar{background:#f5f4f9f0}}*{scrollbar-width:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}