:root {
  --primary: #069494;
  --secondary: #048d8d;
  --bg: #f4fefe;
  --text: #333;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family:'Poppins', sans-serif;
  background:var(--bg);
  color:var(--text);
  scroll-behavior:smooth;
}

header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 30px;
  background:#fff;
  position:fixed;
  width:100%;
  top:0;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  z-index:1000;
}

.logo { font-size:1.5rem; font-weight:600; color:var(--primary); }

nav a {
  margin:0 10px;
  text-decoration:none;
  color:var(--text);
  font-weight:500;
  transition:0.3s;
}

nav a:hover { color:var(--primary); }

.menu-btn { display:none; font-size:1.8rem; cursor:pointer; }

section { padding:100px 20px; min-height:100vh; }

.hero {
  background:linear-gradient(135deg, var(--primary), var(--secondary));
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.btn {
  padding:12px 25px;
  background:white;
  color:var(--primary);
  border:none;
  border-radius:30px;
  cursor:pointer;
  transition:0.3s;
  font-weight:600;
}

.btn:hover { background:var(--secondary); color:white; }

.container { max-width:1100px; margin:auto; }

h2 { text-align:center; margin-bottom:40px; color:var(--primary); }

.grid {
  display:grid;
  gap:20px;
  grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
}

.card {
  background:white;
  padding:20px;
  border-radius:15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  transition:0.3s;
}

.card:hover { transform:translateY(-8px); }

form { display:flex; flex-direction:column; gap:15px; }

input, select, textarea {
  padding:10px;
  border-radius:8px;
  border:1px solid #ccc;
}

footer {
  text-align:center;
  padding:20px;
  background:#fff;
  border-top:1px solid #eee;
}

.reveal { opacity:0; transform:translateY(40px); transition:0.6s ease; }
.reveal.active { opacity:1; transform:translateY(0); }

@media(max-width:768px){
  nav { display:none; flex-direction:column; background:white; position:absolute; top:60px; right:0; width:200px; padding:20px; }
  nav.active { display:flex; }
  .menu-btn { display:block; }
}