:root{--b:#0b3d91;--g:#14a37f}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1d2433;line-height:1.6}
header{background:var(--b);color:#fff;padding:1em}header a{color:#fff;margin-right:1em;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.3em;align-items:center}
.brand{font-weight:800;font-size:1.2em;margin-right:auto}main{max-width:960px;margin:auto;padding:1.5em}.hero{background:linear-gradient(135deg,#0b3d91,#14a37f);color:#fff;padding:3em 1.5em;text-align:center}
.hero h1{font-size:2.4em;margin:.2em 0}.btn{display:inline-block;background:#fff;color:var(--b);padding:.7em 1.4em;border-radius:6px;font-weight:700;text-decoration:none;margin:.3em}
.btn.alt{background:var(--g);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1em}.card{border:1px solid #dde;border-radius:10px;padding:1.2em}
form{display:grid;gap:.6em;max-width:520px}input,select,textarea{padding:.6em;font:inherit;border:1px solid #bbc;border-radius:6px}.hp{position:absolute;left:-9999px}
footer{background:#f3f5f9;padding:1.5em;text-align:center;font-size:.9em}.note{background:#fff8e1;border-left:4px solid #f0b400;padding:.8em}table{border-collapse:collapse}td,th{border:1px solid #ccd;padding:.4em .7em}