
:root{
  --navy:#071923;--blue:#0b7ea8;--cyan:#34c3dc;--ink:#13242c;--paper:#f6fafb;
  --line:#d7e5e9;--muted:#60757e;--white:#fff;--shadow:0 14px 40px rgba(1,31,43,.12)
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,25,35,.97);color:#fff;border-bottom:1px solid #173845}
.nav{min-height:72px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;letter-spacing:.03em;text-decoration:none;font-size:1.05rem}.brand b{color:var(--cyan)}
.links{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-weight:700;font-size:.87rem;opacity:.92}.links a:hover{color:var(--cyan)}
.btn{display:inline-block;border:0;border-radius:8px;padding:12px 18px;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer}.btn.alt{background:#fff;color:var(--navy)!important;border:2px solid var(--navy)}.btn.dark{background:var(--navy)}
.hero{background:linear-gradient(120deg,#071923 0%,#0d3342 58%,#0b6d8d 100%);color:#fff;padding:80px 0 72px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}
.kicker{color:var(--cyan);font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.9;margin:.12em 0 .25em;text-transform:uppercase;letter-spacing:-.055em}
.hero h1 span{color:var(--cyan)}.hero p{font-size:1.15rem;max-width:760px;color:#dbeaf0}.hero-card{border:1px solid #4d8699;background:rgba(0,0,0,.18);padding:28px;border-radius:16px}
.hero-card .drop{font-size:4rem}.section{padding:68px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--navy);color:#fff}.section h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 10px;letter-spacing:-.035em}.lead{font-size:1.1rem;color:var(--muted);max-width:850px}.dark .lead{color:#c8d9df}
.state-grid,.cards,.stats,.two,.three{display:grid;gap:22px}.state-grid{grid-template-columns:1fr 1fr;margin-top:28px}.state-card{padding:38px;border-radius:16px;box-shadow:var(--shadow);text-decoration:none;color:#fff;background:linear-gradient(135deg,#0a3140,#087da4);min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}.state-card h3{font-size:2.3rem;margin:0}.state-card p{margin:.5rem 0 0;color:#eaf9ff}
.stats{grid-template-columns:repeat(4,1fr);margin-top:30px}.stat{border-top:5px solid var(--blue);background:#fff;padding:25px;box-shadow:var(--shadow);border-radius:10px}.stat strong{display:block;color:var(--blue);font-size:2rem}.stat small{color:var(--muted)}
.cards{grid-template-columns:repeat(3,1fr);margin-top:25px}.card{padding:26px;border:1px solid var(--line);border-radius:13px;background:#fff}.dark .card{background:#0d2c39;border-color:#24505f}.card h3{margin-top:0}
.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}
.callout{padding:26px;border-left:6px solid var(--cyan);background:#e8f7fb;border-radius:8px}.dark .callout{background:#0d3342}
.form{max-width:760px}.form label{font-weight:800;display:block;margin:13px 0 5px}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid #b9ccd3;border-radius:7px;font:inherit}.form textarea{min-height:140px}.help{font-size:.9rem;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{width:100%;border-radius:12px;border:1px solid var(--line)}
.badge{display:inline-block;background:#e6f6fa;color:#075f7c;font-weight:900;padding:6px 10px;border-radius:99px;font-size:.8rem}
.footer{background:#041117;color:#c9dbe1;padding:36px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{color:#fff}
.notice{padding:16px;border:1px solid #f0c36d;background:#fff8e7;border-radius:8px}.source-list li{margin-bottom:8px}
.who{font-size:1.08rem;max-width:870px}.quote{font-size:1.55rem;font-weight:900;color:var(--blue);border-left:5px solid var(--blue);padding-left:20px}
.donate-box{padding:35px;background:#fff;border-radius:14px;box-shadow:var(--shadow)}.big-cashtag{font-size:2.5rem;font-weight:900;color:var(--blue)}
@media(max-width:850px){.links{display:none}.hero-grid,.state-grid,.stats,.cards,.two,.three,.footer-grid,.gallery{grid-template-columns:1fr}.hero{padding-top:55px}.nav{min-height:62px}.mobile-note{display:block!important}}
.mobile-note{display:none;color:#b7d9e4;margin-left:auto;font-size:.8rem}

/* Expanded state pages */
.state-hero{padding:72px 0 66px}.state-hero h1{max-width:1050px;font-size:clamp(2.8rem,6vw,5.7rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.stats-wide{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}
.source-list{padding-left:1.2rem}.source-list a{color:var(--blue);font-weight:700}.source-list a:hover{text-decoration-thickness:2px}
.section ul{padding-left:1.25rem}.section li{margin:.4rem 0}
@media(max-width:850px){.stats-wide,.cards-2{grid-template-columns:1fr}.hero-actions .btn{width:100%;text-align:center}}
