*{box-sizing:border-box}body{margin:0;background:#f3f7fc;color:#16375f;font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top{min-height:76px;background:#0d2850;color:white;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:12px max(18px,calc((100vw - 1150px)/2))}.logo{display:inline-flex;padding:7px 12px;border-radius:8px;background:#fffdf5;color:#155bd7;font-weight:900;letter-spacing:.07em;text-decoration:none}.top nav{display:flex;gap:14px;flex-wrap:wrap}.top nav a{color:#fff;text-decoration:none;font-weight:600}.wrap{max-width:1120px;margin:32px auto;padding:0 18px;min-height:72vh}.hero{background:linear-gradient(120deg,#0d2850,#155bd7);color:#fff;padding:32px;border-radius:20px;margin-bottom:24px}.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:8px 0 12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;opacity:.8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.card,.panel{background:#fffdf5;border:1px solid #dce6f3;border-radius:16px;padding:20px;box-shadow:0 10px 25px #102b4e08}.card h2,.panel h2{margin:8px 0;font-size:21px}.tag{display:inline-block;padding:4px 9px;border-radius:50px;background:#e7f0ff;color:#155bd7;font-weight:800;font-size:12px}.btn,button{border:0;border-radius:9px;background:#155bd7;color:white;font-weight:800;text-decoration:none;padding:11px 15px;display:inline-block;cursor:pointer}.btn.alt{background:#e7f0ff;color:#153960}.form{display:grid;gap:12px;max-width:700px}.form label{display:grid;gap:6px;font-weight:700}.form input,.form textarea,.form select{padding:11px;border:1px solid #cbd9e9;border-radius:8px;font:inherit;width:100%}p.muted,.muted{color:#63748b}.alert{padding:13px 16px;border-radius:10px;background:#fff0e1;margin:16px 0}.success{background:#e5f7ee}.stack{display:grid;gap:12px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:#63748b;font-size:13px}.lesson{border-left:4px solid #155bd7;padding:12px 16px;background:#f5f8fd;border-radius:8px;margin:10px 0}footer{padding:28px;text-align:center;color:#6b7a8e}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #dae4f0;vertical-align:top}small{display:block;color:#67788f}a{color:#155bd7} .public-label{font-size:12px;font-weight:800;color:#1658a5}@media(max-width:640px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:10px}.hero{padding:24px}}