*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#f6f4ef;color:#163a63}
.hero{text-align:center;padding:36px 18px;background:white}.logo{max-width:520px;width:100%}.sub{color:#4b5563}.insta{display:inline-block;margin-top:10px;background:#163a63;color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700}
.intro{max-width:900px;margin:auto;padding:20px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;padding:24px;max-width:1280px;margin:auto}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08)}.card img{width:100%;display:block}.info{padding:18px}.info h3{margin:0 0 12px}.btn{display:block;text-align:center;background:#1d4ed8;color:#fff;text-decoration:none;padding:12px;border-radius:12px}footer{text-align:center;padding:40px 20px}.foot{width:180px}