:root{
--navy:#031226;
--navy-2:#061a33;
--gold:#d9a529;
--gold-2:#f5d46b;
--white:#ffffff;
--muted:#6b7280;
--soft:#f7f8fb;
--border:#e6e8ef;
--shadow: 0 20px 50px rgba(3,
    18,
    38,.12);
--radius: 22px;
}
*{box-sizing:border-box
}
html{scroll-behavior:smooth
}
body{margin: 0;font-family:Inter,Arial,sans-serif;color:#132033;background:#fff;line-height: 1.65
}
a{text-decoration:none;color:inherit
}
img{max-width: 100%;display:block
}.container{width:min(1160px,
    92%);margin: 0
auto
}.topbar{background:var(--navy);color:#dfe7f2;font-size:.9rem;padding: 8px 0
}.topbar
.container{display:flex;justify-content:space-between;gap: 18px;flex-wrap:wrap
}.navbar{position:sticky;top: 0;z-index: 50;background:rgba(255,
    255,
    255,.96);backdrop-filter:blur(12px);border-bottom: 1px
solid var(--border)
}.nav-inner{height: 86px;display:flex;align-items:center;justify-content:space-between;gap: 22px
}.brand
img{height: 66px;width:auto
}.nav-links{display:flex;align-items:center;gap: 24px;font-weight: 700;font-size:.94rem;color:#253044
}.nav-links
a:hover{color:var(--gold)
}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius: 999px;padding: 13px
22px;font-weight: 800;border: 1px solid transparent;transition:.2s
ease
}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#061225;box-shadow: 0 12px 28px
rgba(217,
    165,
    41,.28)
}.btn-primary:hover{transform:translateY(-2px)
}.btn-outline{border-color:rgba(255,
    255,
    255,.55);color:#fff
}.btn-outline-dark{border-color:#cfd5df;color:var(--navy)
}.mobile-toggle{display:none;border: 0;background:var(--navy);color:#fff;border-radius: 10px;padding: 10px
12px;font-size: 1.2rem
}.hero{background:var(--navy);position:relative;overflow:hidden
}.hero-banner{width: 100%;height:auto
}.hero-content{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff;padding: 54px
0 64px
}.hero-grid{display:grid;grid-template-columns: 1.2fr
.8fr;gap: 42px;align-items:center
}.eyebrow{color:var(--gold-2);font-weight: 900;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem
}.hero
h1,.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,
    5vw,
    4.7rem);line-height: 1.05;margin: 12px 0 18px
}.hero
p{font-size: 1.14rem;color:#dce5f0;max-width: 720px
}.hero-actions{display:flex;gap: 14px;flex-wrap:wrap;margin-top: 28px
}.hero-card{background:rgba(255,
    255,
    255,.08);border: 1px
solid rgba(255,
    255,
    255,.15);padding: 28px;border-radius:var(--radius)
}.hero-card
strong{color:var(--gold-2);display:block;font-size: 2rem
}.section{padding: 86px
0
}.section-soft{background:var(--soft)
}.section-dark{background:var(--navy);color:#fff
}.section-title{max-width: 780px;margin: 0
auto 42px;text-align:center
}.section-title
h2{font-family:Georgia,serif;color:var(--navy);font-size:clamp(2rem,
    3vw,
    3.2rem);margin: 8px 0 12px
}.section-dark
.section-title h2{color:#fff
}.section-title p{color:var(--muted);font-size: 1.06rem
}.section-dark .section-title
p{color:#d6dfeb
}.cards{display:grid;grid-template-columns:repeat(3,
    1fr);gap: 24px
}.card{background:#fff;border: 1px solid
var(--border);border-radius:var(--radius);padding: 28px;box-shadow:var(--shadow)
}.card h3{margin: 0 0
10px;color:var(--navy);font-size: 1.25rem
}.card
p{color:#596579;margin: 0
}.icon{width: 48px;height: 48px;border-radius: 14px;background:linear-gradient(135deg,var(--gold),var(--gold-2));display:flex;align-items:center;justify-content:center;font-size: 1.4rem;margin-bottom: 18px
}.split{display:grid;grid-template-columns: 1fr
1fr;gap: 46px;align-items:center
}.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding: 34px;border: 1px
solid var(--border)
}.panel h2{font-family:Georgia,serif;color:var(--navy);font-size: 2.3rem;margin: 0 0
16px
}.list{display:grid;gap: 12px;margin-top: 20px
}.list div{padding: 14px
16px;border-radius: 14px;background:#f7f8fb;border: 1px solid
var(--border);font-weight: 700
}.cta{background:linear-gradient(135deg,#041326,#0b2648);color:#fff;border-radius: 32px;padding: 48px;display:grid;grid-template-columns: 1.3fr
.7fr;gap: 24px;align-items:center;box-shadow:var(--shadow)
}.cta h2{font-family:Georgia,serif;font-size: 2.6rem;margin: 0 0
12px
}.cta
p{color:#d8e0ec;margin: 0
}.page-hero{background:linear-gradient(135deg,var(--navy),#092143);color:#fff;padding: 86px
0
}.page-hero p{max-width: 760px;color:#dce5f0;font-size: 1.12rem
}.form{display:grid;gap: 16px
}.form input,.form
textarea,.form select{width: 100%;padding: 14px 15px;border-radius: 12px;border: 1px solid #cfd5df;font:inherit
}.form
textarea{min-height: 140px
}.footer{background:#020b17;color:#cdd6e3;padding: 58px 0
24px
}.footer-grid{display:grid;grid-template-columns: 1.2fr .8fr .8fr;gap: 34px
}.footer
img{height: 88px;width:auto;margin-bottom: 14px
}.footer h4{color:#fff;margin: 0 0 12px
}.footer a{display:block;margin: 8px
0;color:#cdd6e3
}.copyright{border-top: 1px solid
rgba(255,
    255,
    255,.1);margin-top: 34px;padding-top: 18px;font-size:.9rem;color:#94a3b8
}.program-grid{display:grid;grid-template-columns:repeat(2,
    1fr);gap: 24px
}.donation-grid{display:grid;grid-template-columns:repeat(4,
    1fr);gap: 18px
}.donation-card{text-align:center;background:#fff;border: 1px
solid var(--border);border-radius: 18px;padding: 22px;box-shadow:var(--shadow)
}.donation-card
strong{display:block;color:var(--navy);font-size: 1.9rem
}.impact-number{font-size: 2.4rem;font-weight: 900;color:var(--gold)
}
@media(max-width: 900px){.mobile-toggle{display:block
    }.nav-links{position:absolute;left: 0;right: 0;top: 86px;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding: 22px
4%;border-bottom: 1px solid
var(--border)
    }.nav-links.open{display:flex
    }.hero-grid,.split,.cta,.footer-grid{grid-template-columns: 1fr
    }.cards,.program-grid,.donation-grid{grid-template-columns: 1fr
    }.nav-inner{height: 78px
    }.brand
img{height: 58px
    }.section{padding: 64px 0
    }.cta{padding: 32px
    }
}