.giving-modal{position:fixed;inset:0;z-index:9999;overflow-y:auto;padding:1.5rem 1rem}.giving-modal-backdrop{position:fixed;inset:0;background-color:#00000080;transition:opacity .3s ease}.giving-modal-container{position:relative;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:28rem;margin:0 auto;padding:2rem;min-height:500px;display:flex;align-items:center;margin-top:3rem;margin-bottom:3rem}.giving-modal-close{position:absolute;top:1rem;left:1rem;color:#ef4444;background:none;border:none;cursor:pointer;z-index:10;transition:color .2s;padding:.5rem}.giving-modal-close:hover{color:#dc2626}.giving-modal-close svg{width:1.5rem;height:1.5rem}.modal-step{width:100%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.modal-step-content{text-align:center}.welcome-image{margin-bottom:1.5rem}.welcome-image img{width:12rem;height:12rem;margin:0 auto;-o-object-fit:contain;object-fit:contain}.modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.4}.modal-text{color:#6b7280;margin-bottom:2rem;line-height:1.6}.modal-buttons{display:flex;flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s;border:none;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#0d9488;color:#fff}.btn-primary:hover{background-color:#0f766e}.btn-secondary{background-color:#fff;color:#0d9488;border:2px solid #0d9488}.btn-secondary:hover{background-color:#f0fdfa}.btn-full{margin-bottom:1rem}.amount-input-section{margin-bottom:2rem}.currency-amount{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#1f2937}.currency-symbol{margin-right:.5rem}.amount-input{width:12rem;text-align:center;border:none;border-bottom:2px solid #d1d5db;background:transparent;font-size:3rem;font-weight:700;color:#1f2937;outline:none}.amount-input:focus{border-bottom-color:#0d9488}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.5rem}.currency-selector{margin-bottom:1.5rem}.currency-dropdown-btn,.frequency-dropdown-btn,.giving-type-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;transition:border-color .2s}.currency-dropdown-btn:hover,.frequency-dropdown-btn:hover,.giving-type-dropdown-btn:hover{border-color:#0d9488}.currency-dropdown,.frequency-dropdown,.giving-type-dropdown{margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.currency-dropdown button,.frequency-dropdown button,.giving-type-dropdown button{width:100%;text-align:left;padding:.75rem 1rem;border:none;background:#fff;cursor:pointer;transition:background-color .2s}.currency-dropdown button:hover,.frequency-dropdown button:hover,.giving-type-dropdown button:hover{background-color:#f3f4f6}.frequency-selector,.giving-type-selector,.mb-4{margin-bottom:1rem}.giving-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.giving-type-btn{padding:.75rem 1rem;border-radius:.5rem;border:2px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.giving-type-btn:hover{border-color:#0d9488}.giving-type-btn.active{background-color:#0d9488;color:#fff;border-color:#0d9488}.giving-type-btn span{display:flex;align-items:center;justify-content:space-between}.help-link{display:flex;align-items:center;justify-content:center;color:#0d9488;font-size:.875rem;text-decoration:none;margin-top:1rem}.help-link:hover{color:#0f766e}.help-link svg{margin-right:.25rem}.preview-amount{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.preview-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preview-item{padding:.75rem 1rem;background-color:#f9fafb;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.preview-select,.preview-input{flex-direction:column;align-items:flex-start}.preview-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.preview-value{font-weight:600;color:#1f2937}.form-select,.form-input{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;outline:none;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.modal-footer-links{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-top:1rem}.footer-link{display:flex;align-items:center;color:#0d9488;text-decoration:none;transition:color .2s}.footer-link:hover{color:#0f766e}.footer-link svg{margin-right:.25rem}@media(max-width:640px){.giving-modal{padding:1rem}.giving-modal-container{padding:1.5rem;margin-top:1rem;margin-bottom:1rem}.modal-title{font-size:1.25rem}.currency-amount{font-size:2.5rem}.amount-input{font-size:2.5rem;width:10rem}.preview-amount{font-size:2rem}}