*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{background:#f8fafc;color:#0f172a;line-height:1.6}
.hero{background:linear-gradient(135deg,#0f766e,#0ea5a4);color:#fff;padding:90px 20px;text-align:center}
.hero .btn{margin-top:20px}
.navbar{position:sticky;top:0;background:#fff;padding:12px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.navbar a{margin:0 12px;color:#0f766e;text-decoration:none;font-weight:bold}
.section{padding:60px 20px;max-width:1100px;margin:auto}
.section h2{text-align:center;margin-bottom:20px;color:#0f766e}
.bg{background:#e6fffa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:14px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.gallery img{width:100%;border-radius:14px}
.form{max-width:420px;margin:20px auto;display:grid;gap:12px}
.form input,.form select{padding:12px;border-radius:10px;border:1px solid #cbd5e1}
.btn{display:inline-block;background:#0f766e;color:#fff;border:none;border-radius:999px;padding:14px 26px;font-weight:bold;cursor:pointer}
footer{background:#0f172a;color:#fff;text-align:center;padding:22px;margin-top:40px}