.onboarding-donation-card{position:relative;isolation:isolate;display:block;max-width:30rem;margin-top:clamp(1.4rem,3vw,2.4rem);overflow:hidden;padding:clamp(1.2rem,2.5vw,1.8rem);color:var(--paper);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);border-left:4px solid var(--gold);box-shadow:0 18px 42px rgba(10,39,70,.14);transition:transform .25s ease,box-shadow .25s ease}
.onboarding-donation-card:before{position:absolute;z-index:-1;top:-58px;right:-42px;width:170px;height:170px;border:1px solid rgba(241,217,129,.22);border-radius:50%;box-shadow:0 0 0 30px rgba(241,217,129,.045),0 0 0 60px rgba(241,217,129,.03);content:""}
.onboarding-donation-card h2{max-width:19rem;margin:0;color:var(--paper);font:600 clamp(1.35rem,2.2vw,2rem)/1 var(--serif);letter-spacing:-.025em}
.onboarding-donation-card>strong{display:block;margin-top:.35rem;color:var(--gold-light);font:500 .8rem/1.3 var(--sans)}
.onboarding-donation-card p{max-width:25rem;margin:.8rem 0 1rem;color:rgba(255,253,247,.72);font-size:.72rem;line-height:1.5}
.onboarding-donation-card>span{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;color:var(--paper);border-top:1px solid rgba(255,255,255,.2);font-size:.68rem;font-weight:700}
.onboarding-donation-card>span b{display:grid;width:28px;height:28px;place-items:center;color:var(--navy);background:var(--gold);border-radius:50%}
.onboarding-donation-card:hover,.onboarding-donation-card:focus-visible{outline:0;box-shadow:0 22px 48px rgba(10,39,70,.22);transform:translateY(-3px)}
.onboarding-donation-card:focus-visible{box-shadow:0 0 0 3px var(--cream),0 0 0 6px var(--gold),0 22px 48px rgba(10,39,70,.22)}
@media(max-width:900px){.onboarding-donation-card{max-width:none}.onboarding-donation-card h2{max-width:none}}
@media(prefers-reduced-motion:reduce){.onboarding-donation-card{transition:none}.onboarding-donation-card:hover,.onboarding-donation-card:focus-visible{transform:none}}