.donate{max-width:768px}.progress-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:10px;margin-bottom:1.5rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-value{color:var(--second-color);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--second-color);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.progress-bar-container{background-color:var(--white);border-radius:16px;width:100%;height:32px;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.progress-bar-fill{background:linear-gradient(90deg, var(--first-color) 0%, var(--second-color) 100%);border-radius:16px;justify-content:flex-end;align-items:center;height:100%;padding-right:.75rem;transition:width .6s ease-in-out;display:flex;position:relative;box-shadow:0 2px 8px #10b9814d}.progress-percentage{color:#fff;text-shadow:0 1px 2px #0000004d;z-index:1;font-size:.875rem;font-weight:700;position:relative}.custom-amount-container{margin-bottom:1rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-suffix input{padding-right:3rem}.input-suffix{color:var(--muted);pointer-events:none;font-weight:600;position:absolute;right:1rem}.amounts{gap:1rem;display:flex}.amounts button{background-color:var(--white);cursor:pointer;color:var(--second-color);flex-direction:column;flex:1;justify-content:center;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.amount{min-width:64px;font-size:1.5rem}.desc{font-size:.7rem}.amounts button:hover,.amounts button.active{background-color:var(--second-color);color:#fff}.buttonContainer .primaryBtn{background:linear-gradient(135deg, var(--first-color) 0%, var(--second-color) 100%);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:8px;justify-items:center;width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #ccc}.primaryBtn p{margin:0 auto}.buttonContainer .primaryBtn:before{content:"";background:linear-gradient(90deg,#0000,#ccc,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.buttonContainer .primaryBtn:hover:before{left:100%}.trust-indicators{justify-content:space-around;gap:.5rem;display:flex}.trust-text{color:var(--second-color);align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.trust-text i{color:var(--first-color);font-size:1.125rem}@media (max-width:768px){.progress-stats{grid-template-columns:repeat(2,1fr)}.progress-stats .stat-item:last-of-type{display:none}.amounts{flex-direction:column}.amounts button{flex-direction:row;width:100%}.amount{width:-moz-fit-content;width:fit-content;font-size:1rem}.desc{font-size:.7rem}.stat-value{font-size:1.25rem}.amounts{grid-template-columns:repeat(2,1fr)}.progress-bar-container{height:28px}.progress-percentage{font-size:.75rem}.trust-indicators{flex-direction:column}}@media (max-width:480px){.amounts{grid-template-columns:1fr}.stat-value{font-size:1.125rem}.buttonContainer .primaryBtn{padding:.875rem 1.25rem;font-size:1rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.donation-progress{background:var(--surface-veil);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);gap:12px;margin-bottom:20px;padding:16px 18px;display:grid}.progress-loading{justify-content:center;align-items:center;gap:10px;min-height:72px;display:flex}.payment-type{background:var(--green-soft);border-radius:var(--radius-pill);gap:4px;margin-bottom:14px;padding:4px;display:flex}.payment-type button{box-shadow:none;color:var(--green-strong);min-height:40px;font-size:clamp(.75rem, 2.6vw, var(--step-0));white-space:nowrap;background:0 0;flex:1 1 0;padding-inline:6px}.payment-type button:hover{background:color-mix(in srgb, var(--green-strong) 12%, transparent);color:var(--green-strong);translate:none}.payment-type button[aria-pressed=true]{background:var(--green-strong);box-shadow:var(--shadow-1);color:var(--white)}.amounts button[aria-pressed=true],.amounts button.active{background:var(--green-strong);color:var(--white)}
