@layer trama.theme{:root{--trama-font:"Inter", "Segoe UI", Arial, sans-serif;--trama-font-size:14px;--trama-line-height:1.5;--trama-space:4px;--trama-control-height:44px;--trama-radius:10px;--trama-focus-width:3px;--trama-focus-offset:3px;--trama-overlay-z-index:1000;--trama-motion-short:.12s;--trama-motion-standard:.18s;--trama-motion-long:.28s;--trama-motion-easing:cubic-bezier(.2, .8, .2, 1);--trama-shadow-sm:0 2px 8px #18231b14;--trama-shadow-md:0 8px 20px #18231b1f;--trama-shadow-lg:0 16px 36px #18231b29}:where(:root,[data-trama-theme=light]){color-scheme:light;--trama-accent:#176b52;--trama-accent-hover:#10543f;--trama-on-accent:#fff;--trama-surface:#fff;--trama-subtle:#f5f6f3;--trama-text:#202922;--trama-muted:#616b64;--trama-border:#d9dfd9;--trama-danger:#b42332;--trama-success-bg:#e5f3eb;--trama-success-text:#185d3b;--trama-warning-bg:#fff2d2;--trama-warning-text:#765100;--trama-danger-bg:#fce9e9;--trama-neutral-solid:#46534b;--trama-on-neutral:#fff;--trama-success-solid:#237a4b;--trama-on-success:#fff;--trama-warning-solid:#f4c15d;--trama-on-warning:#3b2905;--trama-danger-solid:#c63645;--trama-on-danger:#fff}:where([data-trama-theme=dark]){color-scheme:dark;--trama-accent:#98d4b6;--trama-accent-hover:#b5e2ca;--trama-on-accent:#133429;--trama-surface:#1d2923;--trama-subtle:#26342c;--trama-text:#eff5f0;--trama-muted:#acbbb0;--trama-border:#405247;--trama-danger:#ffabb1;--trama-success-bg:#233f31;--trama-success-text:#a6e4ba;--trama-warning-bg:#433921;--trama-warning-text:#f3d78b;--trama-danger-bg:#42282c;--trama-neutral-solid:#b5c4b9;--trama-on-neutral:#16251c;--trama-success-solid:#68bc87;--trama-on-success:#102c1a;--trama-warning-solid:#e9b64f;--trama-on-warning:#352503;--trama-danger-solid:#ed8290;--trama-on-danger:#3b111a}}:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}html{scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 45%, var(--border)) color-mix(in srgb, var(--panel) 70%, transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--panel) 75%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:999px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 45%, var(--border));border:2px solid color-mix(in srgb, var(--panel) 75%, transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.theme-dark{color-scheme:dark;--trama-surface:#23252a;--trama-subtle:#2e3137;--trama-text:#f2f3f5;--trama-muted:#abafb7;--trama-border:#41454e;--trama-accent:#8cd0af;--trama-accent-hover:#a7dec2;--trama-on-accent:#10281c;--trama-neutral-solid:#c8ccd4;--trama-on-neutral:#181a1e;--trama-focus-color:var(--trama-accent);--trama-shadow-sm:0 2px 8px #0000002e;--trama-shadow-md:0 10px 28px #0000003d;--trama-shadow-lg:0 20px 52px #00000052;--bg:color-mix(in srgb, var(--trama-surface) 72%, #000)}.theme-light{color-scheme:light;--trama-surface:#fff;--trama-subtle:#efede8;--trama-text:#27282c;--trama-muted:#65666e;--trama-border:#dcdad5;--trama-accent:#176b52;--trama-accent-hover:#10543f;--trama-on-accent:#fff;--trama-neutral-solid:#44474f;--trama-on-neutral:#fff;--trama-focus-color:var(--trama-accent);--trama-shadow-sm:0 2px 8px #1e1f230a;--trama-shadow-md:0 10px 28px #1e1f2314;--trama-shadow-lg:0 20px 52px #1e1f231f;--bg:color-mix(in srgb, var(--trama-surface) 55%, var(--trama-subtle))}.theme-light,.theme-dark{--panel:var(--trama-surface);--panel-strong:var(--trama-subtle);--border:var(--trama-border);--text:var(--trama-text);--muted:var(--trama-muted);--accent:var(--trama-accent);--accent-strong:var(--trama-accent-hover);--accent-warm:var(--trama-warning-text);--glow:color-mix(in srgb, var(--trama-text) 5%, transparent);--shadow:var(--trama-shadow-lg);--svg-stroke:var(--trama-text);--trama-font:"Inter", system-ui, -apple-system, sans-serif;--trama-font-size:15px;--trama-radius:12px;--trama-control-height:42px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;min-height:100vh;transition:background .2s,color .2s;overflow:hidden}html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{background:0 0;width:0;height:0}a{color:inherit;text-decoration:none}.learningPlatform{--platform-content-width:1200px;--platform-gutter:clamp(18px, 4vw, 40px);height:100dvh;color:var(--text);background:var(--bg);flex-direction:column;display:flex}.learningPlatform--reader{--platform-content-width:1380px;--platform-gutter:clamp(18px, 3vw, 40px)}.platformHeader{border-bottom:1px solid var(--border);background:var(--panel);z-index:21;flex:none;min-width:0}.platformHeaderInner{width:min(100%, var(--platform-content-width));min-height:68px;padding:12px var(--platform-gutter);align-items:center;gap:clamp(12px,3vw,28px);margin-inline:auto;display:flex}.platformBrand{color:var(--text);white-space:nowrap;align-items:center;gap:9px;text-decoration:none;display:flex}.platformBrand span{color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:7px;font-size:.75rem;font-weight:750}.platformTools{align-items:center;gap:4px;margin-left:auto;display:flex}.platformCoursesNav{--trama-button-radius:8px}.platformMain{flex:1;min-width:0;min-height:0;overflow:auto}.platformCatalogue{max-width:var(--platform-content-width);padding:clamp(32px, 5vw, 64px) var(--platform-gutter) 56px;margin:auto}.platformEyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:0;font-size:.7rem;font-weight:750}.platformCatalogueIntro{max-width:780px;margin-bottom:clamp(36px,5vw,56px)}.platformCatalogueIntro h1{letter-spacing:-.045em;margin:16px 0 20px;font-size:clamp(2rem,4vw,3.35rem);font-weight:650;line-height:1.12}.platformCatalogueIntro h1 span{color:var(--muted)}.platformCatalogueIntro>p:last-child{max-width:620px;color:var(--muted);margin:0;font-size:1.02rem}.platformLibraryHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.platformLibraryHeading h2{margin:0;font-size:1.05rem;font-weight:650}.platformLibraryHeading>span{color:var(--muted);font-size:.8rem}.platformCourseList{gap:28px;display:grid}.platformCourseCard{--trama-card-width:100%;--trama-card-radius:18px;--trama-card-background:var(--panel);--trama-card-border-color:var(--border);--trama-card-shadow:none;display:block}.platformCourseCard::part(base){overflow:hidden}.platformCourseLayout{min-width:0;display:grid}.platformCourseCover{color:#e3f2e8;background:#173e35;flex-direction:column;justify-content:space-between;gap:22px;min-height:235px;padding:24px;display:flex;position:relative;overflow:hidden}.platformCourseCover:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 47px,#ffffff06 47px 48px),repeating-linear-gradient(0deg,#0000 0 47px,#ffffff06 47px 48px);position:absolute;inset:0}.platformCourseCover:after{content:"";border-left:1px solid #ffffff20;position:absolute;top:0;bottom:0;left:8px}.platformCoverTop,.platformCoverBottom{letter-spacing:.1em;text-transform:uppercase;color:#a6c8b7;justify-content:space-between;gap:16px;font-size:.6rem;font-weight:650;display:flex;position:relative}.platformCoverTitle{letter-spacing:-.045em;font-size:clamp(2.1rem,5vw,3rem);font-weight:650;line-height:1.05;position:relative}.platformCoverSubtitle{letter-spacing:0;color:#c2d7cb;margin-top:18px;font-size:.8rem;font-weight:400;line-height:1.5}.platformCoverJourney{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:8px;font-size:.58rem;font-weight:650;display:flex;position:relative}.platformCoverJourney span{align-items:center;gap:6px;display:flex}.platformCoverJourney span:before{content:"";border:1px solid #b3dcca;border-radius:50%;width:5px;height:5px}.platformCoverBottom{letter-spacing:.04em;border-top:1px solid #ffffff25;padding-top:14px}.platformCoverBottom>span:last-child{text-align:right;text-transform:none;max-width:130px;font-weight:400}.platformCourseDetails{min-width:0;padding:clamp(24px,3vw,36px)}.platformCourseDetails h2{letter-spacing:-.035em;margin:12px 0 16px;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:650;line-height:1.2}.platformCourseDescription{max-width:610px;color:var(--muted);margin:0}.platformCourseTopics{color:var(--text);flex-wrap:wrap;gap:8px 18px;margin:22px 0 26px;padding:0;font-size:.77rem;font-weight:650;list-style:none;display:flex}.platformCourseFacts{border-block:1px solid var(--border);grid-template-columns:.8fr .8fr 1.4fr;gap:14px;margin:0 0 20px;padding:18px 0;display:grid}.platformCourseFacts>div{flex-direction:column-reverse;gap:3px;min-width:0;display:flex}.platformCourseFacts dt{color:var(--muted);font-size:.72rem}.platformCourseFacts dd{margin:0;font-size:clamp(1rem,2.1vw,1.3rem);font-weight:650;line-height:1.3}.platformCourseFormat{color:var(--muted);max-width:540px;margin:0;font-size:.8rem}.platformCourseProgress{border-top:1px solid var(--border);min-width:0;margin-top:22px;padding-top:18px}.platformProgressHeading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:.8rem;display:flex}.platformProgressHeading p{margin:0;font-weight:600}.platformProgressHeading strong{color:var(--accent);font-weight:650}.platformCourseProgress trama-progress{width:100%;display:block}.platformProgressCount{color:var(--muted);margin:8px 0 0;font-size:.72rem}.platformProgressGuest{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.platformProgressGuest p{color:var(--muted);margin:0;font-size:.8rem}.platformCourseFooter{border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel) 72%, var(--bg));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.platformCourseFooter>p{color:var(--muted);margin:0;font-size:.8rem}.platformCourseActions{flex-wrap:wrap;align-items:center;gap:16px;width:100%;display:flex}.platformCourseActions>trama-button,.platformCourseActions>trama-button::part(base){width:100%}.platformFooter{border-top:1px solid var(--border);min-width:0;color:var(--muted);background:var(--panel);flex:none;font-size:.68rem}.platformFooterInner{width:min(100%, var(--platform-content-width));padding:12px var(--platform-gutter);flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin-inline:auto;display:flex}.platformFooter a{color:var(--text);text-underline-offset:3px;font-weight:650}.platformNotice{max-width:750px;margin:auto;padding:32px}.platformNotice h1,.platformNotice p{margin-bottom:20px}.platformAccountBody{padding:var(--trama-dialog-body-padding,24px)}.platformAccountFooter{padding:var(--trama-dialog-footer-padding,0 24px 24px);flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.platformAccount{gap:20px;min-width:0;display:grid}.platformAccount form{gap:20px;display:grid}.platformAccountIntro h2{letter-spacing:-.03em;margin:6px 0 12px;font-size:1.6rem}.platformAccountIntro p:last-child,.platformAccount>p{color:var(--muted);margin:0;font-size:.9rem}.platformAccountIdentity{align-items:center;gap:14px;min-width:0;display:flex}.platformAccountIdentity>div{overflow-wrap:anywhere;min-width:0}.platformAccountIdentity strong{margin-top:4px;font-size:1rem;line-height:1.45;display:block}.platformAccountAvatar{background:color-mix(in srgb, var(--accent) 12%, var(--panel));width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;font-weight:650;display:grid}.platformLocalInbox{border-top:1px solid var(--border);color:var(--muted);padding-top:16px;font-size:.78rem}.platformLocalInbox p{margin:0 0 8px}.platformLocalInbox a{color:var(--accent);text-underline-offset:3px}@media (width>=700px){.platformCourseLayout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr)}.platformCourseCover{padding:30px}.platformCourseFooter{padding-inline:30px}.platformCourseActions,.platformCourseActions>trama-button,.platformCourseActions>trama-button::part(base){width:auto}}@media (width<=420px){.platformHeaderInner{gap:8px;min-height:60px}.platformBrand{gap:4px}.platformBrand strong,.platformCoverJourney{display:none}.platformFooter{font-size:.65rem}.platformFooterInner{padding-block:9px}}