.learning-hub{--hub-background:none;--hub-overlay:.58;position:relative;min-height:calc(100svh - var(--header-height));isolation:isolate;overflow:hidden;background:#070707;color:#fff}
.learning-hub-backdrop{position:absolute;inset:0;z-index:-2;background-image:var(--hub-background);background-size:cover;background-position:center;transition:opacity .28s ease,background-image .35s ease;transform:scale(1.02)}
.learning-hub::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,var(--hub-overlay)) 100%),linear-gradient(0deg,#070707 0%,transparent 46%)}
.learning-hub-shell{width:min(var(--max),calc(100% - 48px));min-height:calc(100svh - var(--header-height));margin:auto;padding:42px 0 28px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:20px}
.learning-hub-intro{max-width:740px}.learning-hub-eyebrow{color:var(--yellow);font-weight:1000;letter-spacing:.16em;font-size:.72rem;margin-bottom:8px}.learning-hub-intro h1{margin:0;font-size:clamp(2.5rem,5vw,5.8rem);line-height:.86;letter-spacing:-.055em;max-width:850px}.learning-hub-intro p{margin:14px 0 0;max-width:680px;color:rgba(255,255,255,.76);font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.45}
.learning-hub-course-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learning-hub-course-tab{appearance:none;min-width:0;border:1px solid rgba(255,255,255,.18);background:rgba(5,5,5,.54);backdrop-filter:blur(8px);color:#fff;text-align:left;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;cursor:pointer;overflow:visible;transition:transform .18s ease,border-color .18s ease,background .18s ease}.learning-hub-course-tab:hover{transform:translateY(-2px)}.learning-hub-course-tab.is-active{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow);background:rgba(0,0,0,.76)}.learning-hub-course-tab-icon{width:24px;height:24px;color:var(--yellow)}.learning-hub-course-tab span{min-width:0;font-weight:950;font-size:.95rem;line-height:1.08}.learning-hub-course-progress{grid-column:1/-1;display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.learning-hub-course-progress b{display:block;width:var(--hub-progress,0%);height:100%;border-radius:inherit;background:var(--yellow)}
.learning-hub-stage{min-height:0}.learning-hub-course{height:100%;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2.2fr);gap:26px;align-items:end}.learning-hub-course[hidden]{display:none}.learning-hub-course-copy{align-self:center;max-width:430px}.learning-hub-course-meta{display:flex;gap:10px;align-items:center;color:var(--yellow);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.learning-hub-course-copy h2{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.93;margin:8px 0}.learning-hub-course-copy p{color:rgba(255,255,255,.78);font-size:.9rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.learning-hub-course-copy .btn{margin-top:8px}
.learning-hub-topics-wrap{min-width:0}.learning-hub-topics-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 9px;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.learning-hub-topics-head span{color:var(--yellow)}.learning-hub-topics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,29%);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 2px 8px;scrollbar-width:thin}.learning-topic-card{position:relative;min-height:210px;border:1px solid rgba(255,255,255,.15);border-radius:15px;overflow:hidden;background:#181818 var(--topic-image) center/cover no-repeat;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease}.learning-topic-card:hover{transform:translateY(-3px);border-color:rgba(255,214,0,.75)}.learning-topic-card.is-complete{border-color:rgba(91,211,128,.65)}.learning-topic-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.08) 72%)}.learning-topic-card-copy{position:absolute;inset:auto 14px 13px;display:grid;gap:4px}.learning-topic-card-copy small{color:var(--yellow);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.learning-topic-card-copy strong{font-size:1.05rem;line-height:1.02}.learning-topic-card-copy em{font-style:normal;font-size:.65rem;color:rgba(255,255,255,.72);font-weight:750}.learning-topic-drawer-source{display:none!important}.learning-topic-drawer{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;color:var(--drawer-text,#fff)}.learning-topic-drawer-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 22px}.learning-topic-drawer img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.learning-topic-drawer-content{display:grid;gap:12px;padding:18px 2px 6px}.learning-topic-drawer-kicker{color:var(--drawer-accent,var(--yellow));font-weight:900;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.learning-topic-drawer h2{font-size:clamp(1.8rem,6vw,2.8rem);line-height:.95;margin:0}.learning-topic-drawer p{margin:0;line-height:1.55;color:color-mix(in srgb,var(--drawer-text,#fff) 78%,transparent);white-space:normal}.learning-topic-drawer-actions{flex:0 0 auto;display:grid;gap:10px;padding:14px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.18);background:color-mix(in srgb,var(--drawer-bg,#171717) 94%,#000 6%)}.learning-topic-drawer-actions .btn{width:100%;justify-content:center;text-align:center}.learning-topic-drawer-state{padding:10px 12px;border:1px solid color-mix(in srgb,var(--drawer-accent,var(--yellow)) 48%,transparent);border-radius:10px;font-weight:850;font-size:.8rem}.learning-hub-empty{padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(0,0,0,.48)}
@media(max-width:900px){.learning-hub{min-height:calc(100svh - var(--header-height-mobile));overflow:visible}.learning-hub-shell{width:min(100% - 28px,var(--max));min-height:calc(100svh - var(--header-height-mobile));padding:26px 0 24px;grid-template-rows:auto auto auto}.learning-hub-intro h1{max-width:78%;font-size:clamp(2.4rem,12vw,4.6rem)}.learning-hub-intro p{max-width:92%}.learning-hub-course-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;overflow:visible}.learning-hub-course-tab{min-width:0;min-height:112px;padding:12px 9px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;place-items:center;text-align:center;gap:8px;border-radius:15px}.learning-hub-course-tab-icon{width:27px;height:27px}.learning-hub-course-tab span{font-size:.82rem;line-height:1.04;overflow-wrap:anywhere}.learning-hub-course-progress{grid-column:1;width:100%;align-self:end}.learning-hub-course{grid-template-columns:1fr;gap:16px}.learning-hub-course-copy{max-width:100%}.learning-hub-course-copy p{-webkit-line-clamp:3}.learning-hub-topics{grid-auto-columns:78%;}.learning-topic-card{min-height:230px}.learning-hub::before{background:linear-gradient(0deg,#070707 0%,rgba(0,0,0,.62) 54%,rgba(0,0,0,.72) 100%)}}
@media(max-width:430px){.learning-hub-course-tabs{gap:7px}.learning-hub-course-tab{min-height:106px;padding:11px 7px}.learning-hub-course-tab-icon{width:24px;height:24px}.learning-hub-course-tab span{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.learning-hub-backdrop,.learning-hub-course-tab,.learning-topic-card{transition:none!important}}