.donor-form,body,html,img{max-width:100%}h1,h2,h3,h4,h5,p{margin-bottom:20px}body,html,p{color:var(--text-dark)}.btn,.btn:hover{color:var(--light)}.btn:hover,.header,.year-badge{box-shadow:var(--shadow-sm)}.form-group button,.project-badge,.title-block{text-transform:uppercase}.project-hero .hero-title,.stat-number{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.quote-text,.total-note{font-style:italic}.hero-bg,.programs-image,.project-hero .hero-bg-image,.project-image,.related-project-image img,.zakat-image img{object-fit:cover;object-fit:cover}.location-badge,.pre-footer,.progress-bar,.project-badge,.quote-pill,.share-btn,.stat-card{backdrop-filter:blur(10px)}.btn-donate,.btn-learn-more,.campaign-links a,.cart-action-btn,.cta-btn,.header-action-btn,.highlight-button,.nav-menu a,.related-project-content h3 a,.social-btn,.social-link,a{text-decoration:none}.footer-links,.nav-menu,.nav-menu li{list-style:none}:root{--primary:#2f929e;--primary-light:#42b5c2;--primary-dark:#246e78;--secondary:#f7b500;--secondary-light:#ffcc33;--accent:#e74c3c;--accent-dark:#c0392b;--dark:#0e2e3b;--light:#fff;--gray:#f5f7fa;--gray-dark:#e0e0e0;--text-dark:#0e2e3b;--text-muted:#6b7280;--shadow:0 10px 30px rgba(0, 0, 0, 0.08);--shadow-sm:0 4px 12px rgba(0, 0, 0, 0.05);--radius:8px;--radius-lg:16px;--transition:all 0.3s ease;--header-height:70px;--container-padding:20px;--green:#2f929e;--green-dark:#246e78;--orange:#f97316;--blue:#3b82f6;--yellow:#eab308;--black:#000000;--red:#dc2626}.btn,.header,a{transition:var(--transition)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,sans-serif;line-height:1.7;scroll-behavior:smooth;background-color:var(--light)}:focus{outline:0;outline-offset:2px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.3;color:var(--dark)}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}a{color:var(--primary)}.footer-bottom-links a:hover,.footer-contact address a:hover,.footer-links a:hover::before,a:hover{color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--primary);border-radius:var(--radius);border:none;font-weight:600;font-size:.95rem;cursor:pointer;text-align:center;gap:8px}.btn:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-secondary,.card-icon.secondary,.payment-type-toggle .toggle-btn.active{background:var(--secondary);color:var(--dark)}.btn-secondary:hover,.payment-type-toggle .toggle-btn.active:hover{background:var(--secondary-light)}.btn-accent,.card-icon.accent,.dashboard-card.accent::before{background:var(--accent)}.btn-accent:hover,.donation-actions .btn.btn-accent:hover{background:#f95e4f}.btn-lg{padding:14px 28px;font-size:1rem}.btn-rounded{border-radius:50px}.btn-learn-more,.btn-outline{border:2px solid var(--primary)}.btn-outline{background:0 0;color:var(--primary)}.btn-learn-more:hover,.btn-outline:hover,.faq-question.active,.form-group select option,.toggle-btn.active{background:var(--primary);color:var(--light)}.btn-dark{background:var(--dark);color:var(--light)}.btn-dark:hover{background:var(--text-dark)}.btn-light{background:var(--light);color:var(--dark)}.btn-light:hover{background:var(--gray);color:var(--dark)}.pill-badge{display:inline-block;padding:5px 15px;border-radius:50px;background:var(--primary);color:var(--light);font-size:.85rem;font-weight:500}.contact-form-section,.section,.zakat-section{padding:80px 0}.header,.header-inner{align-items:center;padding:15px 0;display:flex}.section-title h2{position:relative;display:inline-block;color:var(--dark)}.section-title h2::after{content:'';position:absolute;width:60%;height:3px;background:var(--secondary);bottom:-10px;left:20%}.section-title p{max-width:600px;margin:15px auto 0;color:var(--text-muted)}.header{background:var(--light);position:sticky;top:0;width:100%;z-index:1000;height:var(--header-height)}.logo img,.nav-toggle{height:40px}.header-inner{justify-content:space-between}.nav-menu{display:flex;align-items:center;gap:1.5rem;transition:opacity .3s,visibility .3s,transform .3s}.nav-toggle{display:none;padding:0;background:var(--gray);border:none;width:40px;position:relative;cursor:pointer;border-radius:50%;justify-content:center;align-items:center}.nav-toggle span{display:block;position:absolute;width:24px;height:2px;background:var(--dark);transition:.3s;left:50%;transform:translateX(-50%)}.campaign-image,.hero,.hero-left,.nav-menu a{position:relative}.campaign-card,.campaign-links a,.donation-amount,.header-action-btn,.nav-menu a,.nav-menu a::after{transition:var(--transition)}.nav-toggle span:first-child{top:12px}.nav-toggle span:nth-child(2){top:19px}.nav-toggle span:last-child{top:26px}.nav-toggle.active span:first-child{top:19px;transform:translateX(-50%) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:last-child{top:19px;transform:translateX(-50%) rotate(-45deg)}.nav-menu a{color:var(--text-dark);font-weight:500;padding:8px 0}.campaign-links a:hover,.campaigns .project-links a:hover,.forgot-password a:hover,.gift-aid-label,.guest-checkout a:hover,.nav-menu a:hover,.office-details i,.projects-showcase .project-links a:hover,.related-project-content h3 a:hover{color:var(--primary)}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary)}.nav-menu a:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:10px}.header-action-btn{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray);color:var(--text-dark)}.hero,.hero-bg{border-radius:0 0 0 100px}.header-action-btn:hover,.modal-close:hover{background:var(--gray-dark)}.hero{min-height:500px;background:linear-gradient(90deg,var(--primary-dark),var(--primary));overflow:hidden}.hero-bg{object-position:center;opacity:.8}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.hero-left{max-width:600px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.qurbani-badge{display:flex;align-items:center;margin-bottom:30px}.qurbani-arabic{font-size:3rem;color:var(--light);font-weight:700;margin-right:15px}.qurbani-years{display:flex;flex-direction:column;gap:5px}.donation-amount,.year-badge{align-items:center;display:flex}.year-badge{background:#fff;color:var(--primary);border-radius:50%;width:50px;height:50px;justify-content:center;font-weight:700;font-size:.9rem}.donation-amount,.donation-select select{background:var(--light);color:var(--text-dark);transition:.3s}.qurbani-english{font-size:2rem;color:var(--light);font-weight:700;margin-left:15px;letter-spacing:2px}.hero-left h1{font-size:2.8rem;color:var(--light);margin-bottom:20px;line-height:1.2}.hero-left p{color:rgba(255,255,255,.95);margin-bottom:30px;font-size:1.1rem}.donation-select select{border:1px solid var(--gray-dark);border-radius:var(--radius);color:var(--text-dark);background:var(--light);appearance:none;min-height:44px;line-height:1.5}.donation-amount,.donation-custom{border:1px solid var(--gray-dark)}.donation-amount{background:var(--light);color:var(--text-dark);justify-content:center}.donation-custom{border-radius:var(--radius)}.campaign-card,.zakat-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.zakat-container{display:flex;align-items:center;gap:60px}.zakat-content{flex:1.2}.zakat-content h2{color:var(--dark);font-size:2.2rem;margin-bottom:25px}.zakat-content p{font-size:1.05rem;line-height:1.8;margin-bottom:30px}.zakat-content .highlight{color:var(--primary);font-weight:600}.campaign-links .more-options,.campaign-links a,.campaigns .currency-symbol,.campaigns .project-description,.campaigns .project-subtitle,.projects-showcase .currency-symbol,.projects-showcase .project-description,.projects-showcase .project-subtitle{color:var(--text-muted)}.zakat-image{flex:0.8}.zakat-image img{width:100%;height:100%;min-height:350px}.campaigns{padding:60px 0;background:var(--gray)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.campaign-card{background:var(--light);overflow:hidden;display:flex;flex-direction:column}.campaign-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.campaign-image{flex:1;height:auto;overflow:hidden}.campaign-image img,.media-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.campaign-card:hover .campaign-image img,.media-card:hover .media-thumbnail img,.programs-image-wrapper:hover .programs-image,.programs-image:hover,.related-project-card:hover .related-project-image img{transform:scale(1.05)}.campaign-badge{position:absolute;bottom:15px;left:15px;background:var(--secondary);color:var(--dark);font-weight:600;font-size:.8rem;padding:5px 12px;border-radius:30px}.campaign-content{flex:1;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.campaign-title{font-size:1.3rem;margin-bottom:10px}.campaign-content .donation-select,.payment-method-title{margin-bottom:15px}.campaign-content .donation-select select{width:100%;padding:8px 40px 8px 15px;border:1px solid var(--gray-dark);border-radius:var(--radius);font-size:.9rem;color:var(--text-dark);background:var(--light);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e2e3b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.campaign-content .campaign-actions{display:flex;gap:10px;margin-bottom:15px}.campaign-content .donation-custom{width:80px;padding:8px 12px;border:1px solid var(--gray-dark);border-radius:var(--radius);font-size:.9rem}.campaign-content .btn,.cart-item-info{flex:1}.campaign-links{display:flex;justify-content:space-between;font-size:.85rem}.campaign-links .view-project,.nav-item.active a{font-weight:600}.campaigns .project-card,.projects-showcase .project-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-dark)}.campaigns .project-image-wrapper,.projects-showcase .project-image-wrapper{height:220px}.campaigns .project-badges,.projects-showcase .project-badges{position:absolute;bottom:16px;left:16px;top:auto}.footer::before,.pre-footer::before{top:0;width:100%;left:0;position:absolute;content:''}.campaigns .project-badge,.projects-showcase .project-badge{background:var(--secondary);color:var(--dark);border:none;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem}.campaigns .project-donation-form,.projects-showcase .project-donation-form{display:flex;flex-direction:column;margin-top:12px}.campaigns .donation-type-select,.projects-showcase .donation-type-select{border:1px solid var(--gray-dark);background:var(--light);color:var(--text-dark);appearance:none}.campaigns .donation-amount-input,.projects-showcase .donation-amount-input{border:1px solid var(--gray-dark);background:var(--light);color:var(--text-dark)}.campaigns .btn-add-to-cart,.projects-showcase .btn-add-to-cart{background:var(--primary-dark,#0e2e3b);color:var(--light)}.campaigns .project-links,.projects-showcase .project-links{display:flex;justify-content:space-between;margin-top:16px;color:var(--text-muted)}.campaigns .project-links a,.projects-showcase .project-links a{color:var(--text-muted);text-decoration:none;font-weight:600}.cart-item-info a:hover,.payment-instructions a{text-decoration:underline}.campaigns .project-links .view-project::after,.projects-showcase .project-links .view-project::after{content:''}.projects-showcase .project-progress{margin:16px 0;padding:12px 0;border-top:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark)}.projects-showcase .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.projects-showcase .progress-raised{font-weight:700;color:var(--primary)}.progress-goal,.projects-showcase .progress-goal{color:var(--text-muted);font-size:.85rem}.projects-showcase .progress-bar{height:6px;background:var(--gray-dark);border-radius:10px;overflow:hidden;margin-bottom:8px}.projects-showcase .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);border-radius:10px;transition:width 1.2s ease-in-out}.footer-contact address a,.footer-links a,.footer-links a::before,.footer-social a,.form-group input{transition:var(--transition)}.projects-showcase .progress-percentage{background:var(--primary);color:var(--light);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;display:inline-block;min-width:40px;text-align:center}.project-donation-form.projects-style{display:flex;flex-direction:column;gap:10px;margin:16px 0}.project-donation-form.projects-style .donation-type-select{width:100%;padding:8px 35px 8px 12px;border:1px solid var(--gray-dark);border-radius:6px;background:var(--light);color:var(--text-dark);font-size:.9rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e2e3b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.donation-row.projects-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.donation-amount-input.projects-input{width:100%;padding:8px 12px 8px 24px;border:1px solid var(--gray-dark);border-radius:6px;background:var(--light);color:var(--text-dark);font-size:.9rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Ctext x='2' y='12' font-family='Arial' font-size='12'%3E£%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 8px center}.donation-amount-input.projects-input::placeholder{color:var(--text-muted)}.projects-style .btn-add-to-cart{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;background:var(--secondary);color:var(--dark);border:none;cursor:pointer;transition:var(--transition)}.projects-style .btn-add-to-cart:hover{background:var(--secondary-light);transform:translateY(-1px)}.campaign-actions{display:flex;gap:10px;justify-content:space-between}.campaign-actions .btn{flex:1;text-align:center;white-space:nowrap;padding:8px 24px}.footer{background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--light);padding:0;position:relative}.footer::before{height:5px;background:var(--secondary)}.pre-footer{padding:40px;background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.03));margin:0 20px 40px;border-radius:var(--radius-lg);border-top-left-radius:0;border-top-right-radius:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;overflow:hidden}.pre-footer::before{height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.newsletter-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;position:relative;z-index:1}.newsletter-content,.newsletter-form{flex:1;min-width:300px}.newsletter-content{padding-right:20px}.newsletter-content h3{color:var(--light);margin-bottom:15px;font-size:1.8rem;font-weight:700;background:linear-gradient(120deg,#fff,rgba(255,255,255,.8));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.newsletter-content p{color:rgba(255,255,255,.9);margin-bottom:0;font-size:1.05rem;line-height:1.6}.form-group{display:flex;gap:12px;position:relative}.form-group input{flex:1;border-radius:var(--radius);color:var(--light)}.form-group input:focus{border-color:var(--secondary);background:rgba(255,255,255,.1)}.form-group button{white-space:nowrap;padding:15px 30px;font-weight:600;letter-spacing:.5px;position:relative;overflow:hidden;background:var(--secondary)}.form-group button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(247,181,0,.2)}.footer-grid{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:40px;margin-bottom:40px;align-items:flex-start;padding:40px 0}.charity-info,.footer-about p,.footer-logo{margin-bottom:20px}.footer-about{grid-column:span 1}.footer-logo img{height:50px;filter:brightness(0) invert(1)}.footer-about p{color:rgba(255,255,255,.8);line-height:1.7}.payment-methods{margin-top:15px}.footer-social{display:flex;gap:12px;margin-top:20px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;color:var(--light)}.footer-social a:hover{background:var(--secondary);transform:translateY(-5px);color:var(--dark)}.footer-links-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.footer-contact h4,.footer-links-section h4{color:var(--light);font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.footer-contact h4::after,.footer-links-section h4::after{content:'';position:absolute;bottom:-1px;left:0;width:50px;height:2px;background:var(--secondary)}.footer-links{padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,.8);display:block;position:relative;padding-left:15px}.footer-links a::before{content:'›';position:absolute;left:0}.footer-links a:hover{color:var(--secondary);transform:translateX(5px)}.footer-contact address{font-style:normal;color:rgba(255,255,255,1)}.footer-contact address p{margin-bottom:15px;display:flex;align-items:flex-start}.footer-contact address i{margin-right:10px;color:var(--secondary);margin-top:5px}.footer-contact address a{color:rgba(255,255,255,1)}.footer-bottom{text-align:center;padding:20px 0;background:rgba(0,0,0,.2);font-size:.9rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:5px 0}.footer-bottom p{margin-bottom:0;color:rgba(255,255,255,.7)}.footer-bottom-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom-links a{color:rgba(255,255,255,.7);position:relative}.footer-bottom-links a:not(:last-child)::after{content:'|';position:absolute;right:-10px;color:rgba(255,255,255,.3)}#payment-methods-section.hidden,.mobile-only{display:none}.desktop-only,.payment-type-toggle,.social-links{display:flex}@media (min-width:576px){:root{--container-padding:30px}}@media (min-width:992px){:root{--container-padding:40px;--header-height:80px}}@media (max-width:1024px){.hero,.hero-bg{border-radius:0}.hero{min-height:auto}.hero-bg{width:50%}}@media (max-width:991px){.mobile-only,.nav-menu a{display:block}.desktop-only{display:none!important}.mobile-only .header-actions{display:flex;justify-content:center;gap:15px;margin:15px 0}.mobile-only .btn{width:100%;margin-top:10px}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--light);padding:1rem;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-100vh);opacity:0;visibility:hidden;transition:.3s;box-shadow:var(--shadow-sm);height:calc(100vh - var(--header-height));overflow-y:auto;z-index:999}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible;top:var(--header-height)}.nav-menu li{border-bottom:1px solid var(--gray-dark)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{padding:1rem 0;width:100%}.nav-toggle{display:flex}.hero h1{font-size:2rem}.donation-form{flex-direction:column;align-items:stretch}.donation-amounts,.donation-select{width:100%}.donation-actions{flex-wrap:wrap;justify-content:space-between}.donation-actions .btn{flex:1;min-width:120px}.zakat-container{flex-direction:column}.zakat-image{order:-1}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-about{grid-column:span 2}}#payment-methods-section,.faq-icon,.faq-question,.social-link{transition:var(--transition)}.hero-section,.page-hero,.quote-section,.title-block,.world-map-container{overflow:hidden}@media (max-width:768px){.header-inner{padding:10px 0}.header-actions .header-action-btn{display:none}.hero-bg{width:100%;opacity:.2}.hero-content{text-align:center}.qurbani-badge{justify-content:center}.section{padding:60px 0}.section-title h2{font-size:1.8rem}.campaign-grid{grid-template-columns:repeat(2,1fr)}.newsletter-container{flex-direction:column;align-items:stretch}.footer-links-container{grid-template-columns:1fr 1fr}.footer-bottom-content{flex-direction:column}}#card-errors,.office-details{margin-top:10px}.contact-hero{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%)}.contact-hero::before{content:'';opacity:.6}.form-input,.form-select,.form-textarea{border:2px solid var(--gray-dark);border-radius:var(--radius);transition:var(--transition);background:var(--light)}#map,.contact-info-panel{border-radius:var(--radius-lg)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.contact-info-panel{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--light)}.faq-question:hover,.faq-section,.map-section,.office-flag,.toggle-btn:hover:not(.active){background:var(--gray)}.contact-info-panel h3{color:var(--light);margin-bottom:30px}.info-item{display:flex;align-items:flex-start;gap:15px}.info-item .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-total-display,.info-item .content h4,.social-link:hover{color:var(--light)}.info-item .content p{font-size:.9rem}#map{box-shadow:var(--shadow)}.offices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.amount-input-wrapper,.office-flag,.office-header{display:flex;align-items:center}.office-flag{width:40px;height:40px;border-radius:50%;justify-content:center}.office-details p,.social-link{align-items:center;display:flex}.office-card h3{margin:0;color:var(--dark)}.office-details p{color:var(--text-muted)}.faq-item{background:var(--light);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.faq-question{background:0 0;text-align:left;display:flex;justify-content:space-between;align-items:center;color:var(--dark)}.flow-section h4,.hero-content,.hero-subtitle,.intro-content,.policy-content,.quote-content,.quote-pill{text-align:center}.faq-answer p,.form-group label,.highlight-description,.program-description,.programs-description{color:var(--text-muted)}.social-link{justify-content:center;color:var(--light)}@media (max-width:576px){.campaign-grid,.footer-grid,.footer-links-container{grid-template-columns:1fr}h1{font-size:2rem}.contact-hero h1,.hero-left h1,h2{font-size:1.8rem}.form-group,.qurbani-badge{flex-direction:column}.qurbani-arabic{font-size:2.5rem;margin-right:0;margin-bottom:10px}.qurbani-english{font-size:1.8rem;margin-left:0;margin-top:10px}.qurbani-years{flex-direction:row;gap:10px}.donation-bar{max-width:100%;margin:0 10px;padding:20px 15px}.campaign-actions{flex-direction:column;gap:10px}.campaign-actions .btn{width:100%}.footer-grid{gap:30px}.footer-about{grid-column:span 1}.logo img{height:30px}.nav-menu{padding:1rem}.nav-menu a{padding:.8rem 0;font-size:.9rem}.contact-hero{padding:80px 0 60px}.contact-hero p{font-size:1rem}.contact-method{padding:30px 20px}.contact-method .icon{width:60px;height:60px;font-size:1.5rem}.office-card{padding:20px}.faq-answer.active,.faq-question{padding:15px 20px}.form-group{margin-bottom:20px}.faq-question{font-size:.9rem}}.hero-title,.intro-text p{margin-bottom:1.5rem}.hero-section{position:relative;min-height:400px;display:flex;align-items:center;background:linear-gradient(135deg,#2f929e 0,#246e78 100%)}.hero-bg{position:absolute;top:0;right:0;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1.5" fill="rgba(255,255,255,0.03)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.6;width:69%}.hero-content,.hero-subtitle,.page-hero,.quote-content,.quote-section,.title-block{position:relative}.hero-content{z-index:2;color:#fff}.hero-title{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.donation-amounts,.donation-form{align-items:center;display:flex;align-items:center}.title-block{display:inline-block;padding:15px 30px;font-size:3.2rem;font-weight:900;border-radius:15px;transition:.4s cubic-bezier(.4, 0, .2, 1);letter-spacing:2px;cursor:pointer}.title-block-green,.title-block-red{color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-donate::before,.title-block::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.hero-subtitle::after,.hero-subtitle::before{content:'"';font-size:3rem;color:rgba(255,255,255,.3);font-family:serif;position:absolute}.btn-donate:hover::before,.filter-btn:hover::before,.title-block:hover::before{left:100%}.title-block-green{background:linear-gradient(135deg,#2ecc71 0,#27ae60 50%,#16a085 100%);box-shadow:0 20px 40px rgba(46,204,113,.3),0 10px 20px rgba(46,204,113,.2),inset 0 1px 0 rgba(255,255,255,.2)}.title-block-red{background:linear-gradient(135deg,#e74c3c 0,#c0392b 50%,#a93226 100%);box-shadow:0 20px 40px rgba(231,76,60,.3),0 10px 20px rgba(231,76,60,.2),inset 0 1px 0 rgba(255,255,255,.2)}.title-block:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 30px 60px rgba(0,0,0,.3),0 15px 30px rgba(0,0,0,.2)}.title-block-green:hover{box-shadow:0 30px 60px rgba(46,204,113,.4),0 15px 30px rgba(46,204,113,.3),inset 0 1px 0 rgba(255,255,255,.3)}.title-block-red:hover{box-shadow:0 30px 60px rgba(231,76,60,.4),0 15px 30px rgba(231,76,60,.3),inset 0 1px 0 rgba(255,255,255,.3)}.hero-subtitle{font-size:1.5rem;color:rgba(255,255,255,.95);font-weight:300;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.donation-amount,.donation-custom{color:var(--text-dark);border:1px solid #e5e7eb}.hero-subtitle::before{left:-30px;top:-10px}.hero-subtitle::after{right:-30px;bottom:-20px}.donation-bar{box-shadow:0 15px 40px rgba(0,0,0,.1)}.programs-image-wrapper,.quote-pill,.world-map-container{box-shadow:0 20px 40px rgba(0,0,0,.1)}.donation-form{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.donation-select select{min-width:160px}.donation-custom:focus,.donation-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,146,158,.1)}.donation-amounts{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.donation-amount{display:flex;align-items:center;justify-content:center}.donation-amount.active,.donation-amount:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.donation-custom{background:#fff;color:var(--text-dark)}.donation-actions{display:flex;gap:1rem;align-items:center}.intro-section{padding:4rem 0;background:#fafbfc}.intro-content{max-width:900px;margin:0 auto}.intro-highlight{font-size:2.5rem;margin-bottom:30px;line-height:1.3}.highlight-red{color:var(--accent);font-weight:800}.highlight-green{color:#27ae60;font-weight:800}.intro-text{font-size:1.1rem;line-height:1.8;color:var(--text-muted);max-width:800px;margin:0 auto}.quote-section{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.quote-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" patternUnits="userSpaceOnUse" width="10" height="10"><circle cx="5" cy="5" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>')}.quote-content{z-index:2;max-width:600px;margin:0 auto}.quote-pill{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:40px 50px}.quote-text{font-size:1.5rem;color:#fff;margin-bottom:0;line-height:1.6}.vision-mission-section{padding:100px 0;background:#fff}.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}.mission-card,.vision-card{background:#fafbfc;padding:40px;border-radius:20px;text-align:center;border:1px solid #e1e5e9;transition:.3s;position:relative;overflow:hidden}.mission-card::before,.vision-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.mission-card:hover,.vision-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.mission-card h3,.vision-card h3{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:var(--primary)}.mission-card p,.vision-card p{font-size:1.1rem;line-height:1.8;color:var(--text-muted);margin:0}.programs-section{background:#fafbfc}.highlight-section .container,.programs-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.highlight-subheading,.programs-subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:1px}.amount-label,.flow-section h4,.form-label,.highlight-content h2,.login-title,.option-content h3,.program-title,.programs-title,.section-header h2,.step-title{color:var(--text-dark)}.programs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.program-card{background:#fff}.program-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);border-color:var(--primary)}.program-icon{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center}.highlight-content{padding:2rem 0}.highlight-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary)}.highlight-button:hover{color:var(--primary-dark);transform:translateX(5px)}.arrow-icon{font-size:1.2rem;transition:transform .3s}.policy-explanation-section{padding:5rem 0;background:#fafbfc}.highlight-badge,.projects-header h2,.section-title h2{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.policy-content{max-width:1000px;margin:0 auto}.section-header h2{font-weight:800}.section-subtitle{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.highlight-badge{color:#fff;padding:.5rem 1.2rem;border-radius:25px;font-weight:600;font-size:.9rem}.policy-description{font-size:1.2rem;color:var(--text-muted);line-height:1.7;margin-bottom:3rem}.donation-flow{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.08)}.flow-diagram{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.flow-section{flex:1;min-width:250px}.flow-section h4{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.flow-items{display:flex;flex-direction:column;gap:1rem}.flow-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafbfc;border-radius:10px;border:1px solid #e1e5e9}.archive-hero,.page-hero{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);text-align:center}.flow-item i{font-size:1.2rem;color:var(--primary)}.flow-arrow{font-size:2rem;color:var(--primary);display:flex;align-items:center;justify-content:center}@media (hover:none){.btn:hover,.campaign-card:hover,.footer-social a:hover,.program-card:hover,.title-block:hover{transform:none}}.page-hero{padding:120px 0 80px}.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1.5" fill="rgba(255,255,255,0.03)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.6}.contact-hero .container,.page-hero-content{position:relative;z-index:2}.page-hero h1{color:var(--light);font-size:3rem;font-weight:700;margin-bottom:20px}.page-hero p{font-size:1.2rem;color:rgba(255,255,255,.9);line-height:1.8;max-width:700px;margin:0 auto}.archive-hero{color:var(--light)!important;padding:80px 0}.projects-showcase{padding:100px 0;background:linear-gradient(135deg,#fafbfc 0,#f8f9fa 100%);position:relative}.filter-btn,.project-card{background:var(--light);transition:var(--transition);overflow:hidden}.projects-showcase::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--gray-dark) 50%,transparent 100%)}.projects-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.projects-header h2,.section-title h2{font-size:3rem;font-weight:700;color:var(--dark);margin-bottom:20px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-header p,.section-title p{font-size:1.2rem;color:var(--text-muted);line-height:1.8;margin-bottom:0}.auth-option,.section-header,.section-title,.stat-item{text-align:center}.project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;padding:0 20px;margin-bottom:40px}.filter-btn{padding:12px 28px;border:2px solid var(--gray-dark);color:var(--text-muted);border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;white-space:nowrap;position:relative}.filter-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.filter-btn.active,.filter-btn:hover{border-color:var(--primary);background:var(--primary);color:var(--light);transform:translateY(-2px);box-shadow:0 8px 25px rgba(47,146,158,.3)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px;padding:0 15px;align-items:stretch}.project-card{border-radius:var(--radius-lg);box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.project-image-wrapper{position:relative;height:250px;overflow:hidden;flex-shrink:0}.project-image{width:100%;height:100%;transition:transform .6s}.project-overlay,.project-social,.share-btn{transition:var(--transition);display:flex}.project-card:hover .project-image{transform:scale(1.08)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(14,46,59,.6) 0,rgba(47,146,158,.3) 50%,rgba(0,0,0,.2) 100%);opacity:0;align-items:center;justify-content:center}.payment-logo:hover,.programs-image-wrapper:hover::before,.project-card:hover .project-overlay,.project-card:hover .project-social{opacity:1}.project-badges{position:absolute;top:20px;left:20px;display:flex;flex-wrap:wrap;gap:8px;z-index:2}.project-badge{letter-spacing:.5px;border:1px solid rgba(255,255,255,.2)}.btn-cart,.btn-donate,.donate-title,.project-subtitle,.stat-label,.total-label,.urgency-badge{letter-spacing:1px;text-transform:uppercase}.badge-emergency{background:rgba(231,76,60,.9);color:var(--light)}.badge-water,.badge-zakat{background:rgba(52,152,219,.9);color:var(--light)}.badge-food{background:rgba(46,204,113,.9);color:var(--light)}.badge-education{background:rgba(155,89,182,.9);color:var(--light)}.badge-reconstruction,.reconstruction{background:rgba(241,196,15,.9);color:var(--dark)}.project-social{position:absolute;top:15px;right:15px;gap:8px;z-index:2;opacity:0}.share-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.95);border:none;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.share-btn:hover{background:var(--primary);color:var(--light);transform:scale(1.1)}.project-content{padding:24px 22px;flex:1;display:flex;flex-direction:column;min-height:0}.project-content-spacer{flex:1;min-height:20px}.project-title{font-size:1.4rem;font-weight:700;color:var(--dark);margin-bottom:10px;line-height:1.25;font-family:Poppins,sans-serif}.progress-percentage,.progress-raised,.project-subtitle{font-weight:600;font-family:Poppins,sans-serif}.project-subtitle{font-size:.8rem;color:var(--primary);margin-bottom:14px}.project-description{color:var(--text-muted);line-height:1.65;margin-bottom:22px;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;min-height:4.5em}.project-progress{margin-bottom:24px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.progress-raised{color:var(--dark);font-size:1rem}.progress-percentage{background:var(--primary);color:var(--light);padding:2px 6px;border-radius:8px;font-size:.7rem;min-width:55px;text-align:center;margin-top:12px}.progress-bar{background:var(--gray-dark);position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);position:relative;box-shadow:0 1px 3px rgba(47,146,158,.3)}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.project-actions{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:8px}.btn-donate,.btn-load-more{transition:var(--transition);display:inline-flex}.btn-donate{flex:1;background:linear-gradient(135deg,var(--accent) 0,#f95e4f 100%);color:var(--light);border-radius:var(--radius);text-align:center;position:relative;overflow:hidden;font-family:Poppins,sans-serif;align-items:center;justify-content:center}.btn-donate:hover{box-shadow:0 6px 20px rgba(231,76,60,.4);color:var(--light)}.btn-learn-more{color:var(--primary);border-radius:var(--radius);transition:var(--transition);cursor:pointer;align-items:center;justify-content:center}.btn-load-more{background:var(--primary);color:var(--light);border:2px solid var(--primary);align-items:center}.btn-load-more:hover{background:0 0;color:var(--primary)}@media (min-width:1400px){.projects-grid{gap:35px}.project-title{font-size:1.45rem}}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:25px}.project-title{font-size:1.3rem}.project-content{padding:22px 20px}}@media (max-width:992px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;padding:0 20px}.project-image-wrapper{height:230px}.project-title{font-size:1.35rem}.project-content{padding:24px 22px}}@media (max-width:768px){.form-container,.form-row,.programs-grid,.vision-mission-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.contact-grid,.offices-grid{grid-template-columns:1fr;gap:30px}.form-container{gap:40px}.form-row{gap:15px}.contact-form-section,.contact-methods,.faq-section,.map-section,.office-locations,.projects-showcase{padding:60px 0}.contact-form,.contact-info-panel{padding:30px 20px}.hero-title{flex-direction:column;gap:.8rem}.title-block{font-size:2.5rem;padding:.2rem 1rem}.donation-form{flex-direction:column;gap:1.5rem}.donation-amounts{justify-content:center}.highlight-section .container,.programs-content{grid-template-columns:1fr;gap:3rem}.vision-mission-grid{gap:2rem}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.highlight-content h2,.intro-highlight{font-size:1.8rem}.programs-title{font-size:2rem}.projects-header h2,.section-title h2{font-size:2.2rem;margin-bottom:16px}.projects-header p,.section-title p{font-size:1.1rem;padding:0 20px}.projects-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}.project-card{margin:0 auto;max-width:480px}.project-image-wrapper{height:220px}.project-content{padding:22px 20px}.project-title{font-size:1.4rem}.project-subtitle{font-size:.8rem;margin-bottom:12px}.project-filters{flex-direction:column;align-items:center;gap:12px}.filter-btn{width:100%;max-width:280px;padding:14px 20px}.project-actions{flex-direction:column;gap:12px}.btn-donate,.btn-learn-more{width:100%;text-align:center;padding:14px 20px}}@media (max-width:480px){.title-block{font-size:2rem;padding:.2rem .8rem}.donation-bar{padding:1.5rem;margin:-20px 1rem 2rem}.programs-image,.world-map-container{height:300px}.projects-header h2,.section-title h2{font-size:1.8rem}.project-content{padding:20px 18px}.project-badges{bottom:12px;left:12px;flex-direction:column;gap:6px}.project-badge{font-size:.7rem;padding:4px 10px}}.btn-donate:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(231,76,60,.4);color:var(--light)}.btn-learn-more{padding:14px 20px;border:2px solid #3498db;color:#3498db;background:0 0;border-radius:8px;font-weight:700;transition:.3s cubic-bezier(.4, 0, .2, 1);font-size:.9rem;font-family:Inter,sans-serif;white-space:nowrap;display:inline-block;text-align:center}.btn-learn-more:hover{background:#3498db;color:var(--light);transform:translateY(-2px)}.load-more-section{text-align:center;padding:60px 0}.btn-load-more{background:var(--primary);color:var(--light);padding:16px 40px;border-radius:50px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:10px}.btn-load-more:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(47,146,158,.3)}.btn-load-more i,.faq-icon{transition:transform .3s}.btn-load-more:hover i{transform:translateY(2px)}.fade-in{opacity:0;animation:.6s forwards fadeIn}.fade-in-up{opacity:0;transform:translateY(30px);animation:.8s forwards fadeInUp}@keyframes fadeIn{to{opacity:1}}.project-hero{position:relative;height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.location-badge,.urgency-badge{display:inline-block;color:#fff}.project-hero .hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.project-hero .hero-bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(47,146,158,.85) 0,rgba(247,181,0,.85) 100%);z-index:2}.project-hero .hero-bg-image{width:100%;height:100%}.project-hero .container{position:relative;z-index:3;text-align:center}.project-hero .hero-content{max-width:800px;margin:0 auto;color:#fff}.urgency-badge{background:rgba(220,53,69,.9);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:15px}.location-badge i,.social-sharing i,.urgency-badge i{margin-right:5px}.location-badge{background:rgba(255,255,255,.15);padding:6px 12px;border-radius:15px;font-size:.9rem;margin-bottom:20px}.project-hero .hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;line-height:1.2}.project-hero .hero-subtitle{font-size:1.3rem;font-weight:300;margin-bottom:40px;line-height:1.5;opacity:.95}.hero-stats{display:flex;justify-content:center;gap:60px;margin-bottom:30px}.stat-number{color:#fff}.stat-label{opacity:.9;margin-top:5px}.hero-progress{max-width:400px;margin:0 auto 40px}.progress-bar{height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ffeb3b 0,#4caf50 100%);border-radius:4px;transition:width .6s}.hero-actions,.slide-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.main-content-section{background:#fafafa}.main-content-grid{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:start}.project-description h2{color:var(--text-dark);font-size:2.2rem;font-weight:700}.project-content{margin-bottom:15px;font-size:1.1rem;line-height:1.7;color:var(--text-muted)}.description-highlights{display:flex;flex-direction:column;gap:30px}.highlight-item{display:flex;gap:20px;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.highlight-icon{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.amount-input,.donation-form-card{background:#fff;background:var(--light)}.highlight-item h4{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem;font-weight:600}.faq-answer p,.highlight-item p,.trust-item p{color:var(--text-muted);line-height:1.6;margin:0}.donation-form-container{position:sticky;top:20px}.donation-form-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.donation-header{color:#fff;padding:25px}.currency-symbol,.total-label,.total-note{color:var(--text-muted)}.donate-title{margin:0}.donation-step{padding:25px;border-bottom:1px solid #f0f0f0}.option-content p,.step-subtitle{color:var(--text-muted);margin:0}.donation-form{padding:10px}.donation-amounts-grid{display:flex;flex-direction:column;gap:20px}.amount-input-group{display:flex;flex-direction:column;gap:8px}.currency-symbol{z-index:2}.amount-input{border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s,box-shadow .3s;background:#fff}.donation-total-section{background:#f8f9fa;border-radius:10px}.campaigns .project-donation-form,.donation-actions,.projects-showcase .project-donation-form{display:flex;flex-direction:column;gap:12px}.btn-cart,.btn-donate{border-radius:8px;transition:.3s;display:flex;align-items:center;justify-content:center}.related-project-card,.social-btn,.trust-item{transition:transform .3s,box-shadow .3s}.btn-cart{background:#f8f9fa;color:var(--text-dark);border:2px solid #e0e0e0}.btn-cart:not(:disabled):hover{background:#e9ecef;border-color:var(--primary);color:var(--primary)}.btn-donate{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px rgba(47,146,158,.3)}.btn-donate:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(47,146,158,.4)}.btn-cart:disabled,.btn-donate:disabled{transform:none;box-shadow:none}.urgency-note{background:linear-gradient(135deg,rgba(220,53,69,.1) 0,rgba(255,193,7,.1) 100%);border-left:4px solid #dc3545;padding:15px;margin:20px 0;border-radius:0 8px 8px 0}.urgency-note p{margin:0;color:#721c24;font-weight:500;font-size:.9rem}.urgency-note i{color:#dc3545;margin-right:8px}.social-sharing{border-top:1px solid #f0f0f0;padding-top:20px;margin-top:20px;text-align:center}.social-sharing p{margin-bottom:15px;color:var(--text-muted);font-size:.9rem}.social-buttons{display:flex;justify-content:center;gap:10px}.social-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.social-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.social-btn.facebook{background:#1877f2}.social-btn.twitter{background:#1da1f2}.social-btn.whatsapp{background:#25d366}.social-btn.copy{background:#6c757d}.trust-section{padding:80px 0;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:50px}.trust-item{text-align:center;padding:30px 20px;border-radius:12px;background:#fafafa}.trust-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff}.trust-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:1.5rem}.trust-item h3{color:var(--text-dark);margin-bottom:15px;font-size:1.3rem;font-weight:600}.related-projects{padding:80px 0;background:#f8f9fa}.related-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.related-project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08)}.cart-total-amount,.cart-total-section,.donation-summary{border-radius:var(--radius-lg)}.cart-action-btn,.cart-total-amount,.toggle-btn{transition:var(--transition)}.related-project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.contact-form,.contact-method,.donation-summary,.donor-info-form-card,.final-donate-btn:hover,.modal-container,.payment-card-wrapper{box-shadow:var(--shadow)}.related-project-image{height:200px;overflow:hidden}.related-project-image img{width:100%;height:100%;transition:transform .3s}.media-content,.related-project-content{padding:25px}.related-project-content h3{margin-bottom:15px;font-size:1.2rem;font-weight:600}.related-project-content h3 a{color:var(--text-dark);transition:color .3s}.related-project-content p{color:var(--text-muted);line-height:1.6;margin-bottom:20px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}.project-title{font-size:1.2rem}.project-content{padding:20px 16px 16px}.main-content-grid{grid-template-columns:1fr;gap:40px}.donation-form-container{position:static}.hero-stats{gap:40px}.project-hero .hero-title{font-size:2.8rem}}.form-row,.modal-content{grid-template-columns:1fr 1fr}.payment-section{min-height:calc(100vh - var(--header-height))}.toggle-btn{flex:1;color:var(--text-dark)}.donation-summary{background:var(--primary-dark);color:var(--light)}.cart-total-section{background:var(--primary);color:var(--light)}.cart-total-amount{background:var(--secondary);color:var(--light)}.cart-action-btn{background:var(--primary-dark);color:var(--light);border:2px solid var(--light);border-radius:var(--radius-lg)}.cart-action-btn:hover{background:var(--light);color:var(--primary-dark)}.payment-card-wrapper{background:var(--light);border-radius:var(--radius-lg);margin-bottom:30px;overflow:hidden}.payment-card-header{background:var(--primary);padding:0}.payment-type-toggle .toggle-btn{flex:1;background:var(--primary);color:var(--light);border:none;padding:15px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);position:relative}.donation-actions .btn.btn-secondary:hover,.payment-type-toggle .toggle-btn:hover{background:var(--primary-light)}.cart-items-card{background:var(--light);padding:25px;min-height:120px}.cart-actions-footer{background:var(--primary);padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.cart-total-amount-display{display:flex;align-items:baseline;gap:4px;margin-bottom:5px}.auth-divider,.auth-options{align-items:center;display:flex}.auth-options,.donation-step,.recurring-payment-auth .auth-message{margin-bottom:30px}.cart-currency{font-size:18px;font-weight:600}.cart-total-value{font-size:32px;font-weight:700}.cart-total-label{font-size:12px;font-weight:500;letter-spacing:.5px;opacity:.9}.cart-action-buttons{display:flex;gap:15px}.cart-action-buttons .btn{padding:12px 20px;font-size:14px;font-weight:600}.cart-action-buttons .btn-outline{background:0 0;border:2px solid var(--light);color:var(--light)}.cart-action-buttons .btn-outline:hover{background:var(--light);color:var(--primary)}.cart-action-buttons .btn-primary{background:var(--secondary);color:var(--dark);border:2px solid var(--secondary)}.cart-action-buttons .btn-primary:hover{background:var(--secondary-light);border-color:var(--secondary-light)}.cart-items-card .empty-cart-message,.recurring-payment-auth{text-align:center;padding:40px 20px}.cart-items-card .empty-cart-message i{font-size:48px;color:var(--gray-dark);margin-bottom:20px}.cart-items-card .empty-cart-message p,.contact-method p{color:var(--text-muted);margin-bottom:20px}.recurring-payment-auth .auth-message i{font-size:48px;color:var(--primary);margin-bottom:20px}.recurring-payment-auth .auth-message h3{color:var(--dark);font-size:24px;margin-bottom:10px}.recurring-payment-auth .auth-message p{color:var(--text-muted);font-size:16px;line-height:1.6}.auth-options{justify-content:center;gap:30px}.auth-btn{padding:15px 30px;font-size:16px;font-weight:600;margin-bottom:10px;min-width:150px}.auth-description{color:var(--text-muted);font-size:14px;margin:0}.auth-divider{color:var(--text-muted);font-weight:500}.auth-divider span{padding:0 15px;background:var(--light);position:relative}.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-dark);z-index:-1}.auth-benefits{background:var(--gray);border-radius:var(--radius);padding:25px;text-align:left;max-width:400px;margin:0 auto}.auth-benefits h4{color:var(--dark);font-size:16px;margin-bottom:15px;text-align:center}.auth-benefits ul{list-style:none;padding:0;margin:0}.auth-benefits li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-dark);font-size:14px}.auth-benefits li i{color:var(--primary);font-size:12px;width:16px}.donor-info-form-card{background:var(--light);border-radius:var(--radius-lg);padding:30px;margin-bottom:30px}.modal-left,.modal-right{padding:2.5rem}.donor-info-form-card h3{color:var(--dark);font-size:20px;font-weight:600;margin-bottom:25px;text-align:center}.form-row{display:grid;margin-bottom:20px}.final-donate-btn,.modal-close{display:flex;transition:var(--transition)}.card-trend.down,.form-group .required{color:var(--accent)}.form-group input,.form-group select{border-radius:25px;background:var(--primary);color:var(--light);transition:var(--transition);outline:0}.form-group input::placeholder{color:rgba(255,255,255,.7)}.cart-summary-items .cart-item h4,.cart-summary-items .cart-item p,.cart-summary-items .item-details h4,.cart-summary-items .item-details p,.cart-summary-items .summary-item h4,.cart-summary-items .summary-item p,.item-details h4,.item-details p{color:var(--dark)!important}.form-group input:focus,.form-group select:focus{background:var(--primary-dark);box-shadow:0 0 0 3px rgba(47,146,158,.2)}.form-group select{cursor:pointer}#payment-methods-section.shown{display:grid;animation:.5s ease-out fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#payment-methods-section.disabled{opacity:.5;pointer-events:none;transition:var(--transition)}#payment-methods-section.enabled{opacity:1;pointer-events:auto;transition:var(--transition)}.cart-items-card .cart-item{border-bottom:1px solid var(--gray-dark);padding:15px 0}.cart-items-card .cart-item:last-child,.data-table tr:last-child td,.summary-item:last-child{border-bottom:none}.cart-items-card .project-name{color:var(--dark);font-weight:600;font-size:16px;margin-bottom:5px}.cart-items-card .project-details{color:var(--dark);font-size:14px;margin-bottom:5px}.cart-items-card .donation-type{color:var(--text-muted);font-size:13px;margin-bottom:5px}.cart-items-card .item-amount{color:var(--dark);font-weight:600;font-size:16px;text-align:right}.item-details h4{font-weight:600}.gift-aid-note{background:var(--gray);border-radius:var(--radius);color:var(--text-dark);border-left:4px solid var(--primary)}.payment-btn-card{background:#3b82f6;color:var(--light)}.payment-btn-paypal{background:#eab308;color:var(--dark)}.final-donate-btn,.payment-btn-gpay{color:var(--light);color:var(--light)}.payment-btn-gpay{background:#000;color:var(--light)}.final-donate-btn{background:var(--primary);color:var(--light);border-radius:var(--radius-lg);align-items:center;justify-content:center}.final-donate-btn:hover{background:var(--primary-dark)}.login-btn:hover,.option-card:hover{box-shadow:var(--shadow-sm)}.important-notice{border:1px solid #dc2626;border-radius:var(--radius);color:#dc2626}.contact-form,.contact-method,.form-input,.login-btn,.modal-container,.option-card{border-radius:var(--radius-lg)}.modal-container{background:var(--light);width:90%;max-width:900px;max-height:90vh;overflow:hidden;position:relative;transform:translateY(20px);transition:var(--transition)}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--gray);align-items:center;justify-content:center;z-index:10}.modal-close svg{width:16px;height:16px;fill:var(--text-dark)}.modal-content{display:grid;min-height:500px}.form-group textarea,.form-textarea{min-height:120px;resize:vertical}.modal-left{background:var(--gray);display:flex;flex-direction:column;gap:1.5rem}.option-card{background:var(--light);transition:var(--transition);display:flex;align-items:flex-start}.form-input,.option-icon{background:var(--primary)}.option-card:hover{border-color:var(--primary)}.option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-form,.modal-right{flex-direction:column;display:flex}.option-icon svg{fill:var(--light)}.login-title::after{content:'';background:var(--secondary)}.login-form{flex:1}.form-group{display:flex;flex-direction:column}.form-input{color:var(--light);transition:var(--transition)}.form-input:focus{outline:2px solid var(--secondary);outline-offset:2px}.login-btn{background:var(--secondary);color:var(--text-dark);transition:var(--transition);display:flex;align-items:center;justify-content:center}.login-btn svg{fill:currentColor}.forgot-password a,.guest-checkout a{color:var(--text-muted);transition:var(--transition)}.guest-checkout{border-top:1px solid var(--gray-dark)}.contact-hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--light);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.contact-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.contact-hero h1{color:var(--light);font-size:3rem;margin-bottom:20px}.contact-hero p{font-size:1.2rem;color:rgba(255,255,255,.9);max-width:600px;margin:0 auto}.contact-methods,.office-locations{padding:80px 0;background:var(--gray)}.section-header h2{font-size:2.5rem;color:var(--dark);margin-bottom:15px}.section-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:50px}.contact-method{background:var(--light);padding:40px 30px;text-align:center;transition:var(--transition)}.contact-method:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.contact-method .icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2rem;color:var(--light)}.contact-form h2,.contact-method h3{color:var(--dark);margin-bottom:15px}.contact-method .contact-info{font-weight:600;color:var(--primary);font-size:1.1rem}.form-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-form{background:var(--light);padding:40px}.contact-form p{color:var(--text-muted);margin-bottom:30px}.form-label{display:block;color:var(--dark)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-dark);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:var(--light)}.amount-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,146,158,.1)}.contact-info-panel{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--light);padding:40px;border-radius:var(--radius-lg);height:fit-content}.info-item .icon,.social-link{background:rgba(255,255,255,.2);border-radius:50%;display:flex}.info-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}.info-item:last-child,.office-details p:last-child{margin-bottom:0}.info-item .icon{width:50px;height:50px;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.info-item .content h4{color:var(--light);margin-bottom:8px;font-size:1.1rem}.info-item .content p{color:rgba(255,255,255,.9);margin:0}.social-links{display:flex;gap:15px;margin-top:15px}.social-link{width:40px;height:40px;align-items:center;justify-content:center;color:var(--light);transition:var(--transition)}#map,.office-card{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.social-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.faq-section,.map-section,.multimedia-section{padding:80px 0;background:var(--light)}#map{height:400px;overflow:hidden}.multimedia-grid,.offices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px}.office-card{background:var(--light);padding:30px;transition:var(--transition)}.media-card:hover,.office-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.office-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--gray)}.office-flag{font-size:2rem}.office-header h3{color:var(--dark);margin:0;font-size:1.3rem}.office-details p{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-muted)}.office-details i{color:var(--primary);width:16px}.faq-container{max-width:800px;margin:50px auto 0}.faq-item{border:1px solid var(--gray-dark);border-radius:var(--radius);margin-bottom:15px;overflow:hidden}.faq-question{width:100%;background:var(--light);border:none;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--dark);transition:var(--transition)}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 25px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.faq-answer.active{padding:20px 25px;max-height:200px}.programs-section{padding:120px 0;background:linear-gradient(135deg,#fafbfc 0,#f1f3f7 100%);position:relative;overflow:hidden}.programs-section::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle at center,rgba(20,184,166,.03) 0,transparent 70%);animation:30s linear infinite rotateGlow}@keyframes rotateGlow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.programs-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.programs-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:600px}.programs-image-wrapper{position:relative;height:600px;border-radius:30px;overflow:hidden;box-shadow:0 32px 64px rgba(0,0,0,.12),0 16px 32px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04);transition:.6s cubic-bezier(.4, 0, .2, 1)}.programs-image-wrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0,rgba(20,184,166,.1) 50%,transparent 100%);z-index:2;opacity:0;transition:opacity .4s}.programs-image-wrapper:hover{transform:translateY(-12px);box-shadow:0 48px 96px rgba(0,0,0,.16),0 24px 48px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.08)}.programs-image{width:100%;height:100%;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.programs-text{padding:40px 0}.programs-header{margin-bottom:60px}.programs-subtitle{display:inline-block;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase;box-shadow:0 4px 12px rgba(20,184,166,.3)}.programs-title{font-size:3.2rem;font-weight:800;line-height:1.1;color:#1e293b;margin-bottom:24px;letter-spacing:-.02em}.programs-description{font-size:1.2rem;line-height:1.7;color:#64748b;margin-bottom:50px;max-width:90%}.programs-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.program-card{background:linear-gradient(145deg,#fff 0,#f8fafc 100%);border-radius:20px;padding:32px 28px;position:relative;transition:.4s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(20,184,166,.08);cursor:pointer;overflow:hidden}.program-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#14b8a6,#0d9488);transform:scaleX(0);transition:transform .3s}.program-icon,.program-icon::before{background:linear-gradient(135deg,#2f929e,#2f929e)}.program-card:hover::before{transform:scaleX(1)}.program-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.08);border-color:rgba(20,184,166,.2)}.program-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;box-shadow:0 8px 20px rgba(20,184,166,.25);transition:.3s}.program-icon::before{content:'';position:absolute;inset:-2px;border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s}.program-card:hover .program-icon::before{opacity:.3}.program-card:hover .program-icon{transform:scale(1.1);box-shadow:0 12px 28px rgba(20,184,166,.35)}.program-icon i{font-size:1.6rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.program-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:12px;line-height:1.3}.program-description{font-size:.95rem;line-height:1.6;color:#64748b;margin:0}@media (max-width:1200px){.programs-content{gap:80px}.programs-title{font-size:2.8rem}}@media (max-width:992px){.programs-section{padding:80px 0}.programs-content{grid-template-columns:1fr;gap:60px}.programs-image-wrapper{height:500px;order:-1}.programs-title{font-size:2.5rem}.programs-grid{grid-template-columns:1fr;gap:25px}}@media (max-width:768px){.btn-learn-more,.filter-btn{width:100%;text-align:center}.hero h1,.page-hero h1,.programs-title,.project-hero .hero-title,.section-title h2{font-size:2.2rem}.projects-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.project-filters{flex-direction:column;align-items:center;gap:14px;padding:0 20px}.filter-btn{max-width:220px;padding:12px 20px}.project-image-wrapper{height:180px}.project-content{padding:20px 16px 16px}.project-hero .hero-subtitle,.project-title{font-size:1.1rem}.project-description{font-size:.85rem;margin-bottom:16px}.project-badges{bottom:12px;left:12px}.project-badge{font-size:.7rem;padding:5px 10px}.btn-add-to-cart,.donation-amount-input,.donation-type-select{padding:10px 14px;font-size:.85rem}.donation-amount-input{padding-left:28px}.currency-symbol{left:10px;font-size:.85rem}.project-actions{flex-direction:column;gap:8px;text-align:center;flex-direction:column;gap:14px}.btn-more-options,.btn-view-project{font-size:.8rem}.progress-percentage{font-size:.65rem;padding:2px 5px;min-width:50px;margin-top:10px}.project-hero{height:70vh;padding:0 20px}.hero-stats{flex-direction:column;gap:20px;text-align:center}.stat-number{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .cta-btn{width:100%;max-width:300px}.main-content-section,.related-projects,.trust-section{padding:50px 0}.trust-grid{grid-template-columns:1fr;gap:30px}.related-projects-grid{grid-template-columns:1fr;gap:25px}.form-container,.form-row,.modal-content,.payment-grid{grid-template-columns:1fr}.payment-grid{gap:20px}.cart-total-actions{flex-direction:column;gap:10px}.summary-details{flex-direction:column;gap:10px;text-align:left}.payment-card{padding:20px}.modal-container{width:95%;margin:1rem}.modal-left,.modal-right{padding:1.5rem}.option-card{padding:1rem}.form-container{gap:40px}.contact-form,.contact-info-panel{padding:30px 20px}.office-card{padding:25px 20px}.programs-section{padding:60px 0}.programs-container{padding:0 15px}.programs-content{gap:50px}.programs-image-wrapper{height:400px;border-radius:20px}.programs-description{font-size:1.1rem;max-width:100%}.program-card{padding:28px 24px}.program-icon{width:50px;height:50px}.program-icon i{font-size:1.4rem}}@media (max-width:576px){.programs-title{font-size:1.9rem}}.highlight-section{padding:120px 0;background:#fff;position:relative;overflow:hidden}.highlight-section .container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.highlight-content{position:relative;z-index:2;text-align:left}.amount-input,.banner-content,.cart-total-section,.donation-custom,.donation-header,.final-summary,.payment-header,.stat-card,.stats-heading{text-align:center}.highlight-subheading{font-size:.9rem;font-weight:600;color:#f7b500;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.highlight-content h2{font-size:3.2rem;font-weight:700;color:#27ae60;margin-bottom:30px;line-height:1.2}.highlight-description{font-size:1.1rem;color:#7d8590;line-height:1.8;margin-bottom:40px;max-width:480px}.highlight-button{display:inline-flex;align-items:center;gap:12px;background:#1b5e20;color:#fff;padding:16px 32px;border-radius:50px;font-weight:600;font-size:1rem;transition:.3s;border:none;cursor:pointer}.highlight-button:hover{background:#2e7d32;transform:translateY(-2px);box-shadow:0 8px 25px rgba(27,94,32,.3)}.highlight-button .arrow-icon{width:20px;height:20px;background:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#1b5e20;transition:transform .3s}.slide,.world-map-container{display:flex;align-items:center}.highlight-button:hover .arrow-icon{transform:translateX(4px)}.world-map-container{position:relative;height:500px;justify-content:center;padding:40px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.world-map-svg{width:100%;height:100%;max-width:600px;max-height:300px}.world-map-svg .continents path{fill:#27ae60;stroke:#1e7b32;stroke-width:.5;transition:.3s}.world-map-svg .continents path:hover{fill:#2e7d32;stroke:#1b5e20}.world-map-svg .location-marker{cursor:pointer;transition:.3s;filter:drop-shadow(0 0 8px rgba(76, 175, 80, .4))}.world-map-svg .location-marker:hover{transform:scale(1.15);filter:drop-shadow(0 0 15px rgba(76, 175, 80, .8))}.world-map-svg .location-marker circle:first-child{filter:blur(1px)}.world-map-svg .location-marker circle:nth-child(2){filter:blur(.5px)}.map-tooltip{position:absolute;background:rgba(27,94,32,.95);color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.3s;z-index:1000;white-space:nowrap}.cta-btn,.project-badge{border-radius:50px;font-weight:600}.map-tooltip::before{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(27,94,32,.95)}.map-tooltip.show{opacity:1;transform:translateY(-15px)}@media (max-width:768px){.highlight-section .container{grid-template-columns:1fr;gap:60px;text-align:center}.highlight-content h2{font-size:2.5rem}.world-map-container{height:350px;padding:20px}.highlight-description{max-width:100%}}@media (max-width:480px){.page-hero{padding:80px 0 60px}.page-hero h1,.project-hero .hero-title,.section-title h2{font-size:1.8rem}.project-image-wrapper{height:180px}.project-content{padding:18px 15px}.project-title{font-size:1.2rem}.project-subtitle{font-size:.8rem}.project-badges{flex-direction:column;gap:6px}.filter-btn{width:100%;max-width:220px;text-align:center;padding:12px 20px}.donation-amounts-grid{gap:15px}.social-buttons{gap:8px}.social-btn{width:35px;height:35px}.highlight-content h2{font-size:2rem}.highlight-section{padding:80px 0}.world-map-container{height:300px;padding:15px}}.hero-slider{position:relative;min-height:80vh;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.slider-container{position:relative;width:100%;height:100%}.slider-wrapper{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.amount-input,.btn-cart,.btn-donate,.cart-action-btn,.cart-total-amount,.cta-btn,.donation-amount,.donation-bar,.donation-custom,.donation-select select,.final-donate-btn,.media-card,.payment-btn,.payment-logo,.play-button,.toggle-btn{transition:var(--transition)}.slide{position:relative;min-height:80vh;width:100%;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),var(--banner-image, url('https://images.unsplash.com/photo-1578662996442-48f60103fc96?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80'));background-size:cover;background-position:center;color:var(--light)}.banner-content{max-width:800px;margin:0 auto;padding:0 20px}.project-badge{display:inline-block;background:var(--secondary);color:var(--dark);padding:8px 20px;margin-bottom:20px;font-size:.9rem}.banner-content h1{font-size:3.5rem;margin-bottom:25px;color:var(--light)}.banner-content p{font-size:1.3rem;line-height:1.6;margin-bottom:40px;color:rgba(255,255,255,.9)}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border:2px solid transparent}.btn-donate,.cta-primary{background:var(--accent);color:var(--light)}.cta-primary:hover{background:#f95e4f;transform:translateY(-2px);box-shadow:0 8px 25px rgba(231,76,60,.3)}.cta-secondary{background:0 0;color:var(--light);border-color:var(--light)}.cta-secondary:hover{background:var(--light);color:var(--dark);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.3)}.main-content-section{background:linear-gradient(135deg,#f0f8ff 0,rgba(255,255,255,.9) 100%);padding:100px 0}.main-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.project-description h2{color:var(--primary);margin-bottom:30px;position:relative}.project-description p{margin-bottom:25px;line-height:1.8}.description-highlights{margin-top:40px}.highlight-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.highlight-icon{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--light);font-size:1rem;flex-shrink:0;margin-top:5px}.donation-form-container{position:sticky;top:calc(70px + 20px)}.donation-form-card{border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);border:1px solid var(--gray-dark)}.donation-header{margin-bottom:30px}.donate-title{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:10px;position:relative;display:inline-block}.donate-title::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:4px;background:var(--secondary);border-radius:2px}.step-title{font-size:1.2rem;font-weight:600;color:var(--dark);margin-bottom:8px}.step-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:0}.donation-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.amount-input-group{display:flex;flex-direction:column;align-items:center}.amount-input-wrapper{position:relative;width:100%;margin-bottom:10px}.currency-symbol{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:600;font-size:1.1rem}.amount-input{width:100%;height:60px;border:2px solid var(--secondary);border-radius:var(--radius-lg);padding:15px 15px 15px 35px;font-size:1.2rem;font-weight:600;color:var(--dark)}.amount-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.donation-total-section{background:var(--gray);border-radius:var(--radius);padding:20px;text-align:center;margin-bottom:30px}.total-label{font-size:.9rem;color:var(--text-muted);margin-bottom:5px}.total-amount{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:5px}.total-note{font-size:.85rem;color:var(--text-muted)}.donation-actions{display:flex;flex-direction:row;gap:15px;margin-bottom:0}.btn-cart,.btn-donate{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border:none;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer}.btn-cart{background:var(--gray-dark);color:var(--dark)}.btn-cart:hover:not(:disabled){background:#d0d0d0}.btn-donate:hover:not(:disabled){background:#f95e4f;transform:translateY(-2px)}.btn-cart:disabled,.btn-donate:disabled{opacity:.5;cursor:not-allowed}.media-card{background:var(--light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.media-thumbnail{position:relative;height:250px;overflow:hidden}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(231,76,60,.9);border:none;border-radius:50%;color:var(--light);font-size:1.2rem;cursor:pointer}.play-button:hover{background:var(--accent);transform:translate(-50%,-50%) scale(1.1)}.media-title{color:var(--dark);margin-bottom:15px;font-size:1.2rem}.media-description{color:var(--text-muted);font-size:.95rem;line-height:1.6}.stats-section{background:var(--dark);color:var(--light);padding:80px 0}.stats-heading{margin-bottom:50px}.stats-heading h2{color:var(--light);margin-bottom:15px}.stats-heading p{color:rgba(255,255,255,.8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-card{padding:30px 20px;background:rgba(255,255,255,.05);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.stat-icon{font-size:2.5rem;color:var(--secondary);margin-bottom:20px}.stat-number{font-size:2.5rem;font-weight:800;color:var(--light);margin-bottom:10px}.donation-bar{background:#fff!important;padding:14px 18px!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(0,0,0,.1)!important;max-width:1200px!important;margin:-40px auto 24px!important}.donation-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;justify-content:center}.donation-select{flex:0 1 auto}.donation-select select{height:40px;border:1px solid #e5e7eb;border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e2e3b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") right 12px center/16px no-repeat #fff;color:var(--text-dark);font-weight:500;appearance:none}.donation-amounts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.donation-amount{background:#f3f4f6;color:#111827;display:flex;align-items:center;justify-content:center}.donation-amount:hover{transform:translateY(-1px);background:#f3f4f6;border-color:#e5e7eb;color:#111827}.donation-amount.active{background:var(--secondary);border-color:var(--secondary);color:var(--dark);box-shadow:0 4px 10px rgba(247,181,0,.3)}.donation-custom{height:40px;border-radius:8px;font-weight:600}.donation-actions .btn{height:40px;border-radius:8px;font-weight:700}.donation-actions .btn.btn-secondary{background:var(--primary);color:#fff}.donation-actions .btn.btn-accent{background:var(--accent);color:#fff}.campaigns .project-card{background:var(--light);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)}.campaigns .project-image-wrapper{height:240px}.campaigns .project-badges{position:absolute;bottom:16px!important;left:16px!important;top:auto!important}.campaigns .donation-amount-wrapper,.cart-action-btn,.cart-total-section,.donation-bar,.donor-avatar,.project-card,.projects-showcase .donation-amount-wrapper,.toggle-btn{position:relative}.campaigns .project-badge{background:var(--secondary)!important;color:var(--dark)!important;border:none!important;font-weight:700;border-radius:999px;padding:6px 12px;font-size:.85rem}.campaigns .project-content,.projects-showcase .project-content{padding:22px 22px 20px}.campaigns .project-title,.projects-showcase .project-title{margin-bottom:8px;height:60px}.campaigns .project-description,.projects-showcase .project-description{color:var(--text-muted);margin-bottom:12px}.campaigns .donation-type-select,.projects-showcase .donation-type-select{width:100%;height:44px;padding:10px 40px 10px 14px;border:1px solid var(--gray-dark);border-radius:10px;background:var(--light);color:var(--text-dark);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e2e3b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;box-shadow:0 1px 2px rgba(0,0,0,.04)}.donation-amount,.donation-bar,.donation-custom,.donation-select select{background:var(--light)}.campaigns .donation-row,.projects-showcase .donation-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.campaigns .currency-symbol,.projects-showcase .currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:700;z-index:1}.campaigns .donation-amount-input,.projects-showcase .donation-amount-input{width:100%;height:44px;padding:10px 12px 10px 34px;border:1px solid var(--gray-dark);border-radius:10px;background:var(--light);color:var(--text-dark);box-shadow:0 1px 2px rgba(0,0,0,.04)}.campaigns .btn-add-to-cart,.projects-showcase .btn-add-to-cart{height:44px;padding:0 18px;border-radius:10px;background:var(--primary-dark,#0e2e3b);color:var(--light);font-weight:700;border:none;box-shadow:0 1px 2px rgba(0,0,0,.08)}.campaigns .project-links{margin-top:14px;display:flex;justify-content:space-between}.campaigns .project-links.single-link{justify-content:flex-start}@media (max-width:768px){.campaigns .donation-row,.donation-amounts-grid,.main-content-grid,.multimedia-grid{grid-template-columns:1fr}.main-content-grid{gap:40px}.donation-form-container{position:static}.banner-content h1{font-size:2.5rem}.banner-content p{font-size:1.1rem}.slide-cta{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px;justify-content:center}.donation-amounts-grid{gap:10px}.donation-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.campaigns .project-image-wrapper{height:200px}.campaigns .btn-add-to-cart,.donation-custom,.donation-select select{width:100%}.donation-bar{margin:10px 10px 24px!important;max-width:100%!important}}.donation-bar{border-radius:var(--radius-lg);margin-top:-40px;z-index:10;box-shadow:var(--shadow);margin-left:auto;margin-right:auto}.donation-bar.bottom-sticky{position:fixed;bottom:0;left:0;right:0;margin:0;max-width:100%;border-radius:0;z-index:1000;box-shadow:0 -8px 32px rgba(0,0,0,.15);transform:translateY(0);transition:transform .3s ease-in-out;padding:15px 0;border-top:1px solid var(--gray-dark)}.donation-bar.bottom-sticky.scroll-hidden{transform:translateY(100%)}.donation-form{flex-wrap:wrap;gap:15px}.donation-select{flex:1;min-width:180px}.donation-select select{width:100%;padding:12px 40px 12px 15px;border:1px solid var(--gray-dark);border-radius:var(--radius);font-size:.95rem;color:var(--text-dark);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230e2e3b' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.donation-amounts{gap:8px;flex-wrap:wrap}.donation-amount{width:40px;height:40px;border-radius:50%;border:1px solid var(--gray-dark);color:var(--text-dark);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.donation-amount.active,.donation-amount:hover{background:var(--secondary);color:var(--dark);border-color:var(--secondary)}.donation-custom{width:100px;padding:10px 15px;border:1px solid var(--gray-dark);border-radius:var(--radius);font-size:.95rem;color:var(--text-dark)}.donation-actions{display:flex;gap:10px}.donation-actions .btn{padding:10px 20px;white-space:nowrap}@media (max-width:1200px){.donation-form{gap:10px}.donation-bar .donation-select select{min-width:160px;font-size:.85rem}.donation-bar .donation-amount{padding:6px 12px;font-size:.85rem;min-width:45px}.donation-bar .donation-custom{width:70px;font-size:.85rem}.donation-bar .btn{padding:6px 16px;font-size:.85rem;min-width:100px}}@media (max-width:992px){.donation-form{flex-wrap:wrap;gap:8px;padding:10px 0}.donation-bar .donation-amounts{order:2;flex:1 1 100%;margin:5px 0}.donation-bar .donation-select:first-child{order:1;flex:1}.donation-bar .donation-select:last-of-type{order:3;flex:1}.donation-bar .donation-actions{order:4;flex:1 1 100%;justify-content:center;margin-top:5px}}@media (max-width:1200px){.donation-bar{padding:15px 20px}.donation-form{gap:12px}.donation-select{min-width:160px}.donation-amount{width:36px;height:36px;font-size:.85rem}.donation-custom{width:90px;padding:8px 12px}}body{padding-bottom:80px}@media (max-width:992px){.donation-bar{margin:0 10px;padding:15px}.donation-form{flex-wrap:wrap;gap:10px}.donation-select{flex:1 1 48%;min-width:140px}.donation-amounts{flex:1 1 100%;justify-content:center;order:3;margin:10px 0}.donation-actions{flex:1 1 100%;justify-content:center;order:4}body{padding-bottom:120px}}.payment-section{padding:40px 0 80px;min-height:calc(100vh - var(--header-height));background-color:var(--gray)}.payment-container{max-width:900px;margin:0 auto}.payment-header{margin-bottom:40px}.payment-header h1{color:var(--dark);margin-bottom:10px}.payment-header p{color:var(--text-muted);font-size:1.1rem}.donation-toggle{display:flex;background:var(--light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:30px;box-shadow:var(--shadow-sm)}.toggle-btn{flex:1;padding:15px 20px;border:none;background:0 0;color:var(--text-dark);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.cart-total-amount,.cart-total-section,.donation-summary{border-radius:var(--radius-lg)}.toggle-btn.active{background:var(--green);color:var(--light)}.donation-summary{background:var(--green-dark);color:var(--light);padding:25px;margin-bottom:30px;box-shadow:var(--shadow)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.item-details h4{color:var(--light);margin-bottom:5px;font-size:1.1rem}.item-details p{color:rgba(255,255,255,.8);margin:0;font-size:.9rem}.item-amount{font-weight:700;font-size:1.1rem}.cart-total-section{background:var(--green);color:var(--light);padding:20px 25px;margin-bottom:30px}.cart-total-title{font-size:1.2rem;font-weight:700;margin-bottom:15px}.cart-total-actions{display:flex;align-items:center;gap:15px;justify-content:center}.cart-total-amount{background:var(--orange);color:var(--light);padding:15px 30px;font-size:1.5rem;font-weight:800;border:none;cursor:pointer}.cart-total-amount:hover{transform:scale(1.05);box-shadow:var(--shadow)}.final-donate-btn:hover,.payment-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cart-action-btn{background:var(--green-dark);color:var(--light);padding:15px 25px;border:2px solid var(--light);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.cart-action-btn:hover{background:var(--light);color:var(--green-dark)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.payment-card{background:var(--light);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow)}.gift-aid-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.gift-aid-checkbox{accent-color:var(--primary);width:20px;height:20px;accent-color:var(--green)}.gift-aid-label{font-family:Caveat,cursive;font-size:1.3rem;color:var(--green);font-weight:600;cursor:pointer}.gift-aid-amount{font-weight:700;font-size:1.2rem;margin-bottom:15px}.crossed-out{text-decoration:line-through;color:var(--text-muted);margin-bottom:15px}.gift-aid-declaration{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.gift-aid-note{background:var(--gray);padding:15px;border-radius:var(--radius);font-size:.9rem;color:var(--text-dark);border-left:4px solid var(--green)}.payment-instructions{font-size:.9rem;color:var(--text-muted);margin-bottom:25px;line-height:1.6}.payment-instructions a{color:var(--primary)}.payment-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.payment-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none}#card-element,.payment-logos{padding:15px;border-radius:var(--radius)}.cart-badge,.important-notice strong{font-weight:700}.payment-btn-card{background:var(--blue);color:var(--light)}.payment-btn-gpay{background:var(--black)}.payment-logos{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;background:var(--gray)}.payment-logo{height:30px;opacity:.7}.card-payment-section{margin-top:20px;padding:20px;background:var(--gray);border-radius:var(--radius-lg)}.card-payment-section h4{margin-bottom:15px;color:var(--text-dark)}#card-element{background:#fff;margin-bottom:15px;border:1px solid var(--gray-dark)}#card-errors{color:var(--red);font-size:.9rem}.final-summary{background:var(--light);border-radius:var(--radius-lg);padding:25px;box-shadow:var(--shadow)}.summary-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.1rem}.final-donate-btn,.notification{align-items:center;display:flex}.final-donate-btn{background:var(--green);padding:18px 40px;border:none;border-radius:var(--radius-lg);font-size:1.3rem;font-weight:700;cursor:pointer;width:100%;margin-bottom:15px;justify-content:center;gap:10px}.notification,.project-card[data-project-id] .btn-add-to-cart{transition:.3s}.final-donate-btn:hover{background:var(--green-dark)}.final-donate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.stripe-powered{font-size:.8rem;color:var(--text-muted);margin-bottom:15px}.important-notice{background:rgba(220,38,38,.1);border:1px solid var(--red);border-radius:var(--radius);padding:15px;color:var(--red);font-size:.9rem;line-height:1.6;text-align:left}.notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:1rem 1.5rem;z-index:10000;gap:1rem;transform:translateX(100%);opacity:0;max-width:400px;border-left:4px solid #2f929e}.dashboard-sidebar,.data-table-container{box-shadow:var(--shadow-sm)}.data-table-container{overflow:hidden}.notification.show{transform:translateX(0);opacity:1}.notification-success{border-left-color:#28a745}.notification-error{border-left-color:#dc3545}.notification i{font-size:1.2rem}.notification-success i{color:#28a745}.notification-error i{color:#dc3545}.cart-badge{position:absolute;background:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;transform:translate(10px,-20px)}.modal-overlay.active .modal-container{transform:scale(1);transform:translateY(0)!important}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.modal-close,.remove-cart-item{border:none;transition:background-color .2s;cursor:pointer}.modal-header h3{margin:0;color:#2f929e}.modal-close{background:0 0;font-size:1.5rem;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:2rem}.cart-items-container{margin-bottom:2rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:8px;margin-bottom:1rem}.cart-item-info h4{margin:0 0 .5rem;color:#333;font-size:1.1rem}.cart-item-info p{margin:0 0 .25rem;color:#666;font-size:.9rem}.empty-cart i,.empty-cart-message p{margin-bottom:1rem}.cart-item-info a{color:#2f929e;text-decoration:none;font-size:.9rem}.giftaid-link:hover,.guest-checkout a:hover{text-decoration:underline!important}.cart-item-controls{display:flex;align-items:center;gap:1rem}.cart-item-quantity{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:4px;text-align:center}.remove-cart-item{background:#dc3545;color:#fff;padding:.5rem;border-radius:4px}.cart-actions,.cart-total{border-top:1px solid #eee}.remove-cart-item:hover{background:#c82333}.empty-cart{text-align:center;padding:3rem 1rem;color:#666}.empty-cart i{font-size:3rem;color:#ddd}.empty-cart-message{text-align:center;padding:2rem;color:#666}.login-title,.option-content h3{color:var(--text-dark)!important}.cart-actions{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding-top:1rem}.cart-total{text-align:center;padding:1rem;margin-top:1rem;font-size:1.2rem}.summary-item{position:relative;padding-right:2rem}.summary-item .remove-cart-item{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;color:#dc3545;border:none;padding:.25rem;cursor:pointer;font-size:.9rem;opacity:.7;transition:opacity .2s}.donor-registration-modal .modal-title,.login-title{font-size:1.2rem!important;font-weight:700!important}.summary-item .remove-cart-item:hover{opacity:1;background:#f8f9fa;border-radius:3px}.btn-add-to-cart:disabled{opacity:.6;cursor:not-allowed}.modal-overlay.active,.step-content.active{visibility:visible!important;opacity:1!important}.footer-btn,.form-select,.login-btn,.option-card{cursor:pointer!important}.btn-add-to-cart .fa-spinner{animation:1s linear infinite spin}@media (max-width:768px){.donation-bar{margin:0;padding:15px;border-radius:0}.donation-form{flex-direction:column;gap:15px}.donation-actions,.donation-amounts,.donation-select{width:100%;order:unset}.donation-amounts{justify-content:space-between;margin:0}.donation-amount{flex:1;margin:0 2px;max-width:50px}.donation-custom{flex:1;width:auto;margin:0 2px;min-width:80px}.cart-total-actions,.donation-actions,.summary-details{flex-direction:column;gap:10px}.cart-actions .btn,.donation-actions .btn{width:100%}.form-row,.payment-grid{grid-template-columns:1fr}.payment-grid{gap:20px}.summary-details{text-align:left}.cart-items-card,.payment-card{padding:20px}.cart-actions-footer{flex-direction:column;gap:20px;text-align:center}.cart-action-buttons{justify-content:center;width:100%}.cart-action-buttons .btn{flex:1;min-width:120px}.payment-type-toggle .toggle-btn{padding:12px 15px;font-size:13px}.cart-total-value{font-size:28px}.auth-options{flex-direction:column;gap:20px}.auth-divider{width:100%;margin:10px 0}.auth-btn{width:100%;min-width:auto}.recurring-payment-auth{padding:30px 15px}.auth-benefits{max-width:100%}.donor-info-form-card{padding:20px;margin-bottom:20px}.form-group,.form-row{margin-bottom:15px}.form-row{gap:15px}.form-group input,.form-group select{padding:12px 18px;font-size:16px}.payment-section{padding:20px 0 40px}.payment-container{padding:0 15px}body{padding-bottom:140px}.modal-container{width:95%;max-height:90vh}.modal-body,.modal-header{padding:1rem}.cart-item{flex-direction:column;align-items:flex-start;gap:1rem}.cart-item-controls{width:100%;justify-content:space-between}.cart-actions{flex-direction:column;gap:.5rem}}body.modal-open{overflow:hidden}:root{--dark-green:#194d33;--orange-accent:#FFC266;--light-gray:#f8f9fa;--border-radius:12px}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.5)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;opacity:0!important;visibility:hidden!important;transition:var(--transition)!important;backdrop-filter:blur(4px)!important}.modal-overlay .modal-container,.option-card{background:#fff!important;transition:var(--transition)!important}.modal-overlay .modal-container{border-radius:var(--border-radius)!important;box-shadow:0 10px 30px rgba(0,0,0,.15)!important;width:90%!important;max-width:900px!important;max-height:90vh!important;overflow:hidden!important;position:relative!important;transform:translateY(20px)!important}.donor-registration-modal .modal-container{max-width:35vw!important}.modal-overlay .modal-close{position:absolute!important;top:1rem!important;right:1rem!important;width:32px!important;height:32px!important;border:none!important;background:var(--light-gray)!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;transition:var(--transition)!important}.modal-overlay .modal-close:hover{background:#e9ecef!important}.modal-overlay .modal-close svg{width:16px!important;height:16px!important;fill:var(--text-dark)!important}.donor-login-modal .modal-container{max-width:45vw!important}.donor-login-modal .modal-content{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:500px!important}.donor-login-modal .modal-left{padding:2.5rem!important;background:var(--light-gray)!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important}.option-card{border-radius:var(--border-radius)!important;padding:1.5rem!important;border:2px solid transparent!important;display:flex!important;align-items:flex-start!important;gap:1rem!important}.option-icon,.step-circle{border-radius:50%!important}.option-card:focus,.option-card:hover{border-color:var(--dark-green)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important;outline:0!important}.option-icon{width:48px!important;height:48px!important;background:var(--dark-green)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.step-circle,.step-connector{background:var(--light-gray)!important;transition:var(--transition)!important}.option-icon svg{width:24px!important;height:24px!important;fill:white!important}.option-content h3{font-size:1.1rem!important;font-weight:600!important;margin-bottom:.5rem!important}.option-content p{font-size:.9rem!important;color:var(--text-muted)!important;line-height:1.5!important}.donor-login-modal .modal-right{padding:2.5rem!important;display:flex!important;flex-direction:column!important}.consent-section,.login-header{margin-bottom:2rem!important}.login-title{letter-spacing:.5px!important;position:relative!important;display:inline-block!important}.form-label,.step-circle{font-size:.9rem!important}.data-table th,.status-badge,.status-badge-sm{text-transform:uppercase;letter-spacing:.5px}.login-title::after{content:''!important;position:absolute!important;bottom:-4px!important;left:0!important;width:40px!important;height:3px!important;background:var(--orange-accent)!important;border-radius:2px!important}.donor-registration-modal .modal-header{padding:2rem 2rem 1rem!important;text-align:center!important;border-bottom:1px solid #e9ecef!important}.donor-registration-modal .modal-title{letter-spacing:2px!important;color:var(--text-muted)!important;margin-bottom:1.5rem!important}.progress-container{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important;margin-bottom:1rem!important}.checkbox-item,.progress-step,.radio-item{display:flex!important;align-items:center!important;gap:.5rem!important}.step-circle{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;color:var(--text-muted)!important}.step-circle.completed{background:var(--dark-green)!important;color:#fff!important}.footer-btn.primary,.step-circle.active{background:var(--orange-accent)!important;color:var(--text-dark)!important}.step-connector{width:40px!important;height:2px!important}.step-connector.completed{background:var(--dark-green)!important}.footer-btn.primary:hover,.login-btn:hover{background:#ffb84d!important}.donor-registration-modal .modal-content{padding:2rem!important;overflow-y:auto!important;max-height:400px!important;grid-template-columns:1fr}.step-content{display:none!important}.step-content.active{display:block!important}.login-form{display:flex!important;flex-direction:column!important;gap:0!important;flex:1!important}.form-group{display:flex!important;flex-direction:column!important;margin-bottom:1.5rem!important}.form-row,.phone-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}.login-btn,.phone-input{gap:.5rem!important;display:flex!important}.form-label{font-weight:500!important;margin-bottom:.5rem!important;color:var(--text-dark)!important}.form-input,.form-select{width:100%!important;background:white!important;font-size:1rem!important}.consent-title,.login-btn{font-weight:600!important}.form-input::placeholder{color:rgba(255,255,255,.7)!important}.form-input:focus,.form-select:focus{outline:2px solid var(--orange-accent)!important;outline-offset:2px!important}.form-input.autofilled,.phone-input.prefilled input{color:var(--orange-accent)!important;font-weight:700!important}.form-select{padding:1rem!important;border:none!important;border-radius:var(--border-radius)!important;color:#fff!important;appearance:none!important;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFC266"><path d="M7 10l5 5 5-5z"/></svg>')!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:20px!important}.checkbox-label,.consent-title,.login-btn,.radio-label{color:var(--text-dark)!important}.phone-input{align-items:center!important;background:var(--dark-green)!important;border-radius:var(--border-radius)!important;padding:1rem!important}.login-btn,.phone-input input{border:none!important;font-size:1rem!important}.flag-icon{width:24px!important;height:16px!important;flex-shrink:0!important}.phone-input input{flex:1!important;background:0 0!important;color:#fff!important;outline:0!important}.phone-input input::placeholder{color:rgba(255,255,255,.7)!important}.forgot-password a:hover,.guest-checkout a:hover{color:var(--dark-green)!important}.login-btn{background:var(--orange-accent)!important;padding:1rem 1.5rem!important;border-radius:var(--border-radius)!important;transition:var(--transition)!important;align-items:center!important;justify-content:center!important;margin-top:1rem!important}.guest-checkout,.modal-footer{border-top:1px solid #e9ecef!important}.login-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.login-btn:disabled{background:var(--text-muted)!important;cursor:not-allowed!important;transform:none!important}.login-btn svg{width:16px!important;height:16px!important;fill:currentColor!important}.forgot-password{text-align:right!important;margin-top:.5rem!important}.giftaid-description,.giftaid-logo,.guest-checkout{text-align:center!important}.forgot-password a,.guest-checkout a{color:var(--text-muted)!important;text-decoration:none!important;font-size:.9rem!important;transition:var(--transition)!important}.guest-checkout{margin-top:auto!important;padding-top:1.5rem!important}.consent-title{margin-bottom:1rem!important}.checkbox-group{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;margin-bottom:1rem!important}.checkbox-input,.radio-input{width:18px!important;height:18px!important;accent-color:var(--dark-green)!important}.checkbox-label{font-size:.9rem!important}.radio-group{display:flex!important;gap:2rem!important;margin-bottom:1.5rem!important}.radio-label{font-size:1rem!important;font-weight:500!important}.giftaid-logo{margin-bottom:1rem!important}.giftaid-logo img{max-width:150px!important;width:200px;height:auto!important;display:block!important;margin:0 auto!important}.giftaid-logo-inline{max-width:80px!important;height:auto!important;vertical-align:middle!important}.giftaid-description{font-size:1.1rem!important;font-weight:600!important;color:var(--dark-green)!important;margin-bottom:1.5rem!important}.giftaid-declaration{background:var(--light-gray)!important;padding:1rem!important;border-radius:var(--border-radius)!important;font-size:.9rem!important;line-height:1.5!important;color:var(--text-dark)!important;margin-bottom:1rem!important}.giftaid-link{color:var(--dark-green)!important;text-decoration:none!important;font-weight:500!important;transition:var(--transition)!important}.modal-footer{padding:1.5rem 2rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.footer-btn{padding:1rem 2rem!important;background:var(--dark-green)!important;color:#fff!important;border:none!important;border-radius:var(--border-radius)!important;font-size:1rem!important;font-weight:600!important;transition:var(--transition)!important;min-width:120px!important}.message,.register-btn .btn-text{font-size:.9rem!important}.footer-btn:hover{background:#2d6148!important}.footer-btn:disabled{background:var(--text-muted)!important;cursor:not-allowed!important}.loading-indicator{display:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1rem!important;padding:2rem!important}.loading-indicator.show,.register-btn{display:flex!important}.loading-spinner{width:32px!important;height:32px!important;border:3px solid var(--light-gray)!important;border-top:3px solid var(--orange-accent)!important;border-radius:50%!important;animation:1s linear infinite spin!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.login-messages,.registration-messages{margin-top:1rem!important}.message{padding:.75rem 1rem!important;border-radius:var(--border-radius)!important;margin-bottom:.5rem!important}.message.success{background:#d1fae5!important;color:#065f46!important;border:1px solid #a7f3d0!important}.message.error{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}.message.info{background:#dbeafe!important;color:#1e40af!important;border:1px solid #bfdbfe!important}.register-btn,.register-btn:hover{color:var(--text-dark)!important;text-decoration:none!important}@media (max-width:768px){.modal-overlay .modal-container{width:95%!important;margin:1rem!important}.donor-login-modal .modal-content,.form-row,.phone-container{grid-template-columns:1fr!important}.donor-login-modal .modal-left,.donor-login-modal .modal-right,.donor-registration-modal .modal-content{padding:1.5rem!important}.donor-registration-modal .modal-header{padding:1.5rem 1.5rem 1rem!important}.modal-footer{padding:1rem 1.5rem!important}.option-card{padding:1rem!important}.option-content h3{font-size:1rem!important}.progress-container{gap:.5rem!important}.step-connector{width:20px!important}.checkbox-group{flex-direction:column!important}.radio-group{flex-direction:column!important;gap:1rem!important}}.modal-overlay:not(.active) *{pointer-events:none!important}.modal-overlay.active *{pointer-events:auto!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.register-btn{align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:var(--orange-accent)!important;border-radius:6px!important;font-weight:500!important;transition:var(--transition)!important}.register-btn:hover{background:#ffb84d!important}.dashboard-actions .btn,.nav-item a,.quick-action-card .btn{text-decoration:none;transition:var(--transition)}.donor-dashboard{background-color:#fafbfc;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:80px 0;margin-bottom:50px;position:relative;z-index:2}.dashboard-header-content{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;max-width:1400px;margin:0 auto;padding:0 20px}.donor-welcome{display:flex;align-items:center;gap:30px;flex:1}
.donor-avatar {
    display: inline-block;
    margin-right: 20px;
}
.donor-avatar .avatar-img{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.2);transition:var(--transition)}.donor-avatar:hover .avatar-img{border-color:rgba(255,255,255,.4);transform:scale(1.05)}.donor-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.donor-subtitle{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:25px}.donor-stats-quick{display:flex;gap:30px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500}.dashboard-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.dashboard-actions .btn{padding:12px 24px;font-weight:600;display:flex;align-items:center;gap:8px}.dashboard-actions .btn-outline{background:0 0;color:#fff;border:2px solid rgba(255,255,255,.3)}.card-icon.primary,.dashboard-card::before,.quick-action-card .btn{background:var(--primary)}.dashboard-actions .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.dashboard-content{padding-bottom:60px;max-width:1400px;margin:0 auto;padding:0 20px 60px}.dashboard-layout{display:block;margin-top:20px}.dashboard-sidebar{display:none}.dashboard-nav{padding:25px 0}.nav-menu{margin:0;padding:0;list-style:none}.nav-item{margin:0}.nav-item a{display:flex;align-items:center;gap:15px;padding:18px 30px;color:var(--text-muted);font-weight:500;border-left:3px solid transparent;transition:all 0.2s ease}.nav-item a i{font-size:1.1rem;width:20px;text-align:center}.nav-item a:hover,.nav-item.active a{color:var(--primary);background:rgba(47,146,158,.08);border-left-color:var(--primary)}.data-table th,.data-table tr:hover{background:#f8fafc}.quick-action-card{background:linear-gradient(135deg,var(--secondary) 0,#fc3 100%);padding:25px;margin:25px;border-radius:var(--radius);text-align:center}.quick-action-card h3{color:var(--dark);font-size:1.1rem;font-weight:700;margin-bottom:8px}.quick-action-card p{color:var(--dark);opacity:.9;font-size:.9rem;margin-bottom:15px}.quick-action-card .btn{color:#fff;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:.9rem}.quick-action-card .btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.dashboard-main{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);min-height:600px;position:relative;z-index:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid #f1f5f9}.section-title{margin:0;color:var(--dark);font-size:2rem;font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-muted);font-size:1rem;margin-top:5px}.card-title,.data-table th,.form-group label{color:var(--text-dark)}.section-actions{display:flex;gap:10px;align-items:center}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:25px;transition:var(--transition);position:relative;overflow:hidden}.dashboard-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.dashboard-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.dashboard-card.secondary::before{background:var(--secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title{font-size:1.1rem;font-weight:600;margin:0}.card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.card-value{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:5px}.card-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.card-trend{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;margin-top:10px}.card-trend.up{color:#10b981}.data-table-container{background:#fff;border-radius:var(--radius);border:1px solid #e2e8f0}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:15px;text-align:left;border-bottom:1px solid #f1f5f9}.data-table th{font-weight:600;font-size:.9rem}.dashboard-form{max-width:600px}.form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:15px;justify-content:flex-start;margin-top:30px;padding-top:25px;border-top:1px solid #e2e8f0}.status-badge-sm{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge-sm.completed{background:#dcfce7;color:#166534}.status-badge-sm.pending{background:#fef3c7;color:#92400e}.status-badge-sm.failed{background:#fee2e2;color:#991b1b}.status-badge-sm.recurring{background:#dbeafe;color:#1e40af}.amount-display{font-family:Inter,monospace;font-weight:600}.amount-large{font-size:1.1rem;color:var(--primary)}.amount-medium{font-size:1rem;color:var(--text-dark)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state i{font-size:4rem;color:#cbd5e1;margin-bottom:20px}.empty-state h3{font-size:1.5rem;color:var(--text-dark);margin-bottom:10px}.empty-state p{font-size:1rem;margin-bottom:25px}@media (max-width:1024px){.dashboard-layout{display:block;gap:0}.dashboard-sidebar{display:none}.quick-action-card{display:none}}@media (max-width:768px){.dashboard-cards,.form-row{grid-template-columns:1fr}.dashboard-header{padding:60px 0;margin-bottom:30px}.dashboard-header-content{flex-direction:column;align-items:flex-start;gap:25px;padding:0 15px}.donor-welcome{flex-direction:row;align-items:center;gap:25px;text-align:left;width:100%}.donor-avatar{flex-shrink:0}.donor-info h1{font-size:2.2rem;line-height:1.1}.donor-stats-quick{justify-content:flex-start;width:100%;gap:25px}.dashboard-actions{width:100%;justify-content:flex-start;gap:12px}.dashboard-main{padding:30px 20px;margin:0 15px}.dashboard-cards{gap:20px}.section-header{flex-direction:column;align-items:flex-start;gap:20px}.section-title{font-size:1.7rem}.data-table-container{overflow-x:auto;border-radius:var(--radius)}.data-table{min-width:600px}.dashboard-content{padding:0 15px 60px}}@media (max-width:480px){.donor-info h1{font-size:1.75rem}.donor-welcome{flex-direction:column;align-items:center;text-align:center;gap:15px}.donor-stats-quick{flex-direction:row;gap:15px;justify-content:center}.stat-item{text-align:center;width:auto}.dashboard-actions .btn{width:100%;justify-content:center}}

/* Logged-in user profile icon styles */
.header-action-btn.user-logged-in {
    background: var(--primary);
    color: var(--light);
}
.form-input {
    padding: 1rem 1.75rem !important;
    border: 1px solid #287b86 !important;
    border-radius: var(--border-radius) !important;
    color: black !important;
    transition: var(--transition) !important;
}
/* Donation Receipt Styles */
.donation-receipt {
    background: #fff;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    border-radius: 16px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    position: relative;
}

.receipt-header {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: #fff;
    padding: 40px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.receipt-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
    opacity: 0.3;
}

.receipt-logo {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.receipt-logo img {
    height: 50px;
    filter: brightness(0) invert(1);
}

.receipt-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}

.receipt-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.receipt-body {
    padding: 40px 30px;
}

.receipt-thank-you {
    text-align: center;
    margin-bottom: 40px;
}

.thank-you-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--secondary) 0%, #ffcc33 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2rem;
    color: var(--dark);
    box-shadow: 0 8px 25px rgba(247, 181, 0, 0.3);
}

.thank-you-message {
    font-size: 1.3rem;
    color: var(--primary);
    font-weight: 700;
    margin-bottom: 8px;
}

.thank-you-subtitle {
    color: var(--text-muted);
    font-size: 1rem;
}

.receipt-details {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    border-left: 4px solid var(--primary);
}

.receipt-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
}

.receipt-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.receipt-row.total {
    margin-top: 15px;
    padding-top: 20px;
    border-top: 2px solid var(--primary);
    border-bottom: none;
}

.receipt-label {
    color: var(--text-dark);
    font-weight: 500;
    font-size: 0.95rem;
}

.receipt-value {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 1rem;
}

.receipt-row.total .receipt-label {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary);
}

.receipt-row.total .receipt-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--primary);
}

.project-info {
    background: rgba(47, 146, 158, 0.05);
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    border: 1px solid rgba(47, 146, 158, 0.1);
}

.project-title {
    color: var(--primary);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.project-description {
    color: var(--text-muted);
    line-height: 1.6;
    font-size: 0.95rem;
}

.receipt-footer {
    background: #f1f3f4;
    padding: 25px 30px;
    text-align: center;
    border-top: 1px solid #e9ecef;
}

.footer-message {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.receipt-id {
    display: inline-block;
    background: var(--primary);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.gift-aid-section {
    background: rgba(16, 185, 129, 0.05);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
}

.gift-aid-title {
    color: #10b981;
    font-weight: 700;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gift-aid-title i {
    font-size: 1.1rem;
}

.gift-aid-amount {
    font-size: 1.2rem;
    font-weight: 700;
    color: #10b981;
    margin-bottom: 8px;
}

.gift-aid-note {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.receipt-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
    padding: 0 30px 30px;
}

.receipt-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.receipt-btn.download {
    background: var(--primary);
    color: #fff;
}

.receipt-btn.download:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(47, 146, 158, 0.3);
}

.receipt-btn.print {
    background: var(--secondary);
    color: var(--dark);
}

.receipt-btn.print:hover {
    background: #ffcc33;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(247, 181, 0, 0.3);
}

/* Print styles for receipt */
@media print {
    .donation-receipt {
        box-shadow: none;
        border-radius: 0;
        max-width: 100%;
    }
    
    .receipt-actions {
        display: none;
    }
    
    .receipt-header {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    body {
        background: #fff !important;
    }
}

/* PDF Generation Optimizations */
.donation-receipt {
    font-family: 'Arial', 'Helvetica', sans-serif;
    color: #333;
    line-height: 1.4;
}

.donation-receipt * {
    box-sizing: border-box;
}

.receipt-header {
    background: linear-gradient(135deg, #2f929e 0%, #246e78 100%) !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.receipt-header::before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.thank-you-icon {
    background: linear-gradient(135deg, #f7b500 0%, #ffcc33 100%) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.receipt-details {
    background: #f8f9fa !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    border-left: 4px solid #2f929e !important;
}

.project-info {
    background: rgba(47, 146, 158, 0.05) !important;
    border: 1px solid rgba(47, 146, 158, 0.1) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.receipt-id {
    background: #2f929e !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* Loading state for download button */
.receipt-btn.download:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.receipt-btn.download .fa-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Mobile responsive for receipt */
@media (max-width: 768px) {
    .donation-receipt {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    .receipt-header {
        padding: 30px 20px;
    }
    
    .receipt-title {
        font-size: 1.5rem;
    }
    
    .receipt-body {
        padding: 30px 20px;
    }
    
    .receipt-details {
        padding: 20px;
    }
    
    .receipt-actions {
        flex-direction: column;
        padding: 0 20px 30px;
    }
    
    .receipt-btn {
        width: 100%;
        justify-content: center;
    }
}
.header-action-btn.user-logged-in:hover {
    background: var(--primary-dark);
}

/* Dashboard header white text */
.dashboard-header .donor-status .status-badge,
.dashboard-header .status-badge {
    background: rgba(255, 255, 255, 0.15);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}