.learn-portal{--learn-bg: 40 30% 97%;--learn-surface: 0 0% 100%;--learn-surface-2: 40 25% 95%;--learn-text: 165 30% 12%;--learn-text-muted: 165 12% 38%;--learn-border: 40 15% 88%;--learn-primary: 151 55% 32%;--learn-primary-fg: 0 0% 100%;--learn-accent: 151 50% 90%;--learn-shadow: 0 1px 3px hsl(165 30% 12% / .06), 0 4px 14px hsl(165 30% 12% / .05);background-color:hsl(var(--learn-bg));color:hsl(var(--learn-text));font-family:Inter,system-ui,-apple-system,sans-serif}.learn-portal[data-learn-theme=dark]{--learn-bg: 165 25% 8%;--learn-surface: 165 22% 12%;--learn-surface-2: 165 20% 16%;--learn-text: 40 25% 94%;--learn-text-muted: 40 10% 65%;--learn-border: 165 20% 22%;--learn-primary: 151 55% 50%;--learn-primary-fg: 165 30% 8%;--learn-accent: 151 40% 22%;--learn-shadow: 0 1px 3px hsl(0 0% 0% / .3), 0 6px 20px hsl(0 0% 0% / .35)}.learn-header{background-color:hsl(var(--learn-surface));border-color:hsl(var(--learn-border))}.learn-logo-mark{width:36px;height:36px;border-radius:10px;background:hsl(var(--learn-primary));color:hsl(var(--learn-primary-fg));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:.5px}.learn-brand-title{font-weight:700;font-size:15px;color:hsl(var(--learn-text))}.learn-brand-sub{font-size:11px;color:hsl(var(--learn-text-muted));text-transform:uppercase;letter-spacing:1px}.learn-pill-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background-color:hsl(var(--learn-surface-2));color:hsl(var(--learn-text));font-size:13px;font-weight:500;border:1px solid hsl(var(--learn-border));transition:background-color .15s,transform .05s}.learn-pill-btn:hover{background-color:hsl(var(--learn-accent))}.learn-pill-btn:active{transform:scale(.97)}.learn-card{background-color:hsl(var(--learn-surface));border:1px solid hsl(var(--learn-border));border-radius:14px;box-shadow:var(--learn-shadow);overflow:hidden}.learn-input{width:100%;height:44px;padding:0 14px;border-radius:10px;background-color:hsl(var(--learn-surface));border:1px solid hsl(var(--learn-border));color:hsl(var(--learn-text));font-size:15px;transition:border-color .15s,box-shadow .15s}.learn-input:focus{outline:none;border-color:hsl(var(--learn-primary));box-shadow:0 0 0 3px hsl(var(--learn-primary) / .15)}.learn-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;background-color:hsl(var(--learn-primary));color:hsl(var(--learn-primary-fg));font-weight:600;font-size:15px;transition:filter .15s,transform .05s}.learn-btn-primary:hover{filter:brightness(1.05)}.learn-btn-primary:active{transform:scale(.98)}.learn-btn-primary:disabled{opacity:.5;cursor:not-allowed}.learn-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;color:hsl(var(--learn-text));background-color:transparent;border:1px solid hsl(var(--learn-border));font-weight:500;font-size:13px}.learn-btn-ghost:hover{background-color:hsl(var(--learn-surface-2))}.learn-module{background:hsl(var(--learn-surface));border:1px solid hsl(var(--learn-border));border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--learn-shadow)}.learn-module-title{font-size:22px;font-weight:700;color:hsl(var(--learn-text));margin-bottom:6px}.learn-module-desc{font-size:14px;color:hsl(var(--learn-text-muted));margin-bottom:18px}.learn-lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.learn-lesson-card{background:hsl(var(--learn-surface-2));border:1px solid hsl(var(--learn-border));border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;display:flex;flex-direction:column}.learn-lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1528231a}.learn-lesson-thumb{aspect-ratio:16 / 9;background:hsl(var(--learn-bg));background-size:cover;background-position:center;position:relative}.learn-lesson-thumb-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:hsl(var(--learn-primary))}.learn-lesson-meta{padding:12px 14px 14px}.learn-lesson-name{font-size:14px;font-weight:600;color:hsl(var(--learn-text));line-height:1.35}.learn-lesson-sub{font-size:11px;color:hsl(var(--learn-text-muted));margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.learn-module-list{display:flex;flex-direction:column}.learn-lesson-row{display:flex;align-items:center;gap:16px;padding:14px 8px;border-top:1px solid hsl(var(--learn-border));background:transparent;border-left:none;border-right:none;border-bottom:none;text-align:left;cursor:pointer;transition:background-color .12s;width:100%}.learn-lesson-row:first-child{border-top:none}.learn-lesson-row:hover{background:hsl(var(--learn-surface-2))}.learn-lesson-row-thumb{width:96px;height:64px;border-radius:8px;flex-shrink:0;background:hsl(var(--learn-bg));background-size:cover;background-position:center;position:relative;overflow:hidden}.learn-lesson-row-thumb-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:hsl(var(--learn-primary))}.learn-lesson-row-body{flex:1;min-width:0}.learn-lesson-row-title{font-size:15px;font-weight:600;color:hsl(var(--learn-text));margin-bottom:4px}.learn-lesson-row-desc{font-size:13px;color:hsl(var(--learn-text-muted));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-lesson-row-check{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:hsl(var(--learn-primary))}.learn-player-shell{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 64px)}@media (min-width: 1400px){.learn-player-shell{grid-template-columns:400px 1fr}}@media (max-width: 900px){.learn-player-shell{grid-template-columns:1fr}}.learn-sidebar{background:hsl(var(--learn-surface));border-right:1px solid hsl(var(--learn-border));overflow-y:auto;max-height:calc(100vh - 64px)}@media (max-width: 900px){.learn-sidebar{max-height:none;border-right:none;border-bottom:1px solid hsl(var(--learn-border))}.learn-sidebar-desktop{display:none}}.learn-lesson-mobile-back{display:none}@media (max-width: 900px){.learn-lesson-mobile-back{display:block;padding:12px 16px 0}.learn-lesson-mobile-back .learn-btn-ghost{width:auto}}@media (max-width: 900px){.learn-course-header-mobile-hide,.learn-course-back-mobile-hide{display:none!important}}.learn-sidebar-section{padding:8px 0;border-bottom:1px solid hsl(var(--learn-border))}.learn-sidebar-module-title{padding:10px 18px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:hsl(var(--learn-text-muted));white-space:normal;overflow-wrap:break-word}.learn-sidebar-lesson{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;font-size:13px;line-height:1.35;color:hsl(var(--learn-text));cursor:pointer;transition:background-color .1s;border:none;background:none;width:100%;text-align:left;white-space:normal;overflow-wrap:break-word;word-break:break-word}.learn-sidebar-lesson:hover{background:hsl(var(--learn-surface-2))}.learn-sidebar-lesson.active{background:hsl(var(--learn-accent));color:hsl(var(--learn-text));font-weight:600}.learn-sidebar-lesson-check{width:18px;height:18px;border-radius:50%;border:1.5px solid hsl(var(--learn-border));flex-shrink:0;display:flex;align-items:center;justify-content:center}.learn-sidebar-lesson-check.complete{background:hsl(var(--learn-primary));border-color:hsl(var(--learn-primary));color:hsl(var(--learn-primary-fg))}.learn-player-main{padding:28px 32px 80px;max-width:980px;margin:0 auto;width:100%}@media (max-width: 700px){.learn-player-main{padding:16px 16px 80px}}body.learn-scroll-unlock{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-width:100vw}html.public-scrollable-page,body.public-scrollable-page{overflow-x:hidden;max-width:100vw}@keyframes learn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.learn-portal .animate-float{animation:learn-float 2.4s ease-in-out infinite}.learn-portal .lesson-preview{font-size:16px;line-height:1.7;color:hsl(var(--learn-text))}.learn-portal .lesson-preview p{margin:.9em 0}.learn-portal .lesson-preview p:empty{min-height:1em}.learn-portal .lesson-preview .lesson-soft-break{display:block;height:.6em;line-height:0}.learn-portal .lesson-preview h1,.learn-portal .lesson-preview h2,.learn-portal .lesson-preview h3,.learn-portal .lesson-preview h4{font-weight:700;margin:1.4em 0 .5em;line-height:1.3;color:hsl(var(--learn-text))}.learn-portal .lesson-preview h1{font-size:1.5em}.learn-portal .lesson-preview h2{font-size:1.3em}.learn-portal .lesson-preview h3{font-size:1.15em}.learn-portal .lesson-preview h4{font-size:1.05em}.learn-portal .lesson-preview ul,.learn-portal .lesson-preview ol{margin:.9em 0;padding-left:1.5em}.learn-portal .lesson-preview ul{list-style:disc}.learn-portal .lesson-preview ol{list-style:decimal}.learn-portal .lesson-preview li{margin:.35em 0}.learn-portal .lesson-preview li p{margin:0}.learn-portal .lesson-preview a{color:hsl(var(--learn-primary));text-decoration:underline}.learn-portal .lesson-preview strong{font-weight:700}.learn-portal .lesson-preview em{font-style:italic}.learn-portal .lesson-preview mark{background-color:#fef08a;color:#000;border-radius:2px;padding:0 2px}.learn-portal .lesson-preview hr{border:none;border-top:1px solid hsl(var(--learn-border));margin:1.6em 0}.learn-portal .lesson-preview blockquote{border-left:3px solid hsl(var(--learn-border));padding-left:1em;margin:1em 0;color:hsl(var(--learn-text-muted))}.learn-portal .lesson-preview iframe{max-width:100%;display:block;border-radius:8px;margin:1em 0}.learn-portal .lesson-preview img{max-width:100%;border-radius:8px;margin:1em 0}.learn-portal .learn-pill-btn--compact{height:30px;padding:0 10px;font-size:13px}.learn-portal .learn-avatar-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;padding:0 6px 0 8px;border-radius:999px;background:hsl(var(--learn-accent));color:hsl(var(--learn-text));border:1px solid hsl(var(--learn-border));cursor:pointer;transition:background-color .15s,transform .05s}.learn-portal .learn-avatar-btn:hover{background:hsl(var(--learn-primary) / .15)}.learn-portal .learn-avatar-btn:active{transform:scale(.96)}.learn-portal .learn-avatar-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:hsl(var(--learn-surface));border:1px solid hsl(var(--learn-border));border-radius:12px;box-shadow:0 12px 32px hsl(var(--learn-text) / .12);padding:6px;z-index:50}.learn-portal .learn-avatar-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;color:hsl(var(--learn-text));background:transparent;border:none;cursor:pointer;text-align:left}.learn-portal .learn-avatar-menu-item:hover{background:hsl(var(--learn-accent))}.learn-portal .learn-fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.learn-portal .learn-fade-in.is-visible{opacity:1;transform:translateY(0)}@keyframes learn-page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learn-portal .learn-page-fade{animation:learn-page-fade-in .45s ease-out both;will-change:opacity,transform}.learn-portal .learn-block-hero{position:relative;border-radius:20px;padding:60px 32px;text-align:center;background:hsl(var(--learn-surface));border:1px solid hsl(var(--learn-border));overflow:hidden}.learn-portal .learn-block-hero.has-bg{background-size:cover;background-position:center;color:#fff;border-color:transparent;min-height:320px;display:flex;align-items:center;justify-content:center}.learn-portal .learn-block-hero.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000008c);z-index:0}.learn-portal .learn-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.learn-portal .learn-hero-title{font-size:clamp(28px,4.5vw,44px);font-weight:700;line-height:1.1;color:hsl(var(--learn-text));margin:0}.learn-portal .learn-block-hero.has-bg .learn-hero-title{color:#fff}.learn-portal .learn-hero-sub{margin-top:14px;font-size:clamp(15px,1.6vw,18px);color:hsl(var(--learn-text-muted));line-height:1.55}.learn-portal .learn-block-hero.has-bg .learn-hero-sub{color:#ffffffe6}.learn-portal .learn-hero-cta{display:inline-block;margin-top:22px;padding:12px 22px;border-radius:999px;font-weight:600;background:hsl(var(--learn-primary));color:#fff;text-decoration:none;transition:transform .1s,opacity .15s}.learn-portal .learn-hero-cta:hover{opacity:.92}.learn-portal .learn-hero-cta:active{transform:scale(.97)}.learn-portal .learn-section-heading{font-size:clamp(22px,2.6vw,30px);font-weight:700;color:hsl(var(--learn-text));margin:0 0 14px;line-height:1.2}.learn-portal .learn-block-imgtext{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.learn-portal .learn-block-imgtext.reverse{direction:rtl}.learn-portal .learn-block-imgtext.reverse>*{direction:ltr}@media (max-width: 768px){.learn-portal .learn-block-imgtext,.learn-portal .learn-block-imgtext.reverse{grid-template-columns:1fr;direction:ltr;gap:20px}}.learn-portal .learn-imgtext-image img{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 8px 24px hsl(var(--learn-text) / .08)}.learn-portal .learn-imgtext-image--placeholder{width:100%;aspect-ratio:4 / 3;border-radius:16px;background:hsl(var(--learn-surface));border:1px dashed hsl(var(--learn-border))}.learn-portal .learn-block-text{max-width:760px;margin:0 auto}