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

header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background-color:#2c6e49; color:white; }
header nav a { margin-left:20px; color:white; text-decoration:none; font-weight:500; transition:color 0.3s; }
header nav a:hover { color:#a8d5ba; }

.legal-hero { text-align:center; padding:100px 20px; background:#e6f2e6; }
.legal-hero h1 { font-size:3rem; color:#2c6e49; margin-bottom:20px; }
.legal-hero p { font-size:1.2rem; color:#333; }

.legal-content { padding:50px; max-width:600px; margin:0 auto; text-align:center; }
.legal-content input { width:80%; padding:15px; margin-bottom:20px; border-radius:10px; border:1px solid #ccc; font-size:1rem; }
.legal-content button { padding:12px 25px; background-color:#a8d5ba; color:#2c6e49; font-weight:bold; border:none; border-radius:8px; cursor:pointer; transition:background-color 0.3s; }
.legal-content button:hover { background-color:#7abf95; }
.legal-content .note { margin-top:20px; color:#333; }

footer { display:flex; justify-content:space-around; padding:40px; background-color:#2c6e49; color:white; flex-wrap:wrap; }
footer a { color:white; text-decoration:none; display:block; margin:5px 0; }
footer a:hover { color:#a8d5ba; }

@media(max-width:900px){ .legal-content { padding:30px 20px; } }