:root{--ink:#173f5f;--ink-dark:#102f47;--accent:#ee6c4d;--paper:#f5f1e8;--mint:#2a9d8f;--line:#dce3e8}body{color:#18313f;background:#fbfcfc;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{background:var(--ink-dark);min-height:68px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-weight:800}.brand-dark{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-size:1.25rem;font-weight:800;margin-bottom:3rem}.hero{background:var(--paper);border-bottom:1px solid #e8e0d2}.hero h1{color:var(--ink)}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--accent)}.course-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(16,47,71,.06);transition:.2s ease}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(16,47,71,.11)}.course-cover{height:136px;background:linear-gradient(135deg,var(--ink),#286184);padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start}.course-number{font-size:3.8rem;line-height:1;color:rgba(255,255,255,.18);font-weight:800}.course-description{min-height:48px}.progress{height:8px;background:#e8edf0}.progress-bar{background:var(--accent)}.btn-brand{background:var(--ink);border-color:var(--ink);color:white}.btn-brand:hover,.btn-brand:focus{background:var(--ink-dark);border-color:var(--ink-dark);color:white}.btn-outline-brand{border-color:var(--ink);color:var(--ink)}.btn-outline-brand:hover{background:var(--ink);color:#fff}.empty-state{padding:5rem 2rem;border:1px dashed #b9c5cc;border-radius:18px;text-align:center;background:#fff}.empty-icon{margin:0 auto 1rem;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#dff3ef;color:var(--mint);font-size:1.5rem}.login-page{background:var(--paper)}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-story{padding:8vw;align-items:flex-end;background:linear-gradient(150deg,rgba(16,47,71,.93),rgba(23,63,95,.85)),radial-gradient(circle at 80% 10%,#ee6c4d 0,transparent 38%);color:white}.login-story h1{font-size:clamp(3.5rem,7vw,7.2rem);line-height:.9;letter-spacing:-.055em;margin:1.5rem 0}.login-story p{font-size:1.15rem;max-width:32rem;opacity:.75}.login-panel{display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,100%)}.login-card h2{font-size:2rem;color:var(--ink);font-weight:750}.login-card input{display:block;width:100%;padding:.85rem 1rem;border:1px solid #bdc9cf;border-radius:.6rem;background:#fff}.video-shell{aspect-ratio:16/9;background:#07141c;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(7,20,28,.18)}.video-shell video{width:100%;height:100%;display:block}.back-link{color:var(--ink);text-decoration:none;font-weight:650}.status-card{top:1.5rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px rgba(16,47,71,.07)}.progress-value{font-weight:800;color:var(--accent);font-size:1.4rem}.locked-box{display:flex;gap:.8rem;align-items:center;background:#f0f3f5;border-radius:10px;padding:1rem}.locked-box small{display:block;color:#6c7880}.attempt-list{list-style:none;padding:0;margin:0}.attempt-list li{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:.65rem 0;font-size:.86rem}.quiz-header{background:var(--ink);color:white}.quiz-container{max-width:850px}.question-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem}.question-card legend{font-size:1.05rem;font-weight:700;display:flex;gap:.8rem;align-items:flex-start}.question-card legend>span{color:var(--accent);font-size:.8rem;padding-top:.15rem}.choice{display:flex;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;margin-top:.65rem;cursor:pointer}.choice:has(input:checked){border-color:var(--ink);background:#eef4f7}.choice input{accent-color:var(--ink)}@media(max-width:991px){.login-shell{grid-template-columns:1fr}.login-panel{min-height:100vh}.status-card{margin-top:1rem}}