*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;background:#f7f8fb;line-height:1.7;font-size:17px}
a{color:#1a56db}header{background:#0f2a5c;color:#fff}header .w{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}
header a{color:#fff;text-decoration:none;font-weight:700}nav a{font-weight:500;margin-left:14px;font-size:15px;opacity:.9}
.w{max-width:760px;margin:0 auto;padding:0 16px}main{padding:24px 0 40px}article{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
h1{font-size:1.6em;line-height:1.3;margin:.2em 0 .4em}h2{font-size:1.2em;margin:1.4em 0 .4em}.part{font-size:14px;color:#5b6475;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.progress{height:6px;background:#e5e8ef;border-radius:3px;margin:8px 0 18px}.progress span{display:block;height:100%;background:#1a56db;border-radius:3px}
.next{display:block;text-align:center;background:#1a56db;color:#fff;text-decoration:none;font-weight:700;padding:16px;border-radius:10px;margin:32px 0 8px;font-size:18px}
.next.out{background:#0f7a4d}.note{font-size:14px;color:#5b6475;text-align:center}
.cards{display:grid;gap:14px}.card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-decoration:none;color:inherit;display:block}
.card h2{margin:0 0 6px;font-size:1.15em;color:#0f2a5c}.card p{margin:0;color:#5b6475;font-size:15px}
footer{background:#fff;border-top:1px solid #e5e8ef;padding:20px 0;font-size:14px;color:#5b6475}footer a{margin-right:14px}