:root{--navy:#0d1b35;--navy-2:#15294a;--gold:#c79d38;--cream:#f7f4ec;--ink:#25344d;--muted:#6d798a;--line:#dfe5ec;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.25rem,4vw,4rem);background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em}.brand small{display:block;color:#cbd4e4;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-size:1.35rem}.topnav{display:flex;gap:1.25rem}.topnav a{color:#dfe7f5;text-decoration:none}.shell{width:min(1120px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(2rem,6vw,5rem) 0}.auth-card{width:min(100%,500px);margin:5vh auto;padding:clamp(2rem,5vw,4rem);background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px #17294c14}.eyebrow{margin-bottom:.75rem;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.auth-card h1,.hero-panel h1,.page-heading h1{margin:0;color:var(--navy);font:clamp(2.2rem,6vw,4rem)/1.02 Georgia,serif}.lead{color:var(--muted);font-size:1.08rem}.form-stack{display:grid;gap:1.1rem;margin-top:2rem}.form-stack label{display:grid;gap:.4rem;font-weight:700;font-size:.9rem}.form-stack input{width:100%;padding:.85rem 1rem;border:1px solid #cbd5e1;border-radius:.6rem;background:#fff;color:var(--ink);font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;border:0;border-radius:.6rem;font-weight:800;text-decoration:none;cursor:pointer}.button-primary{background:var(--navy);color:#fff}.button-light{background:#fff;color:var(--navy)}.alert{margin-top:1rem;padding:.8rem 1rem;border-radius:.5rem}.alert-error{background:#fff0f0;color:#9c2735;border:1px solid #f0c5ca}.hero-panel{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,4rem);background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.hero-panel h1{color:#fff}.hero-panel .lead{max-width:650px;color:#cbd7e9}.metric-grid,.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.metric-card,.course-card,.empty-panel{padding:1.5rem;background:#fff;border:1px solid var(--line)}.metric-card span,.course-status{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.metric-card strong{display:block;margin-top:.4rem;color:var(--navy);font-size:2rem}.empty-panel{margin-top:1rem}.empty-panel h2,.course-card h2{margin:.25rem 0;color:var(--navy);font-family:Georgia,serif}.page-heading{margin-bottom:2rem}.course-card p{color:var(--muted)}.course-card a{color:var(--navy);font-weight:800}@media(max-width:720px){.topbar{align-items:flex-start;gap:1rem}.topnav{gap:.7rem;font-size:.9rem}.hero-panel{align-items:flex-start;flex-direction:column}.metric-grid,.course-grid{grid-template-columns:1fr}.shell{width:min(100% - 1.5rem,1120px)} }
