.ds-donate-page{background:#fff;color:var(--ds-black)}.ds-donate-hero{background:var(--ds-black);color:var(--ds-white);padding:clamp(56px,9vw,116px) 0;text-align:center}.ds-donate-page__eyebrow{color:#ffb2bc;font-family:var(--ds-font-headings);font-size:.78rem;font-weight:700;letter-spacing:.13em;margin:0 0 14px;text-transform:uppercase}.ds-donate-hero h1{color:inherit;font-family:var(--ds-font-headings);font-size:clamp(2.5rem,5vw,4.75rem);line-height:.98;margin:0}.ds-donate-hero p:last-child{font-size:1.15rem;line-height:1.55;margin:25px auto 0;max-width:650px}.ds-donate-choice{padding:clamp(48px,7vw,90px) 0}.ds-donate-choice h2,.ds-donate-benefits h2,.ds-donate-faq h2{font-family:var(--ds-font-headings);font-size:clamp(2rem,3vw,3rem);margin:0 0 10px}.ds-donate-choice__widget{margin:auto;max-width:690px}.ds-donate-page .ds-donation-widget__shell{box-shadow:0 16px 45px rgba(17,17,17,.12)}.ds-donate-page .ds-donation-widget__header{padding:24px 32px}.ds-donate-page .ds-donation-widget__title{font-size:1.65rem}.ds-donate-page .ds-donation-widget__body{padding:34px}.ds-donate-choice__login{margin:26px 0 0;text-align:center;font-size:1.2rem;font-family:"Roboto",sans-serif}.ds-donate-benefits{background:var(--ds-grey-light);padding:clamp(46px,7vw,82px) 0;text-align:center}.ds-donate-benefits__grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:34px auto 0;max-width:960px}.ds-donate-benefits__grid p{background:#fff;border-top:3px solid var(--ds-red);margin:0;padding:25px 20px}.ds-donate-faq{padding:clamp(46px,7vw,80px) 0}.ds-donate-faq .ct-container{max-width:800px}.ds-donate-faq p{font-size:1.2rem}.ds-claim-page{background:var(--ds-grey-light);padding:70px 0}.ds-claim{background:#fff;box-shadow:0 12px 36px rgba(17,17,17,.1);margin:auto;max-width:640px;padding:clamp(28px,5vw,52px)}.ds-claim h1{font-family:var(--ds-font-headings);font-size:2.2rem;margin-top:0}.ds-claim label{display:block;font-weight:700;margin:22px 0}.ds-claim input{border:1px solid #bcc2cb;border-radius:4px;box-sizing:border-box;display:block;font:inherit;margin-top:8px;padding:13px;width:100%}.ds-claim button,.ds-claim__button{background:var(--ds-red);border:0;border-radius:4px;color:#fff;display:inline-block;font:700 1rem var(--ds-font-headings);padding:14px 20px;text-decoration:none}.ds-claim__notice{background:#fff5f6;border-left:3px solid var(--ds-red);padding:13px}.ds-claim small{display:block;font-size:.875rem;font-weight:400;line-height:1.4;margin-top:8px}@media(max-width:700px){.ds-donate-benefits__grid{grid-template-columns:1fr}.ds-donate-page .ds-donation-widget__body{padding:22px 16px}.ds-donate-page .ds-donation-widget__tabs{overflow:auto}.ds-donate-page .ds-donation-widget__tab{font-size:.8rem;padding:11px 9px}}
/* Dark mode: "Support us your way" intro and the "One-off donations" FAQ heading sit directly
   on the page's dark background (this page has no dark-specific background of its own for
   those sections), so they need to flip to white. The three benefit cards
   (.ds-donate-benefits__grid p) keep a hardcoded white/light card background regardless of
   theme, so their text needs to stay black rather than following the sitewide dark-mode
   white-text override. */
html[data-ds-theme-mode="runtime"][data-theme="dark"] .ds-donate-choice__intro h2,
html[data-ds-theme-mode="runtime"][data-theme="dark"] .ds-donate-choice__intro p,
html[data-ds-theme-mode="runtime"][data-theme="dark"] .ds-donate-faq h2{color:var(--ds-white,#FFFFFF)}
html[data-ds-theme-mode="runtime"][data-theme="dark"] .ds-donate-benefits__grid p{color:var(--ds-black,#111111)}
.ds-claim__password-rules{list-style:none;margin:10px 0 0;padding:0}.ds-claim__password-rule{color:var(--ds-red);font-size:.9rem;line-height:1.6}.ds-claim__password-rule::before{content:'✕';display:inline-block;font-weight:700;margin-right:.55em}.ds-claim__password-rule.is-valid{color:#16803a}.ds-claim__password-rule.is-valid::before{content:'✓'}
.ds-claim__password-group{margin:22px 0}.ds-claim__password-group label{margin:0}.ds-claim__password-field{position:relative}.ds-claim__password-field input{padding-right:52px}.ds-claim__password-toggle{align-items:center;background:transparent!important;color:var(--ds-black)!important;display:flex;height:42px;justify-content:center;padding:0!important;position:absolute;right:4px;top:4px;width:42px}.ds-claim__password-toggle span{font-size:1.1rem;line-height:1}.ds-claim__password-match{color:var(--ds-red);font-size:.9rem;font-weight:700;margin:8px 0 0}
.ds-claim button:disabled{cursor:not-allowed;opacity:.55}
.ds-claim--success .ds-claim__actions{text-align:center}.ds-claim--success .ds-claim__button{border-radius:999px}