*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#222}
header{display:flex;justify-content:space-between;padding:25px 8%;align-items:center;background:#fff}
.logo{font-size:30px;font-weight:bold;color:#159957}
.btn{background:#159957;color:#fff;padding:14px 25px;border-radius:30px;text-decoration:none;border:0}
.hero{padding:120px 8%;background:linear-gradient(120deg,#e8fff0,#fff)}
.hero h1{font-size:48px;max-width:750px}
section{padding:60px 8%}
h2{text-align:center;font-size:36px}
.grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.grid div{padding:30px;border-radius:20px;background:#fff;box-shadow:0 5px 20px #ddd;min-width:220px;text-align:center}
select,input,textarea{padding:15px;margin:8px;width:100%;max-width:500px}
.photo{height:250px;width:250px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;margin:auto}
.leader{text-align:center;background:#f6faf7}
form{max-width:500px;margin:auto}
footer{background:#123;color:#fff;text-align:center;padding:40px}
@media(max-width:700px){.hero h1{font-size:32px}}