#stripe-checkout-container{max-width:600px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;display:none;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#stripe-checkout-container h3{margin-bottom:20px;color:var(--primary-orange, #D17D39);text-align:center;font-weight:600}#payment-element{margin-bottom:24px}#submit-payment{background-color:orange;color:#fff;font-family:Inter,sans-serif;border:none;border-radius:6px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;width:100%}#submit-payment:hover{background-color:#e69500;transform:translateY(-1px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}#submit-payment:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.spinner,.spinner:before,.spinner:after{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;transform:translateZ(0)}.spinner:before,.spinner:after{position:absolute;content:""}.spinner:before{width:10.4px;height:20.4px;background:orange;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;transform-origin:10.4px 10.2px;animation:loading 2s infinite ease 1.5s}.spinner:after{width:10.4px;height:10.2px;background:orange;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;transform-origin:0px 10.2px;animation:loading 2s infinite ease}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-message.hidden{display:none}.success-message{color:green;text-align:center;padding:20px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-top:20px}html[data-theme=dark] #stripe-checkout-container{background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 10px 30px #00000059!important}html[data-theme=dark] #payment-message{color:#94a3b8!important}.hkm-purpose-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:12px!important;width:100%!important;margin-top:8px!important}.purpose-option-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:16px 12px!important;background:var(--bg-card, #ffffff)!important;border:2px solid var(--border-color, #e2e8f0)!important;border-radius:14px!important;font-size:13px!important;font-weight:600!important;color:var(--text-base, #1e293b)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;text-align:center!important;outline:none!important;box-shadow:none!important}.purpose-option-btn:hover{border-color:var(--hkm-terracotta, #d17d39)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #d17d391f!important}.purpose-option-btn.active{border-color:var(--hkm-terracotta, #d17d39)!important;background:#d17d3914!important;color:var(--hkm-terracotta, #d17d39)!important;font-weight:700!important;box-shadow:0 6px 16px #d17d3933!important}html[data-theme=dark] .purpose-option-btn{background:#1e293b!important;border-color:#ffffff1a!important;color:#f1f5f9!important}html[data-theme=dark] .purpose-option-btn.active{background:#d17d392e!important;border-color:var(--hkm-terracotta, #d17d39)!important;color:#f97316!important}.donations-page-view .payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.donations-page-view .payment-method-option{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:15px!important;border:2px solid #e0e0e0!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s!important;overflow:hidden!important}.donations-page-view .payment-method-radio{margin:0!important;flex:0 0 auto;justify-self:center}.donations-page-view .payment-method-label{font-weight:600!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;line-height:1.2!important;white-space:nowrap!important;min-width:0!important}.donations-page-view .payment-method-label i{flex:0 0 auto;width:18px;text-align:center}.donations-page-view .page-hero.subpage-hero,.donations-page-view .page-hero.subpage-hero .container{text-align:center!important}.donations-page-view .page-hero.subpage-hero .page-hero-title,.donations-page-view .page-hero.subpage-hero .page-hero-subtitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}@media(max-width:768px){.donations-page-view .payment-method-grid{grid-template-columns:1fr;gap:12px}.donations-page .section-header .section-description,.regular-donor .section-header .section-description,.donation-form .section-header .section-description{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}.amount-btn{border:2px solid #e2e8f0!important;background:#fff!important;color:var(--text-dark)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.amount-btn:hover{border-color:#d17d39!important;background:#d17d390d!important;transform:translateY(-2px)!important}.amount-btn.selected{background:linear-gradient(135deg,#d17d39,#bd4f2a)!important;color:#fff!important;border-color:#bd4f2a!important;box-shadow:0 4px 12px #d17d3940!important}.donation-form input:focus,.donation-form select:focus,.donation-form textarea:focus{border-color:#d17d39!important;box-shadow:0 0 0 3px #d17d3926!important;outline:none!important}.donation-form input.touched:invalid,.donation-form textarea.touched:invalid,.donation-form select.touched:invalid{border-color:#ef4444!important;background-color:#ef444405!important}.donation-form input.touched:valid,.donation-form textarea.touched:valid,.donation-form select.touched:valid{border-color:#10b981!important;background-color:#10b98105!important}