:root{color:#172033;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);background:#fff;border-bottom:1px solid #d7ddd2;position:sticky;top:0;z-index:20}.brand,nav,.actions,.table-actions,h2{display:flex;align-items:center;gap:10px}.brand{font-weight:800;font-size:1.08rem;color:#12312b}.brand img{width:34px;height:34px;object-fit:cover;border-radius:6px;background:#050505}nav{gap:18px;font-size:.95rem;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;gap:6px}main{padding:clamp(20px,4vw,56px)}.hero{min-height:62vh;display:grid;align-items:end;color:#fff;padding:clamp(28px,6vw,72px);background:linear-gradient(90deg,#12312beb,#12312b61),url(https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1800&q=85) center/cover;border-radius:8px}.hero h1{max-width:760px;font-size:clamp(2.4rem,5vw,5.2rem);line-height:1;margin:0 0 18px}.hero p{max-width:680px;font-size:1.12rem}.hero-logo{width:150px;height:174px;object-fit:cover;border-radius:8px;margin-bottom:24px;box-shadow:0 14px 34px #00000052}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:.82rem;font-weight:800;color:#2f7d68}.hero .eyebrow{color:#b9f3df}.button,button{border:0;border-radius:6px;background:#176b5b;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.secondary,.ghost{background:#e8eee8;color:#12312b}.ghost{padding:8px 12px}.icon-button{border:1px solid #cbd5c0;padding:8px 10px;border-radius:6px;display:inline-flex;gap:6px;align-items:center}.feature-grid,.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.feature-grid article,.metrics article,.panel{background:#fff;border:1px solid #d7ddd2;border-radius:8px;padding:22px;box-shadow:0 8px 28px #14231e0f}.feature-grid svg{color:#176b5b}.metrics span{font-size:2rem;font-weight:900;color:#12312b}.metrics p{margin:4px 0 0;color:#667160}.workspace{max-width:1280px;margin:0 auto}.narrow{max-width:620px;margin:0 auto}.split{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:20px;align-items:start;margin-top:20px}.form-grid{display:grid;gap:14px}.field{display:grid;gap:6px;font-weight:700}input{border:1px solid #cbd5c0;border-radius:6px;padding:12px;font:inherit;width:100%}.error{color:#b42318;font-weight:700}.success{color:#176b5b;font-weight:800}.table{display:grid;gap:8px;overflow-x:auto}.row{display:grid;grid-template-columns:1.2fr 1.6fr .8fr .8fr;gap:12px;padding:12px;border-bottom:1px solid #edf0ea;min-width:720px}.course{max-width:980px;margin:0 auto;display:grid;gap:20px}.course-image{min-height:280px;border-radius:8px;background-size:cover;background-position:center}.readable{font-size:1.1rem;line-height:1.75}.readable h1{font-size:clamp(2rem,4vw,3.4rem);margin:0}aside{background:#eef7f2;border-left:5px solid #176b5b;padding:16px;border-radius:6px;margin:18px 0;font-weight:800}.question-list{display:grid;gap:14px}fieldset{border:0}legend{font-weight:900;margin-bottom:12px}.check{display:block;padding:8px 0}.check input{width:auto;margin-right:8px}@media(max-width:900px){.feature-grid,.metrics,.split{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:14px;flex-direction:column}.hero{min-height:58vh}.row{grid-template-columns:1fr;min-width:0}}