body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#ffffff;color:#111827;line-height:1.6}
header{background:#0A3CFF;padding:18px 50px;display:flex;align-items:center;justify-content:space-between}
header img{height:48px}
header h1{color:#ffffff;margin:0;font-size:26px}
nav a{color:#ffffff;margin-left:20px;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}

.hero{background:#0A3CFF;color:#ffffff;padding:120px 60px}
.hero h1{font-size:48px;max-width:900px}
.hero p{font-size:20px;max-width:800px}

.section{padding:70px 60px;max-width:1200px;margin:auto}
.section h2{font-size:34px;color:#0A3CFF;margin-bottom:20px}
.section p{font-size:18px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:30px}
.card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.card img{width:100%;height:220px;object-fit:cover}
.card div{padding:20px}
.card h3{margin-top:0;color:#0A3CFF}

footer{background:#020617;color:#ffffff;text-align:center;padding:40px;margin-top:60px}

.whatsapp{position:fixed;right:25px;bottom:25px;background:#25D366;color:#ffffff;padding:16px 26px;border-radius:40px;text-decoration:none;font-weight:bold;font-size:17px}