
body{margin:0;font-family:Arial,sans-serif;color:#243746;background:#fff;line-height:1.6}
header{background:#174b61;color:white;padding:28px 7%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
header h1{margin:0;font-size:32px} nav a{color:white;text-decoration:none;margin:0 10px;font-weight:bold}
.hero{padding:45px 7%;background:#eaf3f8;text-align:center}.hero img{max-width:100%;height:auto;border-radius:12px}
main{max-width:1050px;margin:auto;padding:35px 7%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.card{border:1px solid #d7e0e5;border-radius:12px;padding:18px;background:#fff;box-shadow:0 2px 8px #00000010}.card img{width:100%;border-radius:8px}
.btn{display:inline-block;background:#174b61;color:white;padding:12px 20px;border-radius:7px;text-decoration:none;margin-top:10px}
footer{background:#174b61;color:white;text-align:center;padding:25px;margin-top:40px}
label{display:block;margin-top:14px;font-weight:bold}input,textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box}
