:root{
  --primary:#00A7D8;
  --dark:#163A45;
  --bg:#ffffff;
  --accent:#F5FAFC;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat, Arial, sans-serif;}

body{background:var(--bg);color:var(--dark);line-height:1.6;}

header{
  padding:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #eee;
}

nav a{
  margin-left:20px;
  text-decoration:none;
  color:var(--dark);
  font-weight:600;
}

.hero{
  padding:80px 20px;
  text-align:center;
  background:var(--accent);
}

.hero img{max-width:220px;margin-bottom:20px;}

.hero h1{font-size:2.5rem;color:var(--dark);margin-bottom:10px;}

.container{max-width:1000px;margin:auto;padding:40px 20px;}

.section-title{text-align:center;margin-bottom:20px;font-size:1.8rem;}

.card{background:#fff;border:1px solid #eee;border-radius:10px;padding:20px;margin:10px 0;}

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

.contact-form input,.contact-form textarea{
  width:100%;
  padding:12px;
  margin:10px 0;
  border:1px solid #ddd;
  border-radius:6px;
}

button{
  background:var(--primary);
  color:white;
  border:none;
  padding:12px 18px;
  border-radius:6px;
  cursor:pointer;
}

footer{
  text-align:center;
  padding:30px;
  background:var(--dark);
  color:white;
  margin-top:40px;
}