:root{--ink: #0c2b4e;--navy: #1a3d64;--teal: #1d546c;--paper: #f4f4f4;--bg: var(--paper);--surface: #ffffff;--border: #dfe4ea;--text: var(--ink);--muted: #5a6b7e;--accent: var(--navy);--accent-hover: var(--ink);--accent-2: var(--teal);--accent-soft: #e6edf4;--accent-line: #b3c5d6;--accent-wash: #f2f6fa;--subtle: #e8ecf1;--subtle-2: #eef1f5;--soft: #f9fafb;--ok: #17803d;--error: #c02626;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(12, 43, 78, .06);--shadow-sm: 0 1px 2px rgba(12, 43, 78, .06), 0 2px 6px rgba(12, 43, 78, .04);--shadow: 0 1px 2px rgba(12, 43, 78, .05), 0 8px 24px rgba(12, 43, 78, .05);--shadow-md: 0 2px 4px rgba(12, 43, 78, .06), 0 12px 28px rgba(12, 43, 78, .08);--shadow-lg: 0 4px 8px rgba(12, 43, 78, .07), 0 24px 48px rgba(12, 43, 78, .12);--ring: 0 0 0 3px rgba(26, 61, 100, .28);--ease: cubic-bezier(.32, .72, 0, 1);--fast: .14s;--slow: .26s}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}.icon{flex:0 0 auto;display:inline-block;vertical-align:-.05em}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 1.5rem;background:#ffffffd1;backdrop-filter:saturate(1.8) blur(12px);-webkit-backdrop-filter:saturate(1.8) blur(12px);border-bottom:1px solid var(--border)}@supports not (backdrop-filter: blur(1px)){.header{background:var(--surface)}}.brand{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}.header>.row:first-child{flex:1 1 auto;min-width:0}.brand-mark{width:1.6rem;height:1.6rem;flex:0 0 auto;border-radius:7px;background:linear-gradient(140deg,var(--ink),var(--teal));position:relative}.brand-mark:after{content:"";position:absolute;top:.45rem;right:.45rem;bottom:.45rem;left:.45rem;border-radius:2px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.header-user{display:flex;align-items:center;gap:.6rem}.avatar{flex:0 0 auto;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--navy),var(--teal));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:normal;-webkit-user-select:none;user-select:none}.header-identity{display:flex;flex-direction:column;line-height:1.25;min-width:0}.header-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}.header-role{font-size:.75rem;color:var(--muted);text-transform:capitalize}@media(max-width:720px){.header-identity{display:none}}.container{max-width:780px;margin:2rem auto;padding:0 1rem}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.card.narrow{max-width:400px;margin:0 auto}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 12rem);padding:1rem 0 3rem}.auth-layout .card{width:100%;box-shadow:var(--shadow-md)}.auth-brand{display:flex;align-items:center;gap:.55rem;margin-bottom:1.25rem;font-weight:700;font-size:.95rem;letter-spacing:-.01em}.auth-layout h1{font-size:1.4rem;letter-spacing:-.02em}.auth-alt{margin-bottom:0;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}button.block{width:100%}.stack{display:flex;flex-direction:column;gap:1rem}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:0 0 .85rem}label{display:block;margin-top:.9rem;margin-bottom:.25rem;font-size:.875rem;font-weight:600}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background:var(--surface);color:var(--text);font-family:inherit}textarea{resize:vertical;line-height:1.5}textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input:disabled,select:disabled{background:var(--subtle-2);color:var(--muted);cursor:not-allowed}button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1.1rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.925rem;font-weight:600;line-height:1.35;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border);margin-top:0;font-weight:500}button.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--accent-line);color:var(--accent)}button.ghost{background:transparent;color:var(--muted);border-color:transparent;margin-top:0;font-weight:500;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--subtle-2);color:var(--text);box-shadow:none;transform:none}button.lg,.btn-link.lg{padding:.7rem 1.35rem;font-size:1rem}.row{display:flex;align-items:center;gap:.6rem}.row.wrap{flex-wrap:wrap;margin-top:.9rem}a{color:var(--accent-2);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--ink)}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:var(--ok);font-weight:600;margin:0 0 .75rem}.error{color:var(--error);font-size:.9rem;margin-top:.9rem}.centered{text-align:center;padding:3rem 1rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-block{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.demo-block .muted{margin:0 0 .5rem}.kv{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.25rem;margin:0;font-size:.9rem}.kv dt{color:var(--muted)}.kv dd{margin:0}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.5;background:var(--subtle);color:var(--muted);white-space:nowrap}.pill-instructor{background:var(--accent-soft);color:var(--accent)}.pill-student{background:#e4f4ea;color:#17803d}.pill-badge{background:#fdf1d8;color:#8a5a06}.pill-draft{margin-left:.5rem}.stats{display:flex;flex-wrap:wrap;gap:1.75rem}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.8rem;color:var(--muted)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none}code{background:var(--subtle);padding:.1rem .3rem;border-radius:4px;font-size:.85em}.container-wide{max-width:1060px}.nav{display:flex;gap:.25rem;margin-left:.75rem;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.nav a:hover{background:var(--subtle);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(max-width:860px){.nav{margin-left:.25rem}.nav a{padding:.35rem .5rem}.nav a .icon{display:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-head h1{margin-bottom:.15rem;font-size:1.65rem;letter-spacing:-.02em}.page-head p{margin:0}.page-head-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.page-head-actions button{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}.panel-head h2{margin:0}.crumb{font-size:.85rem;color:var(--muted);margin:0 0 .25rem}.crumb a{color:var(--muted)}.row.tight{gap:.4rem}.footnote{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--border)}.clamp{margin:.15rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:500;line-height:1.35;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-xs);transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn-link:hover{border-color:var(--accent-line);color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-link:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.btn-link.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-link.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button.danger{color:var(--error)}button.danger:hover:not(:disabled){border-color:var(--error);background:#fdf0f0;color:var(--error)}button.icon{padding:.35rem .6rem;line-height:1}button.chip{padding:.25rem .7rem;font-size:.8rem;border-radius:999px;text-transform:capitalize}button.chip-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}button.chip-active:hover:not(:disabled){background:var(--accent-line);color:var(--ink)}.inline-form{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.field-grid{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:0 1rem}@media(max-width:560px){.field-grid{grid-template-columns:1fr}}.checkbox-row{display:flex;align-items:center;gap:.55rem;font-weight:500}.checkbox-row input{width:auto;margin:0}.course-row{align-items:center!important}.course-row-main{min-width:0}.course-row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.course-row-actions button{margin-top:0}.module-list li{display:block;padding:.85rem 0}.module-row-head{display:flex;align-items:flex-start;gap:.85rem}.module-order{flex:0 0 auto;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--subtle);color:var(--muted);font-size:.8rem;font-weight:700}.module-row-main{flex:1 1 auto;min-width:0}.module-row-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.module-row-actions button{margin-top:0}.module-editor{margin:.85rem 0 0 2.6rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--soft)}@media(max-width:560px){.module-editor{margin-left:0}}.placeholder-note{margin-top:1rem;padding:.85rem 1rem;border-left:3px solid #d8bd6a;background:#fdf9ef;border-radius:0 6px 6px 0}.placeholder-note p{margin:0 0 .4rem}.placeholder-note p:last-child{margin-bottom:0}.config-preview{margin:0;padding:.6rem .75rem;background:var(--subtle);border-radius:6px;font-size:.8rem;overflow-x:auto}.note-panel{background:var(--soft)}.note-panel ul{margin:0;padding-left:1.1rem;color:var(--muted)}.note-panel li+li{margin-top:.35rem}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.65rem .75rem .65rem 0;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--fast) var(--ease)}.table tbody tr:hover{background:var(--accent-wash)}.table tbody tr:hover td:first-child{box-shadow:-.5rem 0 0 var(--accent-wash)}.table .numeric{text-align:right;padding-right:1.25rem;font-variant-numeric:tabular-nums}.table td button{margin-top:0}.table td select{width:auto;min-width:8rem;padding:.3rem .5rem;font-size:.85rem}.row-inactive td:not(:last-child){opacity:.55}.completion-cell{display:flex;align-items:center;gap:.6rem;min-width:9rem}.progress{flex:1 1 auto;height:7px;min-width:4.5rem;background:var(--subtle);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.pill-published{background:#e4f4ea;color:#17803d}.pill-self{margin-left:.4rem;background:var(--accent-soft);color:var(--accent)}.pill-type-content{background:var(--accent-soft);color:var(--accent)}.pill-type-quiz{background:#f0e8fb;color:#6035a8}.pill-type-serious_game{background:#e4f4ea;color:#17803d}.pill-type-casual_game{background:#fdf1d8;color:#8a5a06}.pill-status-not_started{background:var(--subtle);color:var(--muted)}.pill-status-in_progress{background:#fdf1d8;color:#8a5a06}.pill-status-completed{background:#e4f4ea;color:#17803d}.player-layout{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:1rem;align-items:start}@media(max-width:760px){.player-layout{grid-template-columns:1fr}}.player-sidebar{position:sticky;top:1rem}.player-sidebar .panel{padding:1.1rem}.player-main{min-width:0}.module-nav ol{list-style:none;margin:0;padding:0}.module-nav-item{display:flex;align-items:flex-start;gap:.6rem;width:100%;margin:0 0 .2rem;padding:.45rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-weight:500;text-align:left}button.module-nav-item:hover:not(:disabled){background:var(--subtle-2);color:var(--text)}.module-nav-item.is-current{background:var(--accent-soft);border-color:var(--accent-line)}.module-nav-text{display:flex;flex-direction:column;min-width:0}.module-nav-title{font-size:.9rem;line-height:1.35}.module-tick{flex:0 0 auto;width:1.4rem;height:1.4rem;margin-top:.1rem;display:grid;place-items:center;border-radius:50%;background:var(--subtle);color:var(--muted);font-size:.72rem;font-weight:700}.module-tick.is-done{background:#17803d;color:#fff}.module-tick .icon{stroke-width:3}.module-nav-type{display:inline-flex;align-items:center;gap:.3rem}.icon-flip{transform:scaleX(-1)}.icon-up{transform:rotate(-90deg)}.icon-down{transform:rotate(90deg)}.course-progress{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:.4rem}.course-progress .completion-cell{min-width:11rem}.module-actions{margin-top:1.25rem;flex-wrap:wrap}.module-footer{justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin:1.4rem 0 .5rem;line-height:1.3}.prose h2{font-size:1.2rem}.prose h3{font-size:1.05rem}.prose>:first-child{margin-top:0}.prose p{margin:0 0 .9rem}.prose ul,.prose ol{margin:0 0 .9rem;padding-left:1.3rem}.prose li{margin-bottom:.3rem}.prose blockquote{margin:0 0 .9rem;padding:.5rem .9rem;border-left:3px solid var(--border);color:var(--muted)}.prose hr{border:none;border-top:1px solid var(--border);margin:1.4rem 0}.prose a{color:var(--accent)}.code-block{margin:0 0 .9rem;padding:.75rem .9rem;background:var(--subtle);border-radius:6px;font-size:.85rem;overflow-x:auto}.code-block code{background:none;padding:0}.quiz-list{list-style:none;margin:1rem 0 0;padding:0}.quiz-question+.quiz-question{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.quiz-prompt{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap;margin:0 0 .7rem;font-weight:600}.quiz-number{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--subtle);color:var(--muted);font-size:.75rem}.quiz-choices{display:flex;flex-direction:column;gap:.4rem}.choice{display:flex;align-items:center;gap:.6rem;margin:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;font-weight:400;font-size:.925rem;cursor:pointer}.choice:hover{border-color:var(--accent-line)}.choice input{width:auto;margin:0;flex:0 0 auto}.choice-picked{border-color:var(--accent-line);background:var(--accent-wash)}.choice-correct{border-color:#9ad3b0;background:#eff9f3}.choice-wrong{border-color:#e8b4b4;background:#fdf3f3}.choice-tag{margin-left:auto;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ok-tag{color:var(--ok)}.bad-tag{color:var(--error)}.quiz-result{margin:1rem 0;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border)}.quiz-result .stats{gap:2rem}.quiz-result p{margin:.85rem 0 0}.result-good{border-color:#9ad3b0;background:#eff9f3}.result-mixed{border-color:#d8bd6a;background:#fdf9ef}.quiz-editor{margin-top:.75rem}.quiz-editor h3{font-size:.95rem;margin:0}.quiz-edit-list{list-style:none;margin:0;padding:0}.quiz-edit-question{padding:.9rem 0;border-top:1px solid var(--border)}.quiz-edit-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.quiz-edit-meta{flex:1 1 auto}.quiz-edit-choices{display:flex;flex-direction:column;gap:.35rem}.quiz-edit-choice{display:flex;align-items:center;gap:.55rem}.quiz-edit-choice input[type=radio]{width:auto;flex:0 0 auto;margin:0}.quiz-edit-choice input[type=text]{flex:1 1 auto}.quiz-edit-choice button{flex:0 0 auto}.quiz-edit-controls{margin-top:.75rem;flex-wrap:wrap}.inline-label{margin:0 0 0 .5rem}.narrow-number{width:5.5rem}.leaderboard{list-style:none;margin:0;padding:0;counter-reset:none}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .5rem;border-bottom:1px solid var(--border)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-me{background:var(--accent-soft);border-radius:var(--radius)}.leaderboard-rank{flex:0 0 1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-row.is-me .leaderboard-rank{background:var(--accent);border-color:var(--accent);color:#fff}.leaderboard-name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.leaderboard-sub{display:block}.leaderboard-points{flex:0 0 auto;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-compact .leaderboard-row{padding:.4rem .35rem;gap:.5rem;font-size:.9rem}.leaderboard-compact .leaderboard-rank{flex-basis:1.4rem;height:1.4rem;font-size:.72rem}.toggle-list li,.badge-list li{align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.toggle-list li:last-child,.badge-list li:last-child{border-bottom:none}.toggle-list .checkbox-row{margin:0}.toggle-hint{margin:.35rem 0 0 1.65rem;max-width:46ch}.badge-locked .pill{opacity:.75}.game-frame{margin:.75rem 0 1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);aspect-ratio:19 / 16;max-height:640px}.game-frame canvas{display:block;max-width:100%}.game-transcript{margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.game-transcript>p{margin:0 0 .6rem}.game-transcript-list{margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.5;color:var(--muted)}.game-transcript-list li{margin-bottom:.45rem}.game-transcript-list li.ok strong{color:var(--ok)}.game-transcript-list li.error strong{color:var(--error)}.container-flush{max-width:none;margin:0;padding:0}.landing-inner{max-width:1060px;margin:0 auto;padding:0 1.5rem}.hero{background:linear-gradient(135deg,var(--ink) 0%,var(--navy) 55%,var(--teal) 100%);color:#fff;padding:4.5rem 0 4rem}.hero-eyebrow{margin:0 0 1rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f4f4f4a6}.hero-title{margin:0 0 1rem;max-width:18ch;font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}.hero-sub{margin:0 0 2rem;max-width:56ch;font-size:1.075rem;line-height:1.6;color:#f4f4f4d1}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hero-note{margin:2.25rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(244,244,244,.18);max-width:62ch;font-size:.85rem;line-height:1.6;color:#f4f4f49e}.btn-cta,.btn-cta-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:8px;border:1px solid transparent;font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn-cta{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #00000029,0 8px 20px #0000002e}.btn-cta:hover{background:#fff;color:var(--ink);transform:translateY(-1px);box-shadow:0 2px 4px #0000002e,0 14px 28px #00000038}.btn-cta:active{transform:translateY(0)}.btn-cta .icon{transition:transform var(--slow) var(--ease)}.btn-cta:hover .icon{transform:translate(2px)}.btn-cta-ghost{background:transparent;border-color:#f4f4f466;color:var(--paper)}.btn-cta-ghost:hover{border-color:var(--paper);background:#f4f4f41a;color:#fff}.landing-section{padding:3.5rem 0}.landing-section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:60ch;margin:0 0 2rem}.section-head h2{font-size:1.5rem;letter-spacing:-.01em;margin:0 0 .5rem}.section-head p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--slow) var(--ease),transform var(--slow) var(--ease),border-color var(--slow) var(--ease)}.feature:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-section.alt .feature{background:var(--bg);box-shadow:none}.landing-section.alt .feature:hover{background:var(--surface);box-shadow:var(--shadow-md)}.feature h3{margin:0 0 .4rem;font-size:1rem}.feature p{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}.feature-icon{width:2.5rem;height:2.5rem;margin-bottom:.9rem;display:grid;place-items:center;border-radius:10px;background:linear-gradient(140deg,var(--accent-soft),var(--accent-wash));border:1px solid var(--accent-line);color:var(--accent);font-size:1.25rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;counter-reset:step}.step h3{margin:.75rem 0 .35rem;font-size:1rem}.step p{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}.step-number{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.9rem;font-weight:700}.landing-foot{padding:2.5rem 0;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}.landing-foot p{margin:0 0 .4rem;max-width:68ch}.home-hero{border-radius:var(--radius);padding:1.6rem 1.75rem;background:linear-gradient(135deg,var(--ink) 0%,var(--navy) 60%,var(--teal) 100%);color:#fff;box-shadow:var(--shadow)}.home-hero h1{margin:0 0 .35rem;font-size:1.6rem;letter-spacing:-.01em}.home-hero p{margin:0;font-size:.9rem;color:#f4f4f4c7}.home-hero .pill{background:#f4f4f429;color:#fff}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--navy),var(--teal));opacity:.85}.stat-card .stat-value{display:block;font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.stat-card .stat-label{display:block;margin-top:.15rem}.stat-icon{position:absolute;top:.9rem;right:.9rem;color:var(--accent-line);font-size:1.25rem;pointer-events:none}.continue-item{align-items:center!important}.continue-main{min-width:0;flex:1 1 auto}.continue-main strong{display:block;margin-bottom:.35rem}.continue-item .completion-cell{min-width:12rem;max-width:22rem}.badge-strip{display:flex;flex-wrap:wrap;gap:.5rem}.badge-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:999px;font-size:.82rem;background:var(--surface);color:var(--muted)}.badge-chip.is-earned{border-color:#e2c88a;background:#fdf1d8;color:#8a5a06;font-weight:600;box-shadow:var(--shadow-xs)}.badge-chip .icon{color:var(--accent-line)}.badge-chip.is-earned .icon{color:#d99b0a}.quick-links{display:flex;flex-wrap:wrap;gap:.5rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem;list-style:none;margin:0;padding:0}.course-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--navy);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--slow) var(--ease),transform var(--slow) var(--ease),border-color var(--slow) var(--ease)}.course-card:hover{border-right-color:var(--accent-line);border-bottom-color:var(--accent-line);border-left-color:var(--accent-line)}.course-card.is-draft{border-top-color:var(--accent-line)}.course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-card:focus-within{box-shadow:var(--shadow-md),var(--ring)}.course-card-body{flex:1 1 auto;padding:1.15rem 1.25rem 1rem;min-width:0}.course-card-title{display:block;margin:0 0 .4rem;font-size:1.02rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--text);text-decoration:none}.course-card-title:hover{color:var(--accent-2)}.course-card-desc{margin:0 0 .9rem;font-size:.88rem;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:.82rem;color:var(--muted)}.course-card-meta span{display:inline-flex;align-items:center;gap:.3rem}.course-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.8rem 1.25rem;border-top:1px solid var(--border);background:var(--accent-wash)}.course-card-foot .completion-cell{flex:1 1 8rem;min-width:8rem}.course-card-foot button,.course-card-foot .btn-link{margin-top:0}.course-card-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.course-card-actions .btn-link,.course-card-actions button{padding:.35rem .7rem;font-size:.83rem}.form-narrow{max-width:34rem}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}@media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}.hero-visual{position:relative;border-radius:var(--radius-xl);padding:1.15rem;background:#f4f4f412;border:1px solid rgba(244,244,244,.16);box-shadow:var(--shadow-lg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media(max-width:940px){.hero-visual{display:none}}.hero-visual-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.hero-visual-title{font-size:.92rem;font-weight:700;color:#fff}.hero-visual-sub{font-size:.75rem;color:#f4f4f499}.hero-visual-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:#f4f4f429;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap}.hero-visual-track{height:5px;margin-bottom:1rem;border-radius:999px;background:#f4f4f42e;overflow:hidden}.hero-visual-fill{height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,#f4f4f4f2,#f4f4f4a6)}.hero-visual-list{display:flex;flex-direction:column;gap:.4rem}.hero-visual-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius);background:#f4f4f40f;border:1px solid rgba(244,244,244,.09);font-size:.84rem;color:#f4f4f4e6}.hero-visual-row.is-current{background:#f4f4f424;border-color:#f4f4f447;color:#fff;font-weight:600}.hero-visual-row .icon{color:#f4f4f4bf}.hero-visual-row.is-current .icon{color:#fff}.hero-visual-tick{margin-left:auto;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#f4f4f4eb;font-size:.62rem}.hero-visual-row .hero-visual-tick .icon{color:var(--ink);stroke-width:3}.hero-visual-points{margin-left:auto;font-size:.75rem;font-weight:700;color:#f4f4f4bf}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:hover:not(:disabled),.btn-link:hover,.course-card:hover,.feature:hover{transform:none}}.empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1.5rem;text-align:center}.empty-state p{margin:0 0 .9rem;max-width:44ch;color:var(--muted)}.empty-icon{width:3rem;height:3rem;margin-bottom:.9rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.4rem}