:root{--bg:#f7f5ee;--ink:#152018;--muted:#46504a;--green:#2f6f2d;--green-dark:#164b1f;--green-soft:#eaf0e3;--lime:#dfe9b8;--line:#d9ddd4;--card:#fff;--banana:#f28a00;--popoy:#0b96a8;--yellow:#fff3c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink)}
.update-shell{max-width:1380px;margin:auto}.update-hero{position:relative;text-align:center;padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,3rem) 2rem;background:var(--bg);overflow:hidden}.update-hero:before{content:"";position:absolute;left:1rem;top:1rem;width:150px;height:240px;opacity:.55;background:radial-gradient(ellipse at 45% 25%,transparent 0 18%,#d9dfbf 19% 20%,transparent 21% 100%),radial-gradient(ellipse at 30% 45%,transparent 0 18%,#d9dfbf 19% 20%,transparent 21% 100%),radial-gradient(ellipse at 55% 65%,transparent 0 18%,#d9dfbf 19% 20%,transparent 21% 100%);transform:rotate(-25deg)}.update-hero .eyebrow{position:relative;color:var(--green-dark);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;margin:0}.update-hero h1{position:relative;font-size:clamp(2.35rem,5vw,3.9rem);line-height:1.08;margin:.9rem auto 1rem;max-width:900px;color:#173f1b}.update-hero h1 em{font-style:normal;font-weight:500}.update-hero>p:last-child{position:relative;max-width:720px;margin:auto;font-size:1.1rem;line-height:1.55;color:#303936}
.initiative-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;padding:1rem clamp(1.25rem,5vw,3rem) 1.25rem}.initiative-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 18px rgba(23,34,29,.06);display:flex;flex-direction:column;min-width:0}.initiative-photo{width:100%;aspect-ratio:1.78;object-fit:cover;display:block}.initiative-body{padding:2.9rem 1.45rem 1.35rem;position:relative;display:flex;flex-direction:column;flex:1}.initiative-icon{position:absolute;top:-29px;left:50%;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.55rem;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.08)}.banana .initiative-icon{background:var(--banana)}.popoy .initiative-icon{background:var(--popoy)}.seatpilot .initiative-icon,.bayanihub .initiative-icon{background:var(--green)}.initiative-tag{display:block;text-align:center;color:var(--green);font-weight:800;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.35;margin-bottom:.65rem}.banana .initiative-tag{color:var(--banana)}.popoy .initiative-tag{color:var(--popoy)}.initiative-card h2{text-align:center;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:500;margin:0 0 .75rem;color:#173f1b}.initiative-card>p{color:#202823;line-height:1.52;font-size:.96rem;margin:0}.howto{display:block;margin-top:1.15rem}.howto section:first-child{border-top:1px solid var(--line);padding-top:.7rem}.howto section:nth-child(2){display:none}.howto h3{font-size:.78rem;font-weight:500;margin:0 0 .45rem;color:#26312b}.howto ol{margin:0;padding-left:1.1rem;color:#3f4943;line-height:1.42;font-size:.82rem}.update-actions{display:flex;justify-content:center;margin-top:auto;padding-top:1.1rem}.update-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:185px;padding:.72rem 1rem;border-radius:8px;text-decoration:none!important;font-weight:800;background:var(--green);color:#fff!important}.banana .update-button{background:var(--banana)}.popoy .update-button{background:var(--popoy)}.status-note{background:var(--yellow);border:0;border-radius:9px;padding:.7rem .8rem;margin-top:1rem;font-size:.78rem;line-height:1.45;color:#3c3828}.seatpilot .status-note:before,.bayanihub .status-note:before{content:"🔒";margin-right:.55rem}.initiative-help{max-width:1380px;margin:0 auto 1.5rem;padding:1rem clamp(1.25rem,5vw,3rem);background:#f2f0e8;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--green)}.initiative-help h2{font-weight:500;margin:0;font-size:1.1rem}.initiative-help .section-label{display:none}
@media(max-width:1100px){.initiative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.initiative-card h2{font-size:1.7rem}}
@media(max-width:760px){.update-hero{padding-top:2rem}.update-hero:before{display:none}.initiative-grid{grid-template-columns:1fr;padding:1rem 1rem 1.25rem}.initiative-photo{aspect-ratio:16/9}.initiative-body{padding-left:1.25rem;padding-right:1.25rem}.initiative-help{margin:0 1rem 1rem}.main-header{position:relative}.main-nav{display:none}.main-actions{display:flex}}
.volunteer-wrap{max-width:860px;margin:auto;padding:clamp(2rem,5vw,4rem) 1.25rem}.volunteer-intro{margin-bottom:1.5rem}.volunteer-intro p{color:var(--muted);line-height:1.65}.volunteer-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 10px 28px rgba(23,34,29,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:grid;gap:.4rem}.form-field.full{grid-column:1/-1}.form-field label,.field-label{font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #b8c8c0;border-radius:10px;padding:.78rem;background:#fff;color:var(--ink);font:inherit}.form-field textarea{min-height:110px;resize:vertical}.choice-row{display:flex;flex-wrap:wrap;gap:1rem;padding:.65rem 0}.choice-row label{font-weight:500}.choice-row input{width:auto;margin-right:.35rem}.privacy-note{font-size:.9rem;color:var(--muted);line-height:1.5}.hidden-field{position:absolute!important;left:-9999px!important}.submit-button{border:0;border-radius:999px;padding:.9rem 1.4rem;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.submit-button:hover{background:var(--green-dark)}