:root {
    --wc-ink: #10231c;
    --wc-muted: #65736d;
    --wc-line: #e2ece7;
    --wc-bg: #f7fbf8;
    --wc-surface: #ffffff;
    --wc-primary: #0f7a4f;
    --wc-primary-dark: #075536;
    --wc-accent: #f5b83b;
    --wc-danger: #d84632;
    --wc-radius: 8px;
    --wc-shadow: 0 18px 50px rgba(15, 58, 39, 0.12);
}

body {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--wc-ink);
    background: var(--wc-bg);
}

h1, h2, h3, h4, h5, h6,
.heading h2,
.slider .text h2,
.page-top h2 {
    font-family: "Inter", system-ui, sans-serif;
    letter-spacing: 0;
}

a { color: var(--wc-primary); }
a:hover { color: var(--wc-primary-dark); }

.top {
    background: #082d20;
    border-bottom: 0;
}

.main-nav {
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 30px rgba(7, 37, 26, 0.08);
    backdrop-filter: blur(16px);
}

.main-nav nav .navbar-nav .nav-item .nav-link {
    color: var(--wc-ink);
    font-weight: 700;
}

.main-nav nav .navbar-nav .nav-item.active .nav-link,
.main-nav nav .navbar-nav .nav-item .nav-link:hover {
    color: var(--wc-primary);
}

.main-nav .navbar-brand img,
.mobile-nav img {
    max-height: 52px;
}

.nav-cta .nav-link {
    background: var(--wc-primary);
    color: #fff !important;
    border-radius: 999px;
    padding: 12px 20px !important;
    margin-top: -2px;
    box-shadow: 0 12px 26px rgba(15, 122, 79, 0.24);
}

.button-style-1 a,
.button-style-2 a,
.btn-primary,
.btn-success,
.bg-website,
input[type="submit"].btn-primary {
    background: var(--wc-primary) !important;
    border-color: var(--wc-primary) !important;
    color: #fff !important;
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(15, 122, 79, 0.18);
}

.button-style-1 a:hover,
.button-style-2 a:hover,
.btn-primary:hover,
.btn-success:hover {
    background: var(--wc-primary-dark) !important;
    border-color: var(--wc-primary-dark) !important;
    color: #fff !important;
}

.slider .item {
    min-height: 720px;
}

.slider .item .bg,
.page-top:before {
    background: linear-gradient(105deg, rgba(6, 31, 23, 0.88), rgba(6, 31, 23, 0.52));
}

.slider .text h2 {
    font-size: clamp(44px, 6vw, 78px);
    line-height: 0.98;
    font-weight: 900;
    max-width: 780px;
}

.slider .text p {
    font-size: 20px;
    line-height: 1.7;
    max-width: 650px;
}

.heading h2,
.page-top h2 {
    font-weight: 900;
}

.page-top {
    min-height: 300px;
}

.card,
.fundraiser-card,
.right-item,
.left-item,
.sidebar .widget,
.login-form,
.stats-bar,
.full-section {
    border: 1px solid var(--wc-line) !important;
    border-radius: var(--wc-radius) !important;
    box-shadow: var(--wc-shadow);
    background: var(--wc-surface);
}

.fundraiser-card {
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fundraiser-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 60px rgba(15, 58, 39, 0.18);
}

.progress {
    border-radius: 999px;
    background: #dfebe5;
    overflow: hidden;
}

.progress-bar,
.badge.bg-success {
    background: linear-gradient(90deg, #0f7a4f, #18a96f) !important;
}

.badge.bg-danger {
    background: var(--wc-danger) !important;
}

.badge.bg-warning {
    background: var(--wc-accent) !important;
}

.form-control,
.form-select,
.input-group-text {
    border-color: var(--wc-line);
    border-radius: var(--wc-radius);
    min-height: 48px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--wc-primary);
    box-shadow: 0 0 0 4px rgba(15, 122, 79, 0.12);
}

.footer {
    background: #082d20;
}

.footer,
.footer p,
.footer .right,
.footer .useful-links li a {
    color: rgba(255, 255, 255, 0.78);
}

.footer .heading,
.footer-bottom {
    color: #fff;
}

.footer-bottom {
    background: #041b14;
}

.wc-hero-panel,
.wc-trust-strip,
.wc-donation-panel {
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: var(--wc-radius);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(18px);
}

.wc-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(15, 122, 79, 0.12);
    color: var(--wc-primary);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wc-section {
    padding: 82px 0;
}

.wc-section-soft {
    background:
        radial-gradient(circle at top left, rgba(15, 122, 79, 0.12), transparent 34%),
        linear-gradient(180deg, #ffffff, #f3faf5);
}

.wc-payment-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #eef8f2;
    color: var(--wc-primary-dark);
    font-weight: 800;
}

@media (max-width: 991px) {
    .slider .item { min-height: 620px; }
    .slider .text h2 { font-size: 44px; }
    .nav-cta .nav-link { display: inline-block; margin: 10px 0; }
}

@media (max-width: 767px) {
    .slider .item { min-height: 560px; }
    .slider .text h2 { font-size: 36px; }
    .page-top { min-height: 230px; }
}