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

/* Body */
body { background: linear-gradient(135deg,#f0f0f0,#d0f0e0); color:#222; overflow-x:hidden; }

/* Header */
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:rgba(255,255,255,0.95); position:fixed; width:100%; top:0; z-index:1000; box-shadow:0 4px 15px rgba(0,0,0,0.1); }
header .logo { font-family:'Lora', serif; font-size:2rem; color:#2a5d34; font-weight:700; }
header nav ul { display:flex; gap:25px; list-style:none; }
header nav ul li a { text-decoration:none; color:#2a2a2a; font-weight:600; transition:0.3s; }
header nav ul li a:hover { color:#8cc63f; }

/* Legal Section */
.legal { max-width:900px; margin:150px auto 50px auto; padding:50px; display:flex; flex-direction:column; gap:30px; }
.legal h2 { font-family:'Lora', serif; font-size:2.5rem; text-align:center; color:#2a5d34; margin-bottom:20px; }

/* Cards */
.animated-cards .card { background:rgba(255,255,255,0.25); backdrop-filter:blur(15px); border-radius:25px; padding:30px; box-shadow:0 10px 30px rgba(0,0,0,0.15); opacity:0; transform:translateX(-50px); animation:slideIn 0.8s forwards; }
.animated-cards .card.fade-right { transform:translateX(50px); }
.animated-cards .card:nth-child(2) { animation-delay:0.2s; }
.animated-cards .card:nth-child(3) { animation-delay:0.4s; }

/* Form for Unsubscribe */
form { display:flex; flex-direction:column; gap:15px; }
input { padding:15px; border-radius:12px; border:none; font-size:1rem; width:100%; }
button { padding:15px 30px; border-radius:30px; border:none; background:linear-gradient(45deg,#8cc63f,#6aa32f); color:#fff; font-weight:600; cursor:pointer; transition:0.3s; }
button:hover { transform:scale(1.05); }

/* Animations */
@keyframes slideIn {
  to { opacity:1; transform:translateX(0); }
}

/* Footer */
footer { text-align:center; padding:40px 20px; background:#2a5d34; color:#fff; font-size:0.95rem; }
footer a { color:#fff; text-decoration:underline; transition:0.3s; }
footer a:hover { color:#8cc63f; }

/* Responsive */
@media(max-width:768px){ .legal { margin:120px 20px; padding:40px; } }
@media(max-width:480px){ .legal h2{ font-size:2rem; } .animated-cards .card { padding:20px; } }