:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f9ff;--bg-soft:#edf4ff;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#e5ebf3;--surface-4:#dde5ef;--text-main:#13233f;--text-strong:#0a1730;--text-muted:#637799;--accent:#3b82f6;--accent-strong:#2563eb;--accent-soft:#dbeafe;--success:#0ea5a4;--warning:#f59e0b;--danger:#ef4444;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--content-max:1180px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text-main);font-family:var(--font-sans);background:radial-gradient(circle at 10% 0,#3b82f624,#0000 32%),radial-gradient(circle at 90% 0,#7dd3fc29,#0000 28%),linear-gradient(#f8fbff 0%,#eef5ff 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}.gate,.content{width:100%}.gate{place-items:center;min-height:100vh;padding:28px;display:grid}.gate--light{background:0 0}.hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:stretch;gap:24px;width:min(100%,1180px);display:grid}.hero-panel__content,.gate-card,.hero-banner,.study-banner,.soft-panel,.soft-card,.feature-card,.course-showcase-card,.lesson-link-card,.list-card,.course-card,.lesson-button,.task-card,.quiz-option,.card{background:var(--surface);border-radius:var(--radius-lg);border:none}.card{padding:24px}.hero-panel__content{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:24px;padding:28px;display:grid}.hero-panel__copy,.hero-banner__copy,.study-banner__copy{gap:16px;display:grid}.hero-panel__copy h1,.hero-banner__copy h1,.study-banner__copy h1{color:var(--text-strong);font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.02}.hero-panel__art,.hero-banner__art{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.hero-banner__art--small{justify-self:end;max-width:220px}.hero-bullets,.inline-meta,.lesson-chip-list{flex-wrap:wrap;gap:10px;display:flex}.inline-meta span,.lesson-chip{background:var(--surface-3);color:var(--text-muted);border-radius:999px;padding:10px 14px;font-size:.95rem}.gate-card{padding:28px}.page-stack{width:min(100%, var(--content-max));flex-direction:column;gap:22px;display:flex}.page-stack--airy{gap:28px}.stack{flex-direction:column;gap:16px;display:flex}.gap-sm{gap:10px}.gap-lg{gap:20px}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface-2);flex-direction:column;gap:24px;height:100vh;padding:30px 18px;display:flex;position:sticky;top:0}.brand{gap:6px;display:grid}.stat-tile__label,.caption{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.brand strong{color:var(--text-strong);font-size:1.55rem}.sidebar__nav,.lesson-list,.lesson-detail,.quiz-options{flex-direction:column;gap:12px;display:flex}.shell__content{justify-content:center;padding:30px 28px 110px;display:flex}.content{width:min(100%, var(--content-max))}.bottom-nav{z-index:20;background:var(--surface);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;display:none;position:fixed;bottom:16px;left:16px;right:16px}.nav-link,.bottom-nav__item,.lesson-button,.lesson-link-card,.task-nav__item,.course-showcase-card--interactive,.soft-card--task-interactive{border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface-2);cursor:pointer;padding:14px 16px;transition:all .18s}.nav-link:hover,.bottom-nav__item:hover,.lesson-button:hover,.lesson-link-card:hover{background:var(--surface-3);color:var(--accent-strong);transform:translateY(-1px)}.nav-link--active,.bottom-nav__item--active,.lesson-button--active,.lesson-link-card--active{background:var(--accent-soft);color:var(--accent-strong)}.section{gap:18px;display:grid}.section__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section__header h2{color:var(--text-strong);font-size:1.35rem}.hero-banner,.study-banner{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:24px;padding:28px;display:grid}.hero-banner--compact{grid-template-columns:minmax(0,1fr) 220px}.stats-grid,.dashboard-grid,.admin-grid,.course-grid,.course-layout,.split-layout,.task-summary-grid{gap:20px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--soft .stat-tile{background:var(--surface-2)}.dashboard-grid,.admin-grid,.course-layout,.course-grid,.course-grid--single-row{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:320px minmax(0,1fr)}.task-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile{flex-direction:column;gap:10px;padding:22px;display:flex}.stat-tile__value{color:var(--text-strong);font-size:2rem}.button-row,.split-row,.task-card__header,.task-card__progress{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-row--compact{justify-content:flex-start}.button{appearance:none;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .18s,opacity .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.button--secondary{color:var(--accent-strong);background:#fff}.button--ghost{background:var(--surface-2);color:var(--text-muted)}.button--danger{color:var(--danger);background:#fef2f2}.input,.textarea,select.input{background:var(--surface-2);width:100%;color:var(--text-main);border:none;border-radius:16px;outline:none;padding:14px 16px}.input:focus,.textarea:focus,select.input:focus{background:var(--surface-3)}.textarea{resize:vertical;min-height:150px}.badge,.pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.badge{background:var(--surface-3);color:var(--text-muted)}.badge--accent,.pill--blue{color:var(--accent-strong);background:#dbeafe}.badge--success{color:var(--success);background:#def7f2}.badge--warning{color:var(--warning);background:#fff7dd}.badge--danger{color:var(--danger);background:#ffe8ea}.progress{background:var(--surface-4);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:inherit;height:100%}.muted{color:var(--text-muted);line-height:1.65}.empty-state{text-align:center;place-content:center;gap:8px;min-height:180px;display:grid}.soft-panel,.soft-card,.course-showcase-card,.lesson-link-card,.task-card,.list-card,.course-card,.lesson-button,.quiz-option,.stat-tile{padding:20px}.soft-panel,.soft-card,.list-card,.lesson-link-card,.lesson-button,.quiz-option{background:var(--surface-2)}.course-showcase-card{background:var(--surface)}.task-card{background:var(--surface-2)}.feature-card{background:var(--surface-2);grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:18px;padding:22px;display:grid}.feature-card__metric{gap:10px;display:grid}.course-showcase-card{flex-direction:column;gap:18px;display:flex}.course-showcase-card--interactive{text-align:left;width:100%}.task-card{gap:18px;display:grid}.task-card__progress{min-width:140px}.markdown{gap:14px;line-height:1.72;display:grid}.markdown pre{background:var(--surface-3);border-radius:18px;padding:16px;overflow:auto}.video-frame iframe{aspect-ratio:16/9;background:var(--surface-3);border:0;border-radius:24px;width:100%}.quiz-option{background:var(--surface-3);align-items:flex-start;gap:12px;display:flex}.task-index{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;display:inline-flex}.split-layout--study{grid-template-columns:280px minmax(0,1fr);align-items:start}.task-nav-panel{position:sticky;top:24px}.task-nav{flex-direction:column;gap:10px;display:flex}.task-nav__item{border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-main);cursor:pointer;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px;scroll-margin-top:24px;display:grid}.task-nav__item span:first-child{width:32px;height:32px;color:var(--accent-strong);background:#fff;border-radius:999px;place-items:center;font-weight:700;display:grid}.task-nav__item--done{background:#e7f7f6}.soft-card--task-interactive{text-align:left;width:100%}.study-task-anchor{scroll-margin-top:24px}.task-nav__item--done span:first-child{color:#047857;background:#d1fae5}@media (max-width:1100px){.hero-panel,.hero-banner,.study-banner,.dashboard-grid,.admin-grid,.course-layout,.split-layout,.course-grid,.task-summary-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{display:grid}.shell__content{padding:20px 16px 110px}.section__header,.split-row,.task-card__header,.task-card__progress,.button-row{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.stats-grid{grid-template-columns:1fr}.button{justify-content:center;width:100%}}