/* Reset & base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', Arial, sans-serif; line-height:1.6; background:#f9f9f9; color:#333; transition: all 0.4s; }
body.dark { background:#0f0f0f; color:#eee; }

/* Layout */
header { background:#1a1a1a; color:white; padding:1rem 0; position:sticky; top:0; z-index:100; }
nav ul { list-style:none; display:flex; justify-content:center; gap:3rem; flex-wrap:wrap; }
nav a { color:white; text-decoration:none; font-weight:600; }
nav a:hover { color:#ff6b35; }
#theme-toggle { position:absolute; right:2rem; top:1.2rem; background:none; border:none; font-size:1.5rem; cursor:pointer; }

/* Hero */
.hero, .campaign-hero { text-align:center; padding:100px 20px; background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1593113598332-cd288d649433?q=80&w=2070&auto=format&fit=crop') center/cover no-repeat; color:white; }
.hero h1, .campaign-hero h1 { font-size:3.5rem; margin-bottom:1rem; }
.cta, .donate { display:inline-block; margin-top:2rem; padding:15px 40px; background:#ff6b35; color:white; text-decoration:none; border-radius:50px; font-weight:bold; font-size:1.2rem; }
.cta:hover, .donate:hover { background:#e55a2b; }

/* Main content */
.teaser, .campaign-list { padding:60px 20px; max-width:1200px; margin:0 auto; text-align:center; }
.campaign-list li { margin:30px 0; font-size:1.3rem; }

/* Responsive */
@media (max-width:768px) {
  .hero h1, .campaign-hero h1 { font-size:2.5rem; }
  nav ul { flex-direction:column; gap:1rem; }
  #theme-toggle { right:1rem; top:1rem; }
}
.rescue-main { max-width: 800px; margin: 0 auto; padding: 40px 20px; text-align: center; }
.calculator input { width: 100px; font-size: 1.5rem; margin: 20px; }
#impact-output p { font-weight: bold; margin: 10px; }
.monthly-pledge { margin-top: 50px; border-top: 1px solid #ff4500; padding-top: 30px; }
.cred-hero { background: white; color: #121212; padding: 60px 20px; text-align: center; }
body.dark .cred-hero { background: #121212; color: white; }
.cred-section img { max-width: 800px; margin: 20px auto; display: block; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.key-facts { list-style: none; max-width: 600px; margin: 40px auto; text-align: left; }
.key-facts li { padding: 10px; background: #f9f9f9; margin: 10px 0; border-left: 4px solid #ff4500; }
body.dark .key-facts li { background: #1a1a1a; }
.cert-badge { background: #ff4500; color: white; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; font-size: 0.9rem; }
body.dark .cert-badge { background: #e55a2b; }