:root{--primary:#0c6f72;--accent:#d6a83a;}
body{font-family:Arial,sans-serif;margin:0;line-height:1.6;color:#233;}
.container{max-width:1100px;margin:auto;padding:20px;}
header{border-bottom:1px solid #eee;}
.nav{display:flex;justify-content:space-between;align-items:center;}
nav a{margin-left:15px;color:var(--primary);text-decoration:none;}
.hero{background:#f6fbfb;padding:80px 20px;text-align:center;}
h1,h2{color:var(--primary);}
.btn{background:var(--primary);color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;}
.alt{background:#fafafa;padding:40px 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;}
.card{padding:20px;border:1px solid #ddd;border-radius:8px;background:white;text-align:center;}
footer{background:#0c6f72;color:white;padding:30px 0;}
footer h2{color:white;}