/* Unsubscribe Page */
body{ margin:0; font-family:'Poppins',sans-serif; background:#fdfdfd; color:#222; line-height:1.6;}
.navbar{ position:sticky; top:0; display:flex; justify-content:space-between; padding:1rem 3rem; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.navbar .logo{ font-size:1.8rem; font-weight:600; color:#d4af37;}
.navbar nav a{ margin:0 1rem; font-weight:500; transition:color 0.3s;}
.navbar nav a:hover{ color:#d4af37;}
.hero-legal{ position:relative; height:40vh; background:url('../images/unsubbg.jpg') no-repeat center/cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:#fff;}
.hero-legal .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.hero-legal h1, .hero-legal p{ position:relative; z-index:2;}
.hero-legal h1{ font-family:'Playfair Display', serif; font-size:2.8rem; margin-bottom:1rem; animation:fadeIn 1.5s ease;}
.hero-legal p{ font-size:1.1rem; animation:slideUp 1.5s ease;}
.legal-content{ max-width:900px; margin:3rem auto; padding:0 2rem;}
.legal-card{ background:#fff; border-radius:16px; padding:2rem; margin-bottom:2rem; box-shadow:0 10px 25px rgba(0,0,0,0.05); opacity:0; transform:translateY(50px); transition: all 0.7s ease;}
.legal-card.active{ opacity:1; transform:translateY(0);}
.legal-card h2{ color:#d4af37; margin-bottom:1rem;}
@keyframes fadeIn{ from{opacity:0; transform:translateY(-20px);} to{opacity:1; transform:translateY(0);} }
@keyframes slideUp{ from{opacity:0; transform:translateY(40px);} to{opacity:1; transform:translateY(0);} }
@media(max-width:700px){ .hero-legal h1{ font-size:2rem;} .hero-legal p{ font-size:1rem;} .legal-card{ padding:1.5rem;}}