:root{
  --primary:#0f3e4f;
  --accent:#ffc107;
  --bg:#fffefb;
}
html{scroll-behavior:smooth}
body{font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);}
.fw-800{font-weight:800}
.logo{height:36px;width:auto;border-radius:8px}
.navbar .nav-link{font-weight:600}
.navbar .nav-link:hover{color:var(--primary)}
.brand-text{letter-spacing:.5px}
.page-content{padding-top:84px}
/* Preloader */
.preloader{position:fixed;inset:0;background:#fff;z-index:2000;opacity:1;transition:opacity .4s ease;}
.preloader.hide{opacity:0;pointer-events:none}
/* Hero */
.hero{background:url('https://i.pinimg.com/736x/37/d2/8d/37d28dcfb49f1efa65f5a37dbae66013.jpg') center/cover no-repeat;}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35));}
.mouse{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:28px;height:48px;border:2px solid #fff;border-radius:20px;opacity:.8;}
.mouse::after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:#fff;border-radius:50%;animation:wheel 1.6s infinite}
@keyframes wheel{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,16px)}}
/* Buttons */
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);border-color:var(--primary)}
/* Gradient block */
.bg-gradient-primary{background:linear-gradient(135deg,var(--primary),#1b6f8a)}
/* Feature cards */
.feature-card{border:0;transition:.2s transform}
.feature-card:hover{transform:translateY(-4px)}
/* Footer */
.footer-link{color:#fff;opacity:.8;text-decoration:none}
.footer-link:hover{opacity:1}
.hover-rise:hover{transform:translateY(-2px)}
.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9ecef;font-weight:800}
/* Floating actions */
.floating-donate{position:fixed;right:18px;bottom:18px;z-index:1040;animation:pulse 2s infinite}
.donate-pulse{animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(15,62,79,.5)}70%{box-shadow:0 0 0 18px rgba(15,62,79,0)}100%{box-shadow:0 0 0 0 rgba(15,62,79,0)}}
.back-to-top{position:fixed;right:18px;bottom:82px;display:none;z-index:1030}
/* Sections */
.section-header{background:#f8fafb}
.progress{height:18px}
/* Utilities */
.opacity-75{opacity:.75}