*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;color:#14213d;background:#f7f8fa;line-height:1.55}
header{background:#0b1220;color:#fff;padding:2.2rem 1rem 1.6rem;text-align:center}header h1{margin:.2rem 0;font-size:2.2rem}header p{opacity:.85;max-width:640px;margin:.4rem auto}
main{max-width:980px;margin:0 auto;padding:1.2rem}nav{text-align:center;padding:.7rem}nav a{color:#0b5fff;margin:0 .6rem;text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e3e6eb;border-radius:12px;padding:1rem}.card h3{margin:.3rem 0;font-size:1.05rem}.card a{color:#0b1220;text-decoration:none}.card a:hover{text-decoration:underline}
.meta{font-size:.82rem;color:#667085}.cat{display:inline-block;background:#eef4ff;color:#0b5fff;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700}
.cta{background:#fff7e6;border:1px solid #ffd98a;border-radius:12px;padding:1rem;text-align:center;margin:1rem 0}
footer{text-align:center;color:#667085;padding:2rem 1rem;font-size:.9rem}.btn{display:inline-block;background:#0b5fff;color:#fff!important;padding:.6rem 1.1rem;border-radius:9px;text-decoration:none;font-weight:700}