body { font-family: Arial, sans-serif; margin:0; padding:0; scroll-behavior: smooth; background:#f4f6f7; }
header { position:fixed; width:100%; background:rgba(46,139,87,0.95); color:white; padding:15px 0; text-align:center; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
header h1 { margin:0; font-size:1.8em;}
nav a { color:white; text-decoration:none; margin:0 15px; font-weight:bold; }
nav a:hover { color:#ffdd57; }
.parallax { height:90vh; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center; color:white; text-align:center; }
.parallax h2 { font-size:3em; font-weight:bold; background-color: rgba(46,139,87,0.6); padding:20px; border-radius:15px; }
section { padding:80px 20px 50px; max-width:1200px; margin:auto; }
h2 { text-align:center; margin-bottom:40px; font-size:2em; color:#2e8b57;}
p, li { font-size:1.1em; line-height:1.6;}
.cards { display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:30px;}
.card { background:white; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,0,0.2); overflow:hidden; transform:translateY(50px); opacity:0; transition:all 0.7s ease-out; }
.card img { width:100%; height:200px; object-fit:cover;}
.card-content { padding:20px; }
.card-content h3 { margin-top:0; color:#2e8b57;}
.card.show { transform:translateY(0); opacity:1; }
form { max-width:600px; margin:auto; display:flex; flex-direction:column; }
form label { margin-top:10px; font-weight:bold; }
form input, form textarea { padding:10px; margin-top:5px; border-radius:5px; border:1px solid #ccc; }
form button { margin-top:15px; padding:10px; border:none; background:#2e8b57; color:white; border-radius:5px; cursor:pointer; }
form button:hover { background:#3cb371; }
footer { background:#2e8b57; color:white; text-align:center; padding:20px; }