*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#12233b;font:16px/1.55 system-ui,Arial,sans-serif}.header{background:#102b52;color:white;display:flex;justify-content:space-between;align-items:center;padding:14px max(22px,calc((100vw - 1160px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:.03em}.brand img{width:55px;height:55px;object-fit:contain;background:white;border-radius:6px}.brand small{display:block;font-size:10px;letter-spacing:.2em;color:#bcd2ee}.header nav{display:flex;gap:24px}.header nav a,footer a{color:inherit;text-decoration:none}.portal-hero{background:linear-gradient(90deg,rgba(7,27,58,.95),rgba(7,27,58,.6)),url('assets/armstead-truck.jpg') center 43%/cover;color:white;padding:68px max(24px,calc((100vw - 1160px)/2)) 72px}.portal-hero h1{font-size:clamp(34px,5vw,58px);margin:9px 0}.eyebrow,.tag{font-size:12px;letter-spacing:.13em;font-weight:800;color:#86baf6}.portal-main{max-width:1160px;margin:auto;padding:30px 22px 65px}.notice{border-left:5px solid #d48c16;background:#fff8e7;padding:16px 19px;border-radius:6px;margin-bottom:26px}.toolbar,.formline{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.toolbar>div{flex:1;min-width:240px}.progress{height:10px;background:#d7e0ed;border-radius:20px;overflow:hidden;margin-top:8px}.progress>div{height:100%;background:#2374cc}.formline label{flex:1;min-width:220px;font-weight:700;font-size:13px}.formline input{display:block;width:100%;padding:12px;border:1px solid #b7c4d3;border-radius:7px;margin-top:6px;font:inherit}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.course,.course-detail{background:white;border:1px solid #dce4ef;border-radius:12px;padding:23px;box-shadow:0 5px 16px #102b520d}.course h3{margin:10px 0 6px;font-size:21px}.course p{min-height:70px;color:#52627b}.course.completed{border-color:#74b58a}.course-detail{margin-top:26px;padding:30px}.course-detail li{margin:12px 0}.hidden{display:none}button,.submit{border:0;background:#154d92;color:white;border-radius:8px;padding:12px 18px;font:700 14px system-ui;cursor:pointer}button:hover{background:#0d376b}.question{border:1px solid #dae3ed;border-radius:8px;margin:16px 0;padding:16px}.question label{display:block;padding:6px}.course-detail .small{color:#53627b;font-size:13px}.result{background:#e6f6eb;border-left:4px solid #24874c;padding:16px;border-radius:5px}footer{padding:24px;background:#102b52;color:white;text-align:center;font-size:13px}@media(max-width:650px){.header{flex-wrap:wrap}.header nav{gap:14px;font-size:12px}.portal-hero{padding:48px 22px}.course-detail{padding:20px}}@media print{.header,.portal-hero,.course-grid,.toolbar,.formline,button{display:none!important}.portal-main{padding:0}.course-detail{border:0;box-shadow:none}}