.volunteer-invite{position:fixed;z-index:110;width:min(420px,calc(100vw - 16px));aspect-ratio:1/1;isolation:isolate;color:#06438c;font-family:inherit;filter:drop-shadow(0 10px 20px #076abc35);animation:invite-appear .2s ease-out}
.volunteer-invite[hidden]{display:none!important}
.invite-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:fill;pointer-events:none}
.invite-close{position:absolute;top:9%;right:13%;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:white;font-size:29px;cursor:pointer;line-height:1}
.invite-heading{position:absolute;top:20%;left:12%;width:76%;text-align:center;color:white}
.invite-heading h2{font-size:clamp(25px,7vw,34px);line-height:1.05;letter-spacing:-.04em;margin:0 0 5px;font-weight:800;color:white}
.invite-donate{color:white;font-size:clamp(16px,4.4vw,21px);font-weight:700;text-decoration:none;border-bottom:1px solid #ffffff80}
.invite-donate:hover{border-bottom-color:#ffde35}
.invite-body{position:absolute;top:49%;left:10%;width:80%;text-align:center}
.invite-body p{font-size:clamp(12px,3.4vw,16px);line-height:1.35;margin:0 0 12px}
.invite-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#fff078,#ffd823);border:1px solid #ffe85b;box-shadow:0 3px 8px #e5b60035;border-radius:30px;color:#00489c;padding:11px 15px;text-decoration:none;font-weight:750;font-size:clamp(12px,3.4vw,16px);white-space:nowrap;min-height:44px}
.invite-whatsapp svg{width:23px;height:23px;fill:currentColor;flex-shrink:0}
.invite-whatsapp:hover{background:#ffe84c;box-shadow:0 5px 12px #e5b60050}
.invite-small-heart{display:block;font-size:29px;font-weight:800;line-height:1.1;color:#0875c9;text-shadow:0 2px #ffda31;margin:7px 0 3px}
.invite-body .invite-family{font-size:clamp(11px,3vw,14px);line-height:1.2;margin:0}
.volunteer-invite :focus-visible{outline:3px solid #073b88;outline-offset:3px}
@keyframes invite-appear{from{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.volunteer-invite{animation:none}}
@media(max-width:360px){.invite-heading{top:19%}.invite-body{top:47%}.invite-body p{margin-bottom:8px}.invite-whatsapp{padding:9px 11px}.invite-small-heart{margin:4px 0 1px;font-size:24px}}