:root{--pink:#f45f9c;--pink-bright:#ff82b5;--ink:#171318;--muted:#9f939f;--line:#322a32;--white:#fff;--paper:#fff8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#121013;color:#fff;font:14px/1.5 Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit}header{height:88px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #30252e}.brand{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:4px;line-height:1.1}.brand>span{display:block;font-size:11px;letter-spacing:7px;font-weight:400;margin-top:7px;position:relative}.brand-dot{color:var(--pink);font-size:10px;letter-spacing:0;position:absolute;right:-4px;top:-31px}.header-label{font-size:9px;color:#a89aa5;letter-spacing:3px}.class-link{border:1px solid #4c3543;border-radius:25px;padding:10px 18px;text-decoration:none;font-size:12px}.class-link span{color:var(--pink);margin-left:13px}.coursebar{max-width:1600px;margin:auto;padding:22px 4.5%;display:flex;justify-content:space-between;color:#b8a5b3;font-size:9px;letter-spacing:1.5px}.coursebar>div{display:flex;align-items:center;gap:10px}.coursebar b{font-weight:400;letter-spacing:0;color:#e8dce5;font-size:11px}.pink-dot{height:5px;width:5px;background:var(--pink);border-radius:50%;display:inline-block}.bar-divider{color:#544250;margin:0 4px}.course-badge{color:var(--pink-bright);font-size:8px;letter-spacing:2px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;max-width:1600px;margin:0 auto;padding:0 4.5% 40px;gap:38px}main{min-width:0}.lesson-heading{padding:10px 0 24px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--pink-bright);margin:0 0 10px;font-weight:600}h1{font-size:clamp(25px,3.2vw,40px);letter-spacing:-1px;line-height:1.15;margin:0 0 10px;font-weight:600}.module-name{font-size:12px;color:#b5a4b0;margin:0;line-height:1.6}.player{aspect-ratio:16/9;width:100%;background:#070607;border:1px solid #4d2d40;box-shadow:0 18px 65px -35px #ee3e8e55;border-radius:12px;overflow:hidden;position:relative}iframe,video{height:100%;width:100%;border:0;display:block;background:#000}[hidden]{display:none!important}.player-help{display:flex;justify-content:space-between;gap:12px;color:#b8a7b3;font-size:10px;margin:14px 1px 28px}.player-help>span{color:var(--pink-bright)}.player-help a{color:#ad9ba8;text-underline-offset:4px}.lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.primary{background:var(--pink);border:0;color:#210e18;font-size:12px;font-weight:600;padding:14px 22px;border-radius:7px;min-height:46px}.primary span{margin-left:20px}.primary:hover{background:#ff80b5}.primary[aria-pressed=true]{background:#38212c;color:#ffa9cf;box-shadow:inset 0 0 0 1px #724057}#position{color:#9c8797;font-size:10px}.navigation{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:19px 0;gap:20px}.navigation button{display:flex;gap:16px;align-items:center;border:0;background:none;color:#f2e9ee;padding:4px 0;text-align:left;font-size:12px;min-height:44px}.navigation button:last-child{text-align:right}.navigation small{display:block;color:#95818f;letter-spacing:1.6px;font-size:8px;margin-bottom:5px}.navigation button>span{font-size:21px;color:var(--pink-bright)}button:disabled{opacity:.3;cursor:default}.beauty-note{margin:28px 0;padding:24px;display:flex;gap:17px;align-items:center;background:#251820;border:1px solid #45303d;border-radius:9px}.sparkle{font-size:44px;color:var(--pink);line-height:1}.beauty-note p{font-size:16px;margin:0 0 4px;font-weight:500}.beauty-note div>span{font-size:11px;color:#b59aa9}.note-label{font-size:9px;color:#e3a6c4;line-height:1.7;letter-spacing:2px;margin-left:auto;flex-shrink:0}.local{font-size:11px;color:#9d8997;margin:25px 0}.local summary{cursor:pointer;padding:10px 0}.local button{background:#31222c;color:#ffb2d3;border:1px solid #573347;border-radius:5px;padding:10px 16px}.local p{line-height:1.8}footer{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:#8e7b88;font-size:9px}footer span:first-child{letter-spacing:2px}aside{background:#fff8fb;color:#292029;border-radius:12px;padding:25px 22px;align-self:start;margin-top:10px;overflow:hidden}.aside-heading{display:flex;justify-content:space-between;align-items:center}.aside-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#b43c72}.aside-heading h2{font-size:20px;margin:0;font-weight:600;letter-spacing:-.5px}.module-total{display:grid;place-items:center;width:33px;height:33px;background:#f7dce9;color:#a83669;border-radius:8px;font-size:12px}.count{font-size:10px;color:#8f7483;margin:11px 0 25px}.progress-head{display:flex;justify-content:space-between;font-size:10px;color:#8b7180}.progress-head b{color:#bc3c78}progress{appearance:none;display:block;width:100%;height:5px;background:#eadde4;border:0;border-radius:3px;overflow:hidden;accent-color:#e54e90;margin:10px 0 23px}progress::-webkit-progress-bar{background:#eadde4}progress::-webkit-progress-value{background:#e54e90}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #eadbe4;padding:0 13px;border-radius:7px}.search span{font-size:22px;color:#a27b90}.search input{width:100%;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;font-size:11px;color:#47313e}.filters{display:flex;gap:8px;margin:17px 0 11px}.filters button{padding:8px 13px;border:1px solid transparent;border-radius:20px;background:transparent;color:#977888;font-size:10px;min-height:36px}.filters button[aria-pressed=true]{background:#2a1c25;color:#fff}.filters button:hover{border-color:#e4bbcf}nav details{border-bottom:1px solid #eadce4}nav summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:18px 0;line-height:1.4;min-height:60px}nav summary::-webkit-details-marker{display:none}nav summary:after{content:'+';font-size:18px;color:#ab7d95;margin-left:auto}nav details[open] summary:after{content:'−'}nav details[open] summary .modnum{background:#e75193;color:white}.modnum{height:29px;width:29px;display:grid;place-items:center;background:#f0e3eb;border-radius:7px;color:#ac7b95;font-size:10px;flex-shrink:0}.modtitle{font-size:11px;font-weight:600}.modtitle small{display:block;color:#a98e9c;font-size:9px;font-weight:400;margin-top:5px;letter-spacing:0}.lesson{display:flex;gap:10px;width:100%;padding:13px 11px;text-align:left;border:0;border-radius:6px;background:none;color:#7c6170;font-size:11px;line-height:1.5;min-height:45px;align-items:flex-start}.lesson .marker{color:#bc8aa4;flex-shrink:0;font-size:12px}.lesson.active{background:#f8deeb;color:#a02c62}.lesson.active .marker{color:#cf3e81}.lesson:hover{background:#f9eaf1}.lesson .lessonname{flex:1}.lesson .now{font-size:8px;color:#c33e7b;white-space:nowrap;margin-top:3px}.lesson-list{padding-bottom:12px}.saved-note{font-size:9px;line-height:1.8;color:#a08494;margin:20px 0 0}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#ffb2d6;color:#381325;padding:14px 20px;border-radius:8px;z-index:20;font-size:12px;max-width:90vw;display:none}:focus-visible{outline:2px solid #f45f9c;outline-offset:4px}@media(min-width:1500px){.layout{gap:55px;grid-template-columns:minmax(0,1fr) 400px}aside{padding:30px}}@media(max-width:1050px){.layout{gap:24px;grid-template-columns:minmax(0,1fr) 310px}.note-label{display:none}.beauty-note{padding:18px}.beauty-note p{font-size:14px}aside{padding:22px 17px}}@media(max-width:800px){header{height:75px;padding:0 20px}.brand{font-size:19px}.brand>span{font-size:9px}.brand-dot{top:-27px}.header-label{display:none}.class-link{font-size:10px;padding:9px 13px}.coursebar{padding:20px;font-size:8px;letter-spacing:1px}.course-badge{display:none}.layout{display:flex;flex-direction:column;gap:24px;padding:0 20px 30px}aside{width:100%;margin:0;padding:25px 20px;border-radius:12px}.lesson-heading{padding:2px 0 20px}h1{font-size:28px;letter-spacing:-.7px}.module-name{font-size:11px}.eyebrow{font-size:8px}.player{border-radius:8px}.player-help{margin:12px 0 24px;font-size:9px}.lesson-actions{gap:10px;margin-bottom:22px}.primary{padding:13px 17px;font-size:11px}.primary span{margin-left:12px}#position{font-size:9px}.beauty-note{padding:18px 15px;margin:25px 0 15px}.beauty-note div>span{font-size:10px}.sparkle{font-size:35px}.beauty-note p{font-size:14px}.local{margin:15px 0}footer{display:none}.navigation{padding:17px 0}.navigation button{font-size:11px}.aside-heading h2{font-size:23px}.modtitle{font-size:12px}nav summary{padding:18px 0}.lesson{font-size:12px;padding:15px 12px;min-height:48px}.search input{font-size:13px;padding:14px 0}.filters button{font-size:11px;padding:9px 17px}.count{font-size:11px}.saved-note{font-size:10px}}@media(max-width:360px){.coursebar b{font-size:10px}.layout{padding-inline:14px}.coursebar{padding-inline:14px}.primary{padding:13px;font-size:10px}}
.document-player{aspect-ratio:3/4;max-height:800px}@media(max-width:800px){.document-player{aspect-ratio:3/4;max-height:650px}}
/* Keep the complete frame visible in portrait, landscape and expanded mode. */
.player{aspect-ratio:16 / 9;min-width:0;flex-shrink:0}.player>iframe,.player>video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%}.player>video{object-fit:contain;object-position:center}.player-stage{min-width:0;width:100%}.player-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0;font-size:10px;color:var(--pink-bright)}.player-tools button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #654054;border-radius:7px;background:#281b24;color:#ffd6e9;font-size:11px;white-space:nowrap}.player-tools button:hover{background:#442034}.player-help{margin:8px 0 25px;align-items:center;flex-wrap:wrap;font-size:10px;line-height:1.6}.player-help>span{color:#a994a1}.player-help a{display:inline-flex;align-items:center;min-height:44px}.player-stage.stage-expanded{position:fixed;inset:0;z-index:1000;background:#090709;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:100%;height:100vh;height:100dvh}.stage-expanded .player{width:100%;max-width:calc((100vh - 100px) * 16 / 9);max-width:calc((100dvh - 100px) * 16 / 9);border-radius:4px;box-shadow:none}.stage-expanded .player-tools{width:100%;max-width:calc((100vh - 100px) * 16 / 9);max-width:calc((100dvh - 100px) * 16 / 9);flex-shrink:0}.stage-expanded .document-player{aspect-ratio:3/4;width:auto;height:calc(100vh - 100px);height:calc(100dvh - 100px);max-height:none;max-width:100%}.stage-expanded .document-player+.player-tools{max-width:700px}.page-player-expanded{overflow:hidden}.lessonname,.modtitle{min-width:0;overflow-wrap:anywhere}h1{overflow-wrap:anywhere}.coursebar>div{flex-wrap:wrap}.filters button{min-height:44px}@media(max-width:800px){.search input{font-size:16px}.layout{padding-inline:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.player{border-radius:4px}.player-tools{font-size:10px}.player-help{font-size:9px;gap:0 12px}.lesson-actions{flex-wrap:wrap}.beauty-note{min-width:0}.beauty-note>div{min-width:0}.class-link{min-height:44px;display:flex;align-items:center}.saved-note{overflow-wrap:anywhere}}
/* The expanded surface gives the embedded controls room on portrait phones;
   the video itself keeps its natural proportions with letterboxing. */
.stage-expanded .player{flex:1 1 auto;width:100%;height:auto;min-height:0;max-width:none;aspect-ratio:auto}.stage-expanded .player-tools{max-width:none}.stage-expanded .document-player{height:auto;width:100%;max-width:none}.stage-expanded .player-tools{padding-top:10px}
.player,.stage-expanded .player{border:0;border-radius:0;outline:1px solid #4d2d40}
/* Native video: the media surface belongs to the page, not a nested Drive UI. */
.player:not(.document-player){aspect-ratio:var(--video-ratio,16 / 9);height:auto;min-height:0}.player>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;border:0;transform:none}.rate-control{display:flex;align-items:center;gap:10px;color:#c6aabb;font-size:11px;min-height:44px}.rate-control select{font:600 13px Arial,sans-serif;min-width:80px;min-height:44px;padding:10px 12px;background:#281b24;border:1px solid #654054;border-radius:7px;color:#ffd6e9;touch-action:manipulation}.player-tools{flex-wrap:wrap}.stage-expanded .player:not(.document-player){aspect-ratio:auto;height:auto;min-height:0;flex:1 1 auto}.stage-expanded .player-tools{flex-wrap:wrap;flex:0 0 auto}#video-error{font-size:12px;line-height:1.8;padding:14px;color:#ffb9d9;background:#371c2b;border-radius:6px}#retry-video{border:0;background:none;color:#ffb9d9;text-decoration:underline;cursor:pointer;font:inherit;padding:8px}@media(max-width:800px){.rate-control{font-size:11px}.player-help{font-size:10px}.player-tools button{font-size:12px}.player>video{max-width:100%;max-height:100%}}

/* A lighter curriculum surface separates bright module cards from the dark lesson area. */
aside{background:#e9e2e8;color:#261c24;border:1px solid #cdbcc8;padding:25px 18px;box-shadow:0 18px 50px #0002}.aside-heading .eyebrow{color:#a02d63}.aside-heading h2{color:#24171f;font-weight:700}.module-total{background:#fff6fb;color:#a02d63;border:1px solid #d9abc2}.count{color:#74616e}.progress-head{color:#6c5363}.progress-head b{color:#a72c66}progress,progress::-webkit-progress-bar{background:#d3c1cd}progress::-webkit-progress-value{background:#cf347c}.search{background:#fffafd;border-color:#cdb7c5}.search span{color:#aa3b6c}.search input{color:#372330}.search input::placeholder{color:#8a6e7e}.search:focus-within{border-color:#d53e83;box-shadow:0 0 0 2px #d53e831c}.filters{gap:8px;margin:18px 0}.filters button{background:#f8f0f5;color:#76536a;border:1px solid #cdb5c3;font-weight:600}.filters button[aria-pressed=true]{background:#292029;color:#fff;border-color:#292029}.filters button:hover{border-color:#c44780}nav details{background:#fffbfd;border:1px solid #cdb9c6;border-radius:11px;margin:0 0 14px;overflow:hidden;box-shadow:0 3px 0 #cbbbc62e;transition:border-color .15s,box-shadow .15s}nav details:hover{background:#fff;border-color:#c1437b;box-shadow:0 4px 13px #77325419}nav summary{gap:12px;padding:18px 14px;min-height:94px;position:relative}nav summary:after{content:'+';height:32px;min-width:32px;display:grid;place-items:center;background:#f5d3e3;border:1px solid #e1a1bf;border-radius:9px;color:#a62b64;font-size:23px;line-height:1;flex-shrink:0}nav details[open]{border:1px solid #cc3b7c;background:#fff8fc;box-shadow:inset 4px 0 0 #d94385,0 4px 14px #77325412}nav details[open] summary{background:#fce6f0;border-bottom:1px solid #e7b3cc}nav details[open] summary:after{content:'−';background:#c9367b;color:#fff;border-color:#c9367b}.modnum{height:38px;width:38px;background:#f9e4ee;color:#b3346d;border:1px solid #e7bdd0;border-radius:9px;font-size:12px;font-weight:700}nav details[open] summary .modnum{background:#c9367b;border-color:#c9367b;color:#fff}.modtitle{color:#2c1925;font-size:13px;font-weight:700;line-height:1.5}.modtitle small{color:#816777;font-size:10px;margin-top:6px;line-height:1.5;font-weight:400}.modtitle small.module-caption{margin-top:5px;color:#ad3168;font-weight:600}nav details[open] .module-caption{display:none}.lesson-list{padding:8px}.lesson{color:#725366;padding:14px 10px;min-height:48px;border:1px solid transparent;font-size:12px}.lesson .marker{color:#b54b7b}.lesson:hover{background:#f8e7f0;color:#7b204e}.lesson.active{background:#f5d4e4;border-color:#d58dac;color:#7a1b48;font-weight:600}.lesson.active .marker{color:#a22c60}.lesson .now{color:#ad2b64;font-size:9px}.saved-note{color:#826675}@media(max-width:800px){aside{padding:24px 16px}nav summary{min-height:94px;padding:18px 13px}.modtitle{font-size:13px}.modnum{height:37px;width:37px}.lesson{padding:15px 11px}.aside-heading h2{font-size:22px}}
/* A real frame from each lesson makes it recognizable before opening. */
.lesson{align-items:center;gap:12px;padding:12px 9px;min-height:82px}.lesson-thumb{position:relative;display:block;width:96px;aspect-ratio:16/9;flex:0 0 96px;overflow:hidden;border-radius:6px;background:#171116;border:1px solid #d0a4bb}.lesson-thumb img{display:block;width:100%;height:100%;object-fit:contain}.thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:25px;width:25px;border-radius:50%;display:grid;place-items:center;background:#21111bd9;border:1px solid #ffffff9c;color:#fff;font-size:10px;padding-left:2px;box-shadow:0 1px 5px #0006}.lesson-info{display:flex;flex-direction:column;min-width:0;gap:6px;flex:1}.lessonname{font-size:12px;line-height:1.5;font-weight:600}.lesson-meta{font-size:9px;line-height:1.5;color:#9a5074;font-weight:400}.lesson.active .lesson-meta{color:#9d285e;font-weight:600}.lesson.active .lesson-thumb{border-color:#bd3a77;box-shadow:0 0 0 1px #bd3a77}.document-thumb{background:#f7e2ec;display:flex;align-items:center;justify-content:center;gap:7px;color:#a43368}.document-thumb>span{font-size:23px}.document-thumb>small{font-size:10px;letter-spacing:1px;font-weight:700}.lesson:hover .thumb-play{background:#c9367b}.lesson-list{padding:7px}@media(max-width:800px){.lesson-thumb{width:104px;flex-basis:104px}.lesson{padding:13px 9px;min-height:88px}.lessonname{font-size:12px}.lesson-meta{font-size:10px}}@media(max-width:360px){.lesson-thumb{width:82px;flex-basis:82px}.lesson{gap:9px}.lessonname{font-size:11px}}
.access-banner{margin:0 4.5% 24px;padding:17px 20px;background:#2b1b26;border:1px solid #674054;border-left:3px solid #f45f9c;border-radius:8px;line-height:1.7}.access-banner strong{font-size:13px;color:#ffc5e0}.access-banner p{font-size:11px;color:#d6afc4;margin:4px 0 0}.access-banner.access-full{border-color:#704859;background:#231b21}.locked-screen{position:absolute;inset:0;background:#21131d;z-index:2;overflow:hidden}.locked-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.28}.locked-message{position:absolute;inset:0;background:linear-gradient(#160c14aa,#160c14bb);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;color:#fff}.locked-message>svg{color:#ff93c3;flex-shrink:0}.locked-message h2{font-size:clamp(18px,2.5vw,27px);margin:10px 0 6px;line-height:1.2}.locked-message p{font-size:12px;line-height:1.6;margin:0;color:#f3c3db}.payment-notice{background:#2b1c25;border:1px solid #7f4762;border-radius:9px;padding:20px;margin:20px 0;color:#f8deeb}.payment-notice h3{font-size:14px;margin:0 0 9px;line-height:1.5}.payment-notice p{font-size:12px;line-height:1.9;color:#d5b6c7;margin:0}.module-lock{color:#ad3168;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-locked .modnum{background:#eee6ec;color:#8e6a80;border-color:#d7c4d0}.module-locked .module-caption{color:#7d5a70}.lesson-locked .lesson-thumb img{filter:brightness(.65)}.lesson-locked .thumb-play{background:#2a1724e8;border-color:#e8bdd1}.lesson-locked .lesson-meta{color:#99657e}.lesson-locked.active .lesson-meta{color:#9a3265}.primary:disabled{opacity:.65;cursor:default;display:inline-flex;align-items:center;gap:12px}.primary:disabled span{display:flex;margin:0}.lesson-info .lessonname{font-weight:600}@media(max-width:800px){.access-banner{margin:0 14px 22px;padding:15px 17px}.access-banner p{font-size:11px}.locked-message{padding:12px}.locked-message>svg{height:25px;width:25px}.locked-message h2{font-size:19px;margin:8px 0 5px}.locked-message p{font-size:10px}.payment-notice{padding:17px}.payment-notice h3{font-size:13px}.payment-notice p{font-size:11px}.module-lock{margin-left:-4px}.module-lock svg{height:14px;width:14px}}

.modtitle small.module-unlock{display:flex;align-items:center;gap:6px;color:#a22c60;font-weight:600;line-height:1.5;margin-top:7px}.module-unlock svg{flex:0 0 14px;width:14px;height:14px}

/* Course entrance: introduction and curriculum on the same page. */
.welcome{max-width:1456px;margin:4px auto 30px;padding:40px 4.5% 30px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.welcome h1{font-size:clamp(32px,4.4vw,62px);font-weight:600;line-height:1.08;letter-spacing:-1.7px;margin:17px 0 22px}.welcome h1 em{font-style:normal;color:#ff8fbd}.welcome-description{max-width:500px;color:#c9b8c4;font-size:15px;line-height:1.9;margin:0 0 25px}.welcome-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.welcome-actions .primary{font-size:13px;min-height:52px;padding:15px 22px}.welcome-actions a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:15px;color:#f4dbe8}.welcome-actions a:hover{text-decoration:underline}.welcome-status{font-size:11px;color:#bba2b1;line-height:1.7;margin:14px 0 0}.welcome-facts{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid #49303e;color:#bd9eaf;font-size:11px}.welcome-facts b{font-size:16px;color:#ffe1ef;margin-right:4px}.welcome-art{height:285px;position:relative;display:grid;place-items:center;border-radius:100px 16px 100px 16px;border:1px solid #785268;background:radial-gradient(ellipse at 70% 20%,#a7497560,transparent 65%),linear-gradient(130deg,#291a25,#3c2334 50%,#1d151c);overflow:hidden}.welcome-monogram{font-family:Georgia,serif;font-size:160px;line-height:1;color:#e4b2cc;letter-spacing:-28px;transform:translate(-8px,-15px)}.welcome-monogram>span{font-style:italic;color:#ffeff8}.welcome-art-caption{position:absolute;left:25px;bottom:23px;font-size:9px;letter-spacing:3px;color:#ddbbcf;line-height:1.8}.welcome-sparkle{position:absolute;right:24px;top:12px;font-size:48px;color:#ffadd1}.back-home{border:1px solid #684458;background:#281b24;color:#f7cde2;min-height:44px;padding:10px 15px;border-radius:8px;margin:0 0 20px;font-size:12px}.welcome-mode main{display:none}.welcome-mode .layout{display:block}.welcome-mode aside{margin-top:0;padding:28px;max-width:none}.welcome-mode #modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.welcome-mode nav details{margin:0}.welcome-mode .aside-heading h2{font-size:27px}.welcome-mode .search{max-width:550px}.welcome-mode .progress-head,.welcome-mode progress{max-width:550px}.welcome-mode .count{margin-bottom:18px}.welcome-mode .lesson.active{background:transparent;border-color:transparent;font-weight:400}.welcome-mode .lesson.active .lesson-meta{color:#99657e}
@media(max-width:800px){.welcome{display:block;padding:18px 20px 10px;margin-bottom:24px}.welcome h1{font-size:36px;letter-spacing:-1px;margin:15px 0 18px}.welcome-description{font-size:13px;line-height:1.8}.welcome-art{display:none}.welcome-actions{gap:10px 20px}.welcome-actions .primary{width:100%;font-size:13px;justify-content:center}.welcome-actions a{font-size:12px}.welcome-facts{gap:17px;margin-top:19px;padding-top:17px;font-size:10px}.welcome-facts b{font-size:14px}.welcome-mode aside{padding:24px 16px}.welcome-mode #modules{grid-template-columns:1fr;gap:12px}.welcome-mode .aside-heading h2{font-size:23px}.back-home{margin-top:0}.welcome-status{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}