*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2933;line-height:1.7;background:#fff}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #e4e7eb}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;gap:10px}
.logo{font-weight:700;font-size:1.25rem;color:#0b5cad;text-decoration:none}
nav a{margin-left:18px;color:#3e4c59;text-decoration:none}
nav a:hover{color:#0b5cad}
main{padding-top:40px;padding-bottom:40px;min-height:55vh}
.hero{padding:30px 0}
.hero h1{font-size:2.2rem;margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}
.card{border:1px solid #e4e7eb;border-radius:10px;padding:18px}
.card h3{margin-top:0}
footer{border-top:1px solid #e4e7eb;color:#7b8794;font-size:.9rem;padding:22px 0;text-align:center}