:root{color-scheme:dark;--bg-a:#06101d;--bg-b:#0b1220;--bg-c:#02050b;--panel:rgba(6,18,34,0.72);--panel-soft:rgba(255,255,255,0.04);--line:rgba(255,255,255,0.1);--text:#f4f8ff;--muted:#a5b4c7;--accent:#8be9ff;--accent-2:#22d3ee;--shadow:0 24px 80px rgba(15,23,42,0.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,211,238,.18),transparent 28%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.15),transparent 20%),linear-gradient(180deg,var(--bg-a) 0,var(--bg-b) 48%,var(--bg-c) 100%);color:var(--text);font-family:Segoe UI Variable Display,Aptos,Trebuchet MS,sans-serif}a{color:inherit;text-decoration:none}.user-shell{position:relative;min-height:100vh}.user-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 90%);opacity:.28}.user-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(2,6,23,.6);backdrop-filter:blur(24px);transition:transform .18s ease,background-color .18s ease}.user-header.user-header-hidden{transform:translateY(calc(-100% - 8px))}.user-header-inner,.user-main{width:min(1280px,calc(100% - 48px));margin:0 auto}.user-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand-link{font-size:20px;font-weight:700;letter-spacing:.2em}.brand-subtitle{margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.25em;color:rgba(165,243,252,.75)}.user-nav-wrap{display:flex;align-items:center;justify-content:flex-end;position:relative}.user-nav-toggle{display:none;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:0 16px;background:rgba(255,255,255,.04);color:#f8fafc;font-size:14px;font-weight:700}.user-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.user-nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;color:#e2e8f0}.user-nav a.user-nav-active{border-color:rgba(139,233,255,.35);background:rgba(139,233,255,.12);color:#ffffff}.user-main{padding:40px 0 56px}.user-footer,.user-main{position:relative;z-index:1}.user-footer{border-top:1px solid var(--line);background:rgba(2,6,23,.45)}.user-footer-inner{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:18px 0 28px;color:var(--muted);font-size:13px;text-align:center}.user-footer-link{color:#e2e8f0;text-decoration:underline;text-underline-offset:3px}.stack-12>*+*{margin-top:48px}.panel{border:1px solid var(--line);border-radius:28px;background:var(--panel-soft);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.detail-hero-panel{padding:32px}.featured-week-card{padding:20px}.learn-text-panel{padding:32px}.hero-panel{position:relative;overflow:hidden;padding:40px 32px;background:rgba(2,6,23,.62)}.hero-panel:after{content:"";position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(270deg,rgba(103,232,249,.22),rgba(14,165,233,.08),transparent);filter:blur(28px)}.catalog-grid,.hero-grid,.learn-grid,.my-course-grid,.split-grid{display:grid;gap:24px}.hero-grid{grid-template-columns:1.25fr .75fr;position:relative;z-index:1}.hero-copy h1,.page-title{margin:0;font-size:56px;line-height:1.04;letter-spacing:-.03em}.body-copy,.hero-copy p,.page-description,.section-description{color:var(--muted);line-height:1.8}.chip-row,.hero-actions,.meta-row,.tag-row{display:flex;flex-wrap:wrap;gap:12px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700}.button-primary{background:#ffffff;color:#020617}.button-secondary{border:1px solid var(--line);color:#ffffff}.section-block>*+*{margin-top:20px}.section-eyebrow{margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:.32em;font-size:12px;font-weight:700}.section-title{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.02em}.catalog-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid.triple,.my-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.continue-card,.course-card,.detail-card,.lesson-card{overflow:hidden;padding:20px}.my-course-card{display:flex;flex-direction:column;min-height:100%}.my-course-content{display:flex;flex:1;flex-direction:column;gap:16px;margin-top:18px}.my-course-footer{margin-top:auto;padding-top:4px}.my-course-footer-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.my-course-resume-label{margin:-2px 0 0;font-size:13px}.library-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#e2e8f0;font-size:14px;font-weight:700}.library-action-button:disabled{opacity:.65}.empty-state-panel{padding:32px;background:rgba(2,6,23,.58)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.continue-card-inner{display:grid;grid-template-columns:220px 1fr;gap:16px}.cover-box{min-height:160px;border-radius:24px}.cover-box.tall{min-height:360px}.course-card .cover-box{min-height:192px;border-radius:24px}.badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700;border:1px solid transparent}.badge-accent{background:rgba(34,211,238,.15);color:#a5f3fc;border-color:rgba(103,232,249,.2)}.badge-success{background:rgba(52,211,153,.15);color:#bbf7d0;border-color:rgba(110,231,183,.2)}.badge-neutral{background:rgba(255,255,255,.1);color:rgba(255,255,255,.86);border-color:rgba(255,255,255,.15)}.progress-block>*+*{margin-top:8px}.progress-meta{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#cbd5e1}.progress-bar{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#38bdf8,#86efac)}.card-title{margin:0;font-size:32px;line-height:1.15}.small-title{margin:0;font-size:26px;line-height:1.2}.muted{color:var(--muted)}.catalog-toolbar{padding:20px}.my-course-toolbar{display:grid;gap:16px;padding:20px;background:rgba(2,6,23,.5)}.status-tab-row{display:flex;flex-wrap:wrap;gap:12px}.status-tab-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#e2e8f0;font-size:14px;font-weight:700}.status-tab-link-active{border-color:rgba(139,233,255,.35);background:rgba(139,233,255,.12);color:#ffffff}.status-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#cbd5e1;font-size:12px;font-weight:700}.search-box{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.05);padding:14px 16px;color:#94a3b8;font-size:14px}.detail-layout{display:grid;gap:24px;grid-template-columns:1.15fr .85fr}.meta-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;color:#cbd5e1;font-size:14px}.lesson-outline>*+*{margin-top:12px}.course-section-accordion{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);overflow:hidden}.course-section-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:18px 18px 16px}.course-section-summary::-webkit-details-marker{display:none}.course-section-title{margin:0;font-size:16px;font-weight:700;color:var(--text)}.course-section-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;white-space:nowrap}.course-section-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:999px;font-size:18px;line-height:1;color:var(--text);transition:transform .18s ease}.course-section-accordion[open] .course-section-chevron{transform:rotate(45deg)}.course-section-lessons{display:grid;gap:12px;padding:0 18px 18px}.outline-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.outline-item-copy{min-width:0;flex:1}.outline-item-progress{margin-top:12px}.outline-item-progress-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:12px;color:#cbd5e1}.outline-item-progress-bar{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.outline-item-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#38bdf8,#86efac)}.outline-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}.lesson-type-pill{flex:0 0 auto;padding:11px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:rgba(148,163,184,.12);color:#e2e8f0;line-height:1;text-align:center;text-transform:lowercase}.lesson-status-pill,.lesson-type-pill{min-width:68px;font-size:12px;font-weight:700}.lesson-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#cbd5e1}.lesson-status-pill-complete{border-color:rgba(110,231,183,.24);background:rgba(52,211,153,.14);color:#bbf7d0}.learn-grid{grid-template-columns:1.35fr .65fr}.player-shell{overflow:hidden;padding:0}.player-box{aspect-ratio:16/9;overflow:hidden;background:#000000}.player-box.portrait{aspect-ratio:9/16;max-width:420px;margin:0 auto}.video-player-wrap{position:relative;width:100%;height:100%}.player-frame{width:100%;height:100%;border-radius:28px;border:1px solid var(--line);background:rgba(2,6,23,.35);display:flex;align-items:center;justify-content:center;text-align:center}.video-element{-o-object-fit:contain;object-fit:contain}.video-element,.video-embed{width:100%;height:100%;display:block;background:#000000}.video-embed{border:0}.video-poster-overlay{position:absolute;inset:0;border:0;padding:0;background-color:#000000;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer}.video-poster-play{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;min-height:42px;border-radius:999px;padding:0 18px;background:rgba(255,255,255,.92);color:#020617;font-size:14px;font-weight:700}.attachment-box{border:1px dashed rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.03);padding:24px;color:#cbd5e1}.nav-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nav-buttons>*{min-height:48px;padding:0 18px;border-radius:18px;font-size:14px;font-weight:700;text-decoration:none;text-align:center}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#e2e8f0}.btn-ghost,.btn-solid{display:inline-flex;align-items:center;justify-content:center}.btn-solid{border:1px solid rgba(255,255,255,.14);background:#ffffff;color:#020617}@media (max-width:1080px){.catalog-grid.triple,.detail-layout,.hero-grid,.learn-grid,.split-grid{grid-template-columns:1fr}.my-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero-panel{padding:28px}}@media (max-width:860px){.user-header-inner{align-items:center;gap:12px;padding:10px 0}.catalog-grid,.continue-card-inner,.my-course-grid,.nav-buttons{grid-template-columns:1fr}.user-footer-inner,.user-header-inner,.user-main{width:min(100% - 32px,1280px)}.brand-subtitle{display:none}.hero-copy h1,.page-title{font-size:40px}.user-nav-wrap{margin-left:auto;display:flex}.user-nav-toggle{display:inline-flex;min-height:38px;padding:0 14px;font-size:13px}.user-nav{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:min(280px,calc(100vw - 32px));margin-top:0;padding:12px;gap:10px;border:1px solid var(--line);border-radius:20px;background:rgba(2,6,23,.94);box-shadow:0 20px 50px rgba(2,6,23,.42)}.user-nav.user-nav-open{display:grid;grid-template-columns:1fr}.user-nav a{width:100%;justify-content:flex-start;white-space:nowrap}.hero-panel{padding:28px 24px}.detail-hero-panel,.learn-text-panel{padding:24px}.featured-week-card{padding:18px}.empty-state-panel,.my-course-toolbar{padding:24px}.card-title,.section-title,.small-title{font-size:24px}.meta-list>div,.outline-item{flex-direction:column;align-items:flex-start}.outline-item-side{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.course-section-summary{align-items:flex-start}.course-section-meta{width:100%;justify-content:space-between}.video-poster-play{left:18px;bottom:18px}}@media (max-width:640px){.user-footer-inner,.user-header-inner,.user-main{width:min(100% - 24px,1280px)}.user-main{padding:28px 0 40px}.stack-12>*+*{margin-top:32px}.panel{border-radius:22px}.hero-panel{padding:22px 18px}.catalog-toolbar,.continue-card,.course-card,.detail-card,.detail-hero-panel,.featured-week-card,.learn-text-panel,.lesson-card{padding:16px}.hero-copy h1,.page-title{font-size:32px;line-height:1.08}.section-title{font-size:26px}.body-copy,.hero-copy p,.page-description,.section-description{line-height:1.7}.btn-ghost,.btn-solid,.button-primary,.button-secondary,.hero-actions>*,.nav-buttons>*{width:100%}.hero-actions,.nav-buttons{gap:10px}.section-eyebrow{letter-spacing:.24em}.cover-box{min-height:144px;border-radius:18px}.course-card .cover-box,.cover-box.tall{min-height:220px}.continue-card-inner{gap:14px}.continue-card-inner .cover-box{min-height:180px}.player-box.portrait{max-width:min(100%,320px)}.video-poster-play{left:12px;bottom:12px;min-height:38px;padding:0 14px;font-size:13px}.search-box{padding:12px 14px}.user-footer-inner{padding:16px 0 22px;font-size:12px}}@media (max-width:420px){.brand-link{font-size:16px;letter-spacing:.12em}.brand-subtitle{font-size:11px;letter-spacing:.18em}.hero-copy h1,.page-title{font-size:28px}.card-title,.section-title,.small-title{font-size:22px}.user-nav a{padding:9px 14px;font-size:13px}.course-section-lessons,.course-section-summary{padding-left:14px;padding-right:14px}.attachment-box,.outline-item{padding:14px}}