:root{color:#17253c;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-header{background:#fff;border-bottom:1px solid #dce4ef;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 550px);display:flex}.brand{align-items:center;gap:.6rem;font-weight:800;display:flex}.brand-mark{color:#fff;background:#1e4777;border-radius:.6rem;place-items:center;width:2rem;height:2rem;display:grid}.main-nav{flex-wrap:wrap;gap:1rem;display:flex}.main-nav a:hover{text-decoration:underline}.page-shell{max-width:1100px;margin:auto;padding:1.5rem 1rem 4rem}.hero{color:#fff;background:linear-gradient(135deg,#193d70,#246b86);border-radius:1.4rem;padding:2rem}.hero h1{margin:.4rem 0;font-size:clamp(1.8rem,4vw,3rem)}.hero p{max-width:50rem;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.hero-meta{flex-wrap:wrap;gap:1.3rem;margin:1rem 0 1.5rem;display:flex}.button{color:#17345c;background:#fff;border:1px solid #bfd0e5;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.8rem;padding:.8rem 1.2rem;font-weight:700;display:inline-flex}.button.primary{color:#17253c;background:#ffcf5a;border-color:#ffcf5a}.button.secondary{color:#17345c;background:#fff}.button:disabled{opacity:.55;cursor:wait}.button:hover:not(:disabled){filter:brightness(.96)}.card,.action-card{background:#fff;border:1px solid #dce4ef;border-radius:1rem;padding:1.3rem;box-shadow:0 4px 18px #132c4d0a}.summary-grid,.action-grid,.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.3rem 0;display:grid}.stat{flex-direction:column;gap:.4rem;display:flex}.stat-number{color:#1e4777;font-size:2rem;font-weight:800}.section-title{margin:2rem 0 1rem}.action-card{flex-direction:column;gap:.55rem;min-height:160px;display:flex}.action-card:hover{border-color:#5a90c2}.action-icon{color:#1e6e88;font-size:1.6rem}.stack{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.35rem;font-weight:700;display:flex}.field input,.field select,.field textarea,textarea{color:#17253c;background:#fff;border:1px solid #b9c9db;border-radius:.6rem;width:100%;padding:.8rem}.field textarea,textarea{min-height:100px}.error{color:#a42626;font-weight:700}.success{color:#176043;font-weight:700}.muted{color:#5b6b7f}.pill{background:#e7f0f7;border-radius:99px;padding:.3rem .7rem;font-size:.85rem;font-weight:700;display:inline-block}.button-row{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.choice-list{gap:.6rem;margin:1rem 0;display:grid}.choice{background:#fff;border:1px solid #bfd0e5;border-radius:.6rem;align-items:center;gap:.6rem;padding:.75rem;display:flex}.choice input{width:auto}.progress-track{background:#dce4ef;border-radius:99px;height:9px;margin:1rem 0;overflow:hidden}.progress-fill{background:#2a7992;height:100%}.list{gap:.7rem;display:grid}.list-row{background:#fff;border:1px solid #dce4ef;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.login-shell{max-width:480px;margin:8vh auto;padding:1rem}.login-shell .card{padding:2rem}.lesson-example{color:#1e4777;font-size:1.5rem;font-weight:700}.callout{background:#eaf3f8;border-left:4px solid #2a7992;border-radius:.4rem;margin:1rem 0;padding:1rem}.audio-player{width:100%;margin:1rem 0}small{line-height:1.5}@media (max-width:700px){.app-header{flex-direction:column;align-items:flex-start}.main-nav{gap:.75rem}.hero{padding:1.4rem}.list-row{flex-direction:column;align-items:flex-start}}