:root{--background:#e06991;--card-bg:#fff;--text-primary:#333;--text-secondary:#666;--pink-primary:#e61c62;--pink-light:#ff84a7;--blue-light:#90cdf4;--border-radius:12px;--radiobtn-color:#fff}body{background:var(--radiobtn-color);font-family:Red hat Display,sans-serif}.donation-page{max-width:1200px;margin:0 auto;padding:2rem;padding-top:10px!important;display:flex;flex-direction:column!important}.donation-page .email--input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:.75rem;outline:none;font-size:1rem}@media (min-width:992px){.donation-page{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2rem;padding:3rem 2rem}}.donation-page .header{display:flex;justify-content:space-between;align-items:center;width:100%}.donation-page .header .logo{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}@media (max-width:992px){.donation-page .header .logo{padding-bottom:1rem}}.donation-page .header .logo:hover{transform:scale(1.1)}.donation-page .header .share-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.5rem;transition:color .2s ease}.donation-page .header .share-button:hover{color:var(--text-primary)}.donation-page .header .share-button svg{width:20px;height:20px}.donation-page .content-container{display:flex;flex-direction:column;width:100%}@media (min-width:992px){.donation-page .content-container{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2rem}}.donation-page .donation-form{flex:1;background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05);max-width:40%!important;animation:fadeIn .5s ease-out;margin-bottom:2rem}@media (min-width:992px){.donation-page .donation-form{max-width:550px;margin-bottom:0}}@media (max-width:768px){.donation-page .donation-form{max-width:100%!important}}.donation-page .donation-form .tabs{display:flex;margin-bottom:1.5rem;border-radius:var(--border-radius);background-color:#f8f9fa;overflow:hidden}.donation-page .donation-form .tabs .tab{flex:1;padding:.75rem 0;text-align:center;font-weight:500;cursor:pointer;transition:all .3s ease}.donation-page .donation-form .tabs .tab.active{background-color:var(--pink-primary);color:white}.donation-page .donation-form .tabs .tab:not(.active):hover{background-color:#f1f1f1}.donation-page .donation-form .amount-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.donation-page .donation-form .amount-options{grid-template-columns:repeat(3,1fr)}}.donation-page .donation-form .amount-options .amount-option{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;text-align:center;cursor:pointer;font-weight:500;transition:all .2s ease}.donation-page .donation-form .amount-options .amount-option:hover{border-color:var(--radiobtn-color);transform:translateY(-2px)}.donation-page .donation-form .amount-options .amount-option.selected{border-color:var(--radiobtn-color);background-color:var(--radiobtn-color)}.donation-page .donation-form .custom-amount{display:flex;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.donation-page .donation-form .custom-amount .currency{display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:#f8f9fa;font-weight:500}.donation-page .donation-form .custom-amount input{flex:1;padding:.75rem;border:none;outline:none;font-size:1rem}.donation-page .donation-form .custom-amount .currency-code{display:flex;align-items:center;padding:0 1rem;background-color:#f8f9fa;font-weight:500}.donation-page .donation-form .cover-fees{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.donation-page .donation-form .cover-fees .checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--pink-primary);color:white}.donation-page .donation-form .cover-fees .checkbox svg{width:14px;height:14px}.donation-page .donation-form .cover-fees .checked{background-color:var(--pink-primary)}.donation-page .donation-form .cover-fees .info-icon{color:var(--text-secondary);cursor:pointer}.donation-page .donation-form .cover-fees .info-icon:hover{color:var(--text-primary)}.donation-page .donation-form .summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.donation-page .donation-form .summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.donation-page .donation-form .summary .summary-row.total{font-weight:600;font-size:1.1rem;color:var(--pink-primary)}.donation-page .donation-form .next-button{width:100%;padding:.875rem;margin-top:1.5rem;background-color:var(--pink-primary);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.donation-page .donation-form .next-button:hover{background-color:var(--pink-primary);filter:brightness(100%);transform:translateY(-2px)}.donation-page .donation-form .next-button svg{width:20px;height:20px}.donation-page .donation-info{flex:1;animation:fadeIn .5s ease-out}.donation-page .donation-info .hero-image{width:100%;border-radius:var(--border-radius) var(--border-radius) 0 0;-o-object-fit:cover;object-fit:cover;max-height:200px}.donation-page .donation-info .info-container{background-color:var(--card-bg);border-radius:0 0 var(--border-radius) var(--border-radius);padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.donation-page .donation-info .info-container h1{font-size:1.75rem;margin-bottom:1rem;font-weight:700;color:var(--text-secondary)}.donation-page .donation-info .info-container .infopara,.donation-page .donation-info .info-container p{font-family:Red hat Display,sans-serif;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;text-align:justify}.donation-page .donation-info .info-container .read-more{color:var(--pink-primary);font-weight:500;text-decoration:none;display:inline-block;margin-bottom:1.5rem;position:relative}.donation-page .donation-info .info-container .read-more:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--pink-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:bottom right}.donation-page .donation-info .info-container .read-more:hover:after{transform:scaleX(1);transform-origin:bottom left}.donation-page .donation-info .info-container .organization{font-size:.875rem;color:var(--text-secondary)}.donation-page .category-selection{animation:fadeIn .5s ease-out}.donation-page .category-selection h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.donation-page .category-selection .category-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.donation-page .category-selection .category-options .category-option{border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:1rem;cursor:pointer;transition:all .2s ease}.donation-page .category-selection .category-options .category-option:hover{border-color:var(--pink-primary);transform:translateY(-2px)}.donation-page .category-selection .category-options .category-option.selected{border-color:var(--pink-primary);background-color:rgba(230,28,98,.05)}.donation-page .category-selection .category-options .category-option .radio-container{display:flex;align-items:center;gap:1rem}.donation-page .category-selection .category-options .category-option .radio-container .radio-button{width:20px;height:20px;border-radius:50%;border:2px solid var(--pink-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.donation-page .category-selection .category-options .category-option .radio-container .radio-button .radio-inner{width:10px;height:10px;border-radius:50%;background-color:var(--pink-primary)}.donation-page .category-selection .category-options .category-option .radio-container .category-details{display:flex;flex-direction:column}.donation-page .category-selection .category-options .category-option .radio-container .category-details .category-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.donation-page .category-selection .category-options .category-option .radio-container .category-details .category-description{font-size:.875rem;color:var(--text-secondary)}.donation-page .category-selection .navigation-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.donation-page .category-selection .navigation-buttons .back-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:1px solid #e2e8f0;border-radius:8px;background-color:white;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;height:50px;margin-top:1.5rem}.donation-page .category-selection .navigation-buttons .back-button:hover{background-color:#f8f9fa;transform:translateY(-2px)}.donation-page .category-selection .navigation-buttons .next-button.next-step{min-width:120px}.share-popup-modal{font-family:Red hat Display,sans-serif}.share-popup-modal .ant-modal-content{border-radius:12px}.share-popup-modal .ant-modal-content .ant-modal-header{border-bottom:none;padding:1.5rem 1.5rem .5rem}.share-popup-modal .ant-modal-content .ant-modal-header .ant-modal-title{font-size:1.25rem;font-weight:600;color:#333}.share-popup-modal .ant-modal-content .ant-modal-body{padding:0 1.5rem 1.5rem}.share-popup-modal .ant-modal-content .ant-modal-close{top:1.5rem;right:1.5rem}.share-popup-modal .ant-modal-content .ant-modal-close:hover{background-color:#f1f1f1;border-radius:50%}.share-popup-content .share-popup-subtitle{color:#666;font-size:.875rem;margin-bottom:1.5rem}.share-popup-content .share-buttons-container{display:flex;gap:1rem;margin-bottom:1rem}.share-popup-content .share-buttons-container .share-button{font-family:Red hat Display,sans-serif;flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:8px;font-weight:500;color:white;border:none;height:auto}.share-popup-content .share-buttons-container .share-button:hover{transform:translateY(-2px)}.share-popup-content .share-buttons-container .share-button.facebook{background-color:#3b5998}.share-popup-content .share-buttons-container .share-button.facebook:hover{background-color:#344e86}.share-popup-content .share-buttons-container .share-button.linkedin{background-color:#0077b5}.share-popup-content .share-buttons-container .share-button.linkedin:hover{background-color:#00669c}.share-popup-content .share-buttons-container .share-button.whatsapp{background-color:#25d366}.share-popup-content .share-buttons-container .share-button.whatsapp:hover{background-color:#1ec75a}.share-popup-content .share-buttons-container .share-button.whatsapp .whatsapp-icon{display:flex;align-items:center}.share-popup-content .share-buttons-container .share-button.email{background-color:#505050}.share-popup-content .share-buttons-container .share-button.email:hover{background-color:#3d3d3d}.share-popup-content .url-container{margin-bottom:1rem}.share-popup-content .url-container .url-input{border-radius:8px}.share-popup-content .url-container .url-input .ant-input{background-color:#f8f9fa;color:#666;font-size:.875rem;padding:.75rem}.share-popup-content .url-container .url-input .ant-input-group-addon{padding:0;background:none;border-left:1px solid #e2e8f0}.share-popup-content .url-container .url-input .ant-input-group-addon .copy-button{padding:0 1rem;display:flex;align-items:center;justify-content:center;color:#666}.share-popup-content .url-container .url-input .ant-input-group-addon .copy-button:hover{color:#333}.share-popup-content .copy-link-button{width:100%;padding:.875rem;background-color:var(--pink-primary);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;height:auto}.share-popup-content .copy-link-button:hover{background-color:#c81653!important;color:white!important;transform:translateY(-2px)}.donation-footer{display:flex;align-items:right!important}.donation-footer .donation-footer-container{display:flex}.donation-footer .donation-footer-container .donation-footer-logo .powered{margin-bottom:0;color:var(--text-secondary)}.donation-footer .donation-footer-container .donation-footer-logo .footer-logo{width:100px;margin-top:0;-o-object-fit:contain;object-fit:contain}.designation--text{display:flex;flex-direction:row;padding:15px;width:100%;border-bottom:1px solid grey;justify-content:space-between;border-radius:5px;align-items:center;font-weight:700;cursor:pointer;background-color:var(--pink-primary);color:#fff}.designation--text span{font-size:30px;color:#fff;font-weight:700}.designation--text:hover{background-color:var(--pink-primary)}