﻿:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;background:#172922}
a{color:inherit}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;background-image:url("assets/rescue-friends.jpg");background-size:cover;background-position:center 55%}
.page::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,20,16,.53)}
.page::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,18,13,.24),transparent 28%,transparent 65%,rgba(7,18,13,.46));pointer-events:none}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 5.2%}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px}
.brand img{flex:none}
.brand-caption{display:block;margin-top:6px;font-size:8px;font-weight:600;letter-spacing:2.05px;color:#e3e8df}
.header-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#eef0e9}
.status-dot{width:6px;height:6px;border-radius:50%;background:#d0dda3;box-shadow:0 0 0 4px #d0dda31a}
main{display:grid;place-items:center;flex:1;padding:64px 24px 78px}
.hero{text-align:center;width:100%;max-width:940px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #ffffff40;border-radius:30px;background:#142b2340;font-size:10px;font-weight:650;letter-spacing:2px;backdrop-filter:blur(8px)}
.tiny-heart{color:#e9c7a4;font-size:14px;line-height:1}
h1{font-size:clamp(44px,5.6vw,80px);line-height:1.09;letter-spacing:-3.4px;font-weight:700;margin:27px 0 23px;text-wrap:balance;text-shadow:0 2px 24px #0002}
.subtitle{max-width:535px;margin:0 auto;color:#f4f3ed;font-size:18px;line-height:1.65;text-wrap:balance}
.donation{margin-top:33px;display:flex;align-items:center;flex-direction:column}
#paypal-container-RSFV5T4J5EB3N{width:100%;max-width:360px;min-height:64px;color-scheme:light}
.donate-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:64px;padding:16px 25px;border-radius:7px;color:#062e64;background:#ffc439;box-shadow:0 5px 24px #0003;text-decoration:none;font-size:17px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.paypal-icon{width:23px;height:27px;flex:none}
.paypal-word{font-size:21px;font-style:italic;letter-spacing:-.7px;color:#003087}.paypal-word span{color:#0079c1}
.arrow{width:21px;height:21px;margin-left:15px}
.donate-button:hover{background:#ffd160;transform:translateY(-2px);box-shadow:0 9px 28px #0004}
.donate-button:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}
a:focus-visible{outline:3px solid white;outline-offset:6px}
.secure-note{display:flex;gap:6px;align-items:center;font-size:11px;color:#f1f0e9;margin-top:14px;letter-spacing:.15px}.secure-note svg{height:13px;width:13px}
.impact{font-size:13px;line-height:1.8;color:#eeeee7;margin:33px auto 0;max-width:460px}
.donation-status{max-width:360px;font-size:13px;line-height:1.5;padding:12px 16px;background:#122c25;border:1px solid #ffffff50;border-radius:6px;margin-bottom:0}
.footer{padding:23px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;font-size:10px;letter-spacing:.2px;color:#efeee8}
.footer-message{display:flex;gap:8px;align-items:center}.footer-message span{font-size:18px}.footer-right{color:#eeeee0}
@media(min-width:1600px){main{padding-top:100px;padding-bottom:130px}}
@media(max-width:800px){.header{padding:26px 6%}.header-note{display:none}.footer-right{display:none}h1{letter-spacing:-2px}.page{background-position:58% center}}
@media(max-width:480px){.header{padding:25px 23px}.brand{font-size:23px}.brand img{width:40px;height:40px}.brand-caption{font-size:7px;letter-spacing:1.8px}main{padding:54px 22px 55px}h1{font-size:44px;letter-spacing:-1.9px;margin-top:23px}.eyebrow{font-size:8px;letter-spacing:1.4px;padding:10px 12px}.subtitle{font-size:16px;max-width:320px}.donate-button{min-height:62px;width:100%;max-width:310px}.impact{font-size:12px;max-width:310px}.desktop-break{display:none}.footer{flex-direction:column;gap:9px;text-align:center;padding:18px 20px}.page{background-position:58% center}}
@media(prefers-reduced-motion:reduce){.donate-button{transition:none}.donate-button:hover,.donate-button:active{transform:none}}
/* Donation card: styles stay outside PayPal's payment iframes. */
main{padding:28px 24px 36px}
h1{font-size:clamp(40px,4.5vw,64px);margin:18px 0 14px;letter-spacing:-2.5px}
.subtitle{font-size:16px;max-width:510px;line-height:1.6}
.donation{width:100%;max-width:420px;margin:24px auto 0;padding:28px;border:1px solid #ffffff29;border-radius:22px;background:rgba(13,30,24,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 48px #0003;text-align:left}
.donation-heading{font-size:19px;font-weight:650;letter-spacing:-.4px;margin:0 0 22px;align-self:flex-start}
.donation-status{margin:0 0 14px}
.donation [hidden]{display:none!important}
.secure-note{justify-content:center;font-size:10px;margin-top:17px;line-height:1.5;color:#d8e1d8;text-align:center}.secure-note svg{flex-shrink:0}.secure-note strong{font-weight:650}
.impact{margin-top:20px;font-size:12px;line-height:1.7}
#paypal-container-RSFV5T4J5EB3N{max-width:none;min-height:0;color-scheme:dark}
.amount-choices{border:0;padding:0;margin:0 0 18px;min-width:0}
.amount-choices legend{width:100%;padding:0;margin-bottom:12px;font-size:12px;font-weight:500;color:#dce5dc}
.amount-choices legend span{float:right;font-size:10px;letter-spacing:1px;color:#b9c9bd}
.amount-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.amount-presets button,.other-amount{font:inherit;color:#fff;background:#ffffff08;border:1px solid #ffffff35;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.amount-presets button{border-radius:11px;min-height:49px;padding:9px 3px;font-size:17px;font-weight:650}
.amount-presets button:hover,.other-amount:hover{background:#ffffff17;border-color:#ffffff80}
.amount-presets button[aria-pressed="true"]{background:#e8c9a6;color:#20372b;border-color:#e8c9a6;box-shadow:0 0 0 1px #e8c9a6}
.other-amount{display:block;width:100%;border-radius:10px;min-height:42px;margin-top:10px;font-size:12px}
.other-amount[aria-pressed="true"]{border-color:#e8c9a6;background:#e8c9a61a;color:#f4d9b9}
.amount-error{font-size:12px;color:#ffcfb9;line-height:1.5;margin:0 0 15px}
.donation button:focus-visible,.donation input:focus-visible{outline:3px solid #e8c9a6;outline-offset:3px}
/* These selectors target the native form generated by the existing hosted button.
   Keep its form action, amount field, validation, and submit button intact. */
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N-wrapper{margin:0}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N{display:block}
.donation.is-enhanced #form-container-RSFV5T4J5EB3N{width:100%;max-width:none;min-width:0;padding:0}
.donation.is-enhanced #carousel-container-RSFV5T4J5EB3N,
.donation.is-enhanced #desc-label,
.donation.is-enhanced .item-description,
.donation.is-enhanced #js-sdk-container-RSFV5T4J5EB3N,
.donation.is-enhanced .paypal-card-art{display:none!important}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N .input-label{display:block;color:#dce5dc;font-size:12px;margin-bottom:9px;text-align:left}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N .amount-container{margin:0 0 18px}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #amount{width:100%;height:66px;margin:0;padding:12px 58px 12px 45px;border:1px solid #ffffff42;border-radius:14px;background:#ffffff09;color:#fff;font:600 28px/1.2 Inter,"Segoe UI",Arial,sans-serif;box-shadow:inset 0 1px 0 #ffffff05}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #amount::placeholder{font-size:18px;font-weight:400;color:#adbaaf}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N .currency-symbol{height:66px;display:flex;align-items:center;padding:0 0 0 19px;font-size:23px;color:#e8c9a6;pointer-events:none}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N .currency-label{height:66px;display:flex;align-items:center;padding:0 17px 0 0;font-size:11px;color:#b6c4b8;pointer-events:none}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N .error-label{color:#ffcfb9;font-size:12px;text-align:left}
.donation.is-enhanced .paypal-buttons-layout{margin:0!important;gap:0!important}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #checkout-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:none;min-width:0;height:auto;min-height:59px;margin:0;padding:16px 18px;border:0;border-radius:12px;background:#ffc439!important;color:#063064!important;font:650 15px/1.3 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 5px 18px #0002;transition:background .18s,transform .18s}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #checkout-button:hover{background:#ffd15c!important;transform:translateY(-1px)}
.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #checkout-button:active{transform:translateY(1px)}
.donation .paypal-word{font-size:18px;white-space:nowrap}.donation-arrow{font-size:21px}
@media(min-width:1600px){main{padding:35px 24px 45px}}
@media(max-width:480px){main{padding:20px 20px 28px}h1{font-size:39px;letter-spacing:-1.8px}.subtitle{font-size:14px;max-width:320px}.donation{padding:23px 20px;border-radius:20px;margin-top:20px}.donation-heading{font-size:18px;margin-bottom:18px}.amount-presets{gap:7px}.amount-presets button{font-size:16px}.impact{margin-top:16px}.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #checkout-button{font-size:14px;padding:15px 13px}.donation .paypal-word{font-size:17px}}
@media(prefers-reduced-motion:reduce){.amount-presets button,.other-amount,.donation.is-enhanced #paypal-form-fields-container-RSFV5T4J5EB3N #checkout-button{transition:none;transform:none}}
