:root{--color-primary: #2e7d32;--color-primary-dark: #1b5e20;--color-primary-light: #4caf50;--color-accent: #f9a825;--color-accent-dark: #f57f17;--color-accent-light: #ffd54f;--color-dark: #212121;--color-gray-dark: #424242;--color-gray: #757575;--color-gray-light: #e0e0e0;--color-white: #ffffff;--font-family: "Poppins", system-ui, sans-serif;--border-radius: 5px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--calendar-blue: #4285F4;--calendar-green: #0F9D58;--calendar-red: #DB4437;--calendar-yellow: #F4B400;--calendar-border: #dadce0;--calendar-bg: #ffffff;--calendar-day-bg: #f1f3f4;--calendar-hover: #f5f5f5;--calendar-today: #e8f0fe;--calendar-other-month: #f8f9fa}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:1.6rem;line-height:1.6;color:var(--color-gray-dark);background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1.5rem;color:var(--color-dark)}h1{font-size:3.6rem}h2{font-size:2.8rem}h3{font-size:2.2rem}p{margin-bottom:1.5rem}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.6rem;font-weight:500;text-align:center;border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;border:none;box-shadow:var(--box-shadow)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.btn-donate{background-color:var(--color-accent);color:var(--color-dark);font-weight:600}.btn-donate:hover{background-color:var(--color-accent-dark);color:var(--color-dark)}.btn-block{display:block;width:100%}.btn-lg{padding:1.5rem 3rem;font-size:1.8rem}.centered-btn{text-align:center;margin-top:3rem}.text-sm{font-size:1.2rem;line-height:1.4;color:var(--color-gray)}.top-bar{background-color:var(--color-primary-dark);padding:1.2rem 0;color:var(--color-white)}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar .container a:not(.btn){color:var(--color-white);font-size:1.6rem;font-weight:500;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:#ffffff1a;transition:all .3s ease;margin-right:2.5rem}.top-bar .container a:not(.btn):last-of-type{margin-right:0}.top-bar .container a:not(.btn):hover{color:var(--color-accent-light);background-color:#fff3;transform:translateY(-2px)}.top-bar .container a:not(.btn) i{margin-right:.8rem;font-size:1.8rem}.main-header{background-color:var(--color-white);padding:1.5rem 0;box-shadow:0 2px 4px #0000001a}.main-header .container{display:flex;justify-content:space-between;align-items:center}.logo a{display:flex;align-items:center;color:var(--color-primary-dark)}.logo h1{font-size:2.4rem;margin-bottom:0}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:3rem;height:2rem;background:transparent;border:none;cursor:pointer;z-index:10}.mobile-menu-btn span{width:100%;height:3px;background-color:var(--color-primary-dark);border-radius:10px;transition:var(--transition)}.main-nav{background-color:var(--color-primary)}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu a{display:block;color:var(--color-white);padding:1.5rem 2rem;font-weight:500;transition:var(--transition)}.nav-menu a:hover,.nav-menu a.active{background-color:var(--color-primary-dark)}.page-header{background-color:var(--color-primary);color:var(--color-white);padding:6rem 0;text-align:center;position:relative}.page-header h1{color:var(--color-white);margin-bottom:1rem}.page-header p{font-size:1.8rem;max-width:70rem;margin:0 auto}.donate-header{background-image:linear-gradient(#0009,#0009),url(https://images.pexels.com/photos/6280423/pexels-photo-6280423.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-size:cover;background-position:center;padding:8rem 0}.hero{color:var(--color-white);padding:10rem 0;text-align:center;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-light) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,.4) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.4)),linear-gradient(-45deg,rgba(0,0,0,.4) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.4));background-size:60px 60px;opacity:.1}.hero .container{position:relative;z-index:2;background-color:#000000b3;border-radius:10px;padding:3rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero h2{color:var(--color-white);font-size:4rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero p{font-size:2rem;max-width:60rem;margin:0 auto;color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.5)}.prayer-times-section{padding:6rem 0;background-color:var(--color-white)}.prayer-times-section h2{text-align:center;margin-bottom:3rem}.prayer-times-grid{max-width:60rem;margin:0 auto;background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.prayer-times-header{background-color:#801f4f;color:var(--color-white);padding:1.5rem;text-align:center}.prayer-times-header h3{color:var(--color-white);margin-bottom:.5rem;font-size:2.2rem}.tomorrow-changes{margin-bottom:0;font-size:1.5rem}.prayer-times-content{padding:0}.prayer-times-info{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:1.2rem}.prayer-headers{display:flex;gap:5rem}.begins-label,.iqama-label{font-weight:600}.last-updated{font-style:italic;color:var(--color-gray)}.prayer-times-list{padding:0}.prayer-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f0f0f0}.prayer-item:last-child{border-bottom:none}.prayer-name{font-weight:500;display:flex;align-items:center}.prayer-name i{margin-right:1rem;color:var(--color-primary);width:2rem;text-align:center}.prayer-times{display:flex;gap:5rem}.prayer-begins,.prayer-iqama{font-weight:500;min-width:8rem;text-align:center}.prayer-jumuah-times{font-weight:500;text-align:right;min-width:21rem}.fajr-row .prayer-name i{color:#e91e63}.sunrise-row .prayer-name i{color:#ff9800}.dhuhr-row .prayer-name i{color:#ffc107}.asr-row .prayer-name i{color:#ff5722}.maghrib-row .prayer-name i{color:#9c27b0}.isha-row .prayer-name i{color:#3f51b5}.prayer-time-loading{padding:3rem;text-align:center;color:var(--color-gray-dark);background-color:#f9f9f9}.error-message{padding:3rem;text-align:center;color:#f44336}.quick-prayer-times{background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);margin-bottom:2rem}.quick-prayer-header{background-color:#801f4f;color:var(--color-white);padding:1rem;text-align:center;font-weight:600}.quick-prayer-list{padding:1rem}.quick-prayer-item{display:flex;justify-content:space-between;padding:.5rem 1rem}.quick-prayer-item:nth-child(odd){background-color:#f5f5f5}.quick-prayer-name i{margin-right:.5rem;width:1.5rem;text-align:center}.about-section{padding:6rem 0;background-color:#f5f5f5}.about-section .container{display:flex;justify-content:center;align-items:center}.about-content{text-align:center;max-width:80rem;margin:0 auto}.home-donation-section{padding:6rem 0;background-color:#f5f5f5;text-align:center}.home-donation-section .section-intro{max-width:70rem;margin:0 auto 4rem;font-size:1.8rem}.home-donation-causes{display:flex;flex-direction:column;gap:3rem;margin-bottom:4rem}.home-donation-cause{display:grid;grid-template-columns:1fr 2fr;background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.home-donation-cause:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.cause-image{height:100%}.cause-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.home-donation-cause:hover .cause-image img{transform:scale(1.05)}.cause-content{padding:3rem;text-align:left}.cause-content h3{color:var(--color-primary-dark);margin-bottom:1rem}.progress-container{margin:2rem 0}.progress-info{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:500}.progress-bar{height:1rem;background-color:var(--color-gray-light);border-radius:5rem;overflow:hidden}.progress{height:100%;background-color:var(--color-primary);border-radius:5rem}.view-all-causes{margin-top:2rem}.construction-project-section{padding:6rem 0;background-color:var(--color-white)}.construction-project{max-width:100rem;margin:0 auto}.construction-project h2{text-align:center;color:var(--color-primary-dark);margin-bottom:2rem}.project-intro{text-align:center;font-size:1.8rem;max-width:80rem;margin:0 auto 3rem}.project-importance{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);margin-bottom:4rem;box-shadow:var(--box-shadow)}.project-importance h3{color:var(--color-primary-dark);margin-bottom:1.5rem}.project-importance p{font-size:1.6rem}.project-importance em{font-style:italic;color:var(--color-primary-dark)}.construction-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem;margin-bottom:4rem}.construction-image-wrapper{background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.construction-image-wrapper img{width:100%;height:20rem;object-fit:cover}.image-caption{padding:1.5rem;text-align:center;font-size:1.4rem;color:var(--color-gray-dark);margin-bottom:0}.architectural-layouts{margin-bottom:4rem}.architectural-layouts h3{text-align:center;margin-bottom:2rem}.layout-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:2rem}.layout-image-wrapper{background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.layout-image-wrapper img{width:100%;height:20rem;object-fit:contain;background-color:#f5f5f5;padding:1rem}.donation-encouragement{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);text-align:center;margin-top:4rem;box-shadow:var(--box-shadow)}.donation-encouragement h3{color:var(--color-primary-dark);margin-bottom:2rem}.donation-encouragement p{font-size:1.8rem;max-width:80rem;margin:0 auto 1.5rem}.donation-encouragement p:last-of-type{font-style:italic;color:var(--color-primary-dark);margin-bottom:3rem}.donation-encouragement .btn{margin-top:1rem}.services-page-section{padding:6rem 0;background-color:var(--color-white)}.services-intro{max-width:80rem;margin:0 auto 4rem;text-align:center;font-size:1.8rem}.service-category{margin-bottom:5rem}.service-category h2{display:flex;align-items:center;margin-bottom:3rem;color:var(--color-primary-dark);border-bottom:2px solid var(--color-primary-light);padding-bottom:1rem}.service-category h2 i{margin-right:1.5rem;color:var(--color-primary)}.service-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));gap:3rem}.service-item{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.service-features{margin-top:1.5rem;padding-left:2rem}.service-features li{margin-bottom:.8rem}.service-contact{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);text-align:center;margin-top:4rem;box-shadow:var(--box-shadow)}.contact-buttons{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.about-page-section{padding:6rem 0;background-color:var(--color-white)}.about-image-full{margin:3rem 0;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:3rem;margin-top:3rem;margin-bottom:4rem}.value-card{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);text-align:center;box-shadow:var(--box-shadow)}.value-card i{font-size:3.5rem;color:var(--color-primary);margin-bottom:1.5rem}.team-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:4rem;margin-top:3rem}.team-member{text-align:center}.team-image{width:20rem;height:20rem;border-radius:50%;overflow:hidden;margin:0 auto 2rem;box-shadow:var(--box-shadow)}.team-image img{width:100%;height:100%;object-fit:cover}.team-role{color:var(--color-primary);font-weight:500;margin-bottom:1rem}.services-section{padding:6rem 0;background-color:var(--color-white)}.services-section h2{text-align:center;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:3rem}.service-card{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);text-align:center;transition:var(--transition);box-shadow:var(--box-shadow)}.service-card:hover{transform:translateY(-5px)}.service-card i{font-size:4rem;color:var(--color-primary);margin-bottom:1.5rem}.service-card h3{margin-bottom:1rem}.calendar-container{padding:4rem 0;background-color:var(--color-white)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.calendar-navigation{display:flex;align-items:center;gap:1.5rem}.calendar-navigation h2{margin-bottom:0;min-width:20rem;text-align:center}.btn-icon{width:4rem;height:4rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--calendar-hover);color:var(--color-dark);box-shadow:none}.btn-icon:hover{background-color:var(--color-gray-light)}.calendar-views{display:flex;gap:.5rem;background-color:var(--calendar-hover);border-radius:2rem;padding:.3rem}.btn-view{padding:.8rem 1.5rem;border-radius:2rem;background-color:transparent;color:var(--color-gray-dark);box-shadow:none;font-size:1.4rem}.btn-view.active{background-color:var(--color-white);color:var(--color-dark);box-shadow:0 1px 3px #0000001a}.btn-view:hover:not(.active){background-color:#0000000d}.calendar-body{background-color:var(--calendar-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);border:1px solid var(--calendar-border)}.calendar-view{display:none}.calendar-view.active{display:block}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--calendar-border);background-color:var(--calendar-hover)}.day-header{padding:1rem;text-align:center;font-weight:500;color:var(--color-gray-dark);font-size:1.4rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(12rem,auto)}.calendar-day{border-bottom:1px solid var(--calendar-border);border-right:1px solid var(--calendar-border);padding:.8rem;position:relative;min-height:12rem}.calendar-day:nth-child(7n){border-right:none}.calendar-day.today{background-color:var(--calendar-today)}.calendar-day.other-month{background-color:var(--calendar-other-month);color:var(--color-gray)}.day-number{font-weight:500;margin-bottom:.8rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.today .day-number{background-color:var(--calendar-blue);color:#fff}.day-events{display:flex;flex-direction:column;gap:.3rem}.event-item{padding:.5rem .8rem;border-radius:.3rem;font-size:1.2rem;color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-item:hover{opacity:.9;transform:translateY(-1px)}.event-time{font-weight:500;margin-right:.5rem}.week-placeholder,.day-placeholder{padding:10rem 2rem;text-align:center;color:var(--color-gray);font-size:1.8rem;background-color:var(--calendar-hover)}.agenda-list{padding:2rem}.agenda-list h3{margin-bottom:2rem;color:var(--color-primary-dark)}.agenda-events{list-style:none}.agenda-event-item{display:flex;padding:1.5rem;border-bottom:1px solid var(--calendar-border);cursor:pointer;transition:var(--transition)}.agenda-event-item:hover{background-color:var(--calendar-hover)}.agenda-event-color{width:.4rem;border-radius:.2rem;margin-right:1.5rem}.agenda-event-content{flex:1}.agenda-event-date{color:var(--color-gray-dark);font-weight:500;margin-bottom:.5rem}.agenda-event-title{font-weight:600;font-size:1.8rem;margin-bottom:.5rem}.agenda-event-time{color:var(--color-gray);margin-bottom:.5rem}.agenda-event-location{color:var(--color-gray)}.agenda-event-location i{margin-right:.5rem;color:var(--color-primary)}.no-events{padding:3rem;text-align:center;color:var(--color-gray);font-style:italic}.event-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center}.event-modal.show{display:flex}.event-modal-content{background-color:#fff;width:100%;max-width:50rem;border-radius:var(--border-radius);box-shadow:0 10px 25px #0003;overflow:hidden;animation:modalFadeIn .3s}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.event-modal-header{background-color:var(--color-primary);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.event-modal-header h3{margin-bottom:0;color:#fff}.close-modal{background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-modal:hover{background-color:#fff3}.event-modal-body{padding:2rem}.event-detail{display:flex;align-items:flex-start;margin-bottom:1.5rem}.event-detail i{margin-right:1rem;color:var(--color-primary);width:2rem;text-align:center;font-size:1.6rem}.event-description{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--calendar-border);line-height:1.6}.posts-section{padding:6rem 0;background-color:var(--color-white)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));gap:4rem;margin-bottom:4rem}.post-card{background-color:#f5f5f5;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.post-card:hover{transform:translateY(-5px)}.post-image{height:22rem;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:2rem}.post-date{font-size:1.4rem;color:var(--color-gray);margin-bottom:1rem}.post-title{font-size:2rem;margin-bottom:1rem}.post-excerpt{margin-bottom:1.5rem;color:var(--color-gray-dark)}.read-more{font-weight:600;color:var(--color-primary);display:inline-block;position:relative}.read-more:after{content:"→";margin-left:.5rem;transition:var(--transition)}.read-more:hover:after{margin-left:1rem}.posts-pagination{display:flex;justify-content:center;gap:1rem;margin-top:4rem}.pagination-item{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:#f5f5f5;color:var(--color-gray-dark);font-weight:500;transition:var(--transition)}.pagination-item.next{width:auto;padding:0 1.5rem;border-radius:2rem}.pagination-item.next i{margin-left:.5rem}.pagination-item:hover,.pagination-item.active{background-color:var(--color-primary);color:var(--color-white)}.contact-section{padding:6rem 0;background-color:var(--color-white)}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:4rem;margin-bottom:5rem}.contact-info{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.contact-methods{margin-top:3rem}.contact-method{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem}.contact-method i{font-size:2.2rem;color:var(--color-primary);width:4rem;text-align:center}.contact-method h3{margin-bottom:.5rem}.social-connect{margin-top:3rem}.social-links-large{display:flex;gap:1.5rem;margin-top:1.5rem}.social-links-large a{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-white);font-size:2rem;transition:var(--transition)}.social-links-large a:hover{background-color:var(--color-primary-dark);transform:translateY(-3px)}.contact-form{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);position:relative}.form-success{background-color:#f5f5f5f2;padding:3rem;border-radius:var(--border-radius);text-align:center;margin-bottom:2rem;box-shadow:var(--box-shadow)}.success-message{text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-message i{font-size:6rem;color:var(--color-primary);margin-bottom:2rem}.success-message h3{color:var(--color-primary-dark);margin-bottom:1.5rem}.success-message p{font-size:1.6rem;max-width:30rem;margin:0 auto}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.8rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:1.2rem;border:1px solid var(--color-gray-light);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1.6rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2e7d3233}.contact-map{margin-bottom:5rem}.contact-map h2{text-align:center;margin-bottom:3rem}.map-container{height:45rem;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.map-container iframe{width:100%;height:100%;border:0}.prayer-times-card{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;max-width:60rem;margin:0 auto}.prayer-times-card h2,.quick-prayer-times{margin-bottom:2rem}.donation-intro-section{padding:6rem 0;background-color:var(--color-white)}.donation-intro{max-width:80rem;margin:0 auto;text-align:center}.quran-quote{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);margin:3rem auto;max-width:70rem;position:relative;box-shadow:var(--box-shadow)}.quran-quote p{font-size:2rem;font-style:italic;margin-bottom:1.5rem}.quote-reference{display:block;text-align:right;font-weight:500;color:var(--color-primary)}.donation-methods-section{padding:6rem 0;background-color:var(--color-white);text-align:center}.donation-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:3rem;margin-top:4rem}.donation-method{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.donation-method i{font-size:4rem;color:var(--color-primary);margin-bottom:2rem}.donation-form-section{padding:6rem 0;background-color:#f5f5f5}.donation-image-container{position:relative;width:100%;height:auto;min-height:20rem;margin-bottom:4rem;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);background-color:#f5f5f5}.donation-image-container img{width:100%;height:auto;max-height:50rem;object-fit:contain;border-radius:var(--border-radius);display:block}.qr-code-section{padding:6rem 0;background:linear-gradient(135deg,#f5f5f5,#e8f5e8)}.qr-code-content{max-width:100rem;margin:0 auto;text-align:center}.qr-code-content h2{color:var(--color-primary-dark);margin-bottom:1rem}.qr-intro{font-size:1.8rem;color:var(--color-gray-dark);margin-bottom:4rem;max-width:60rem;margin-left:auto;margin-right:auto}.qr-code-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start;margin-bottom:4rem}.qr-code-wrapper{background-color:var(--color-white);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.qr-code-wrapper:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.qr-code-image{width:100%;max-width:25rem;height:auto;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.qr-code-image:hover{transform:scale(1.05)}.qr-caption{margin-top:1.5rem;font-weight:500;color:var(--color-primary-dark);margin-bottom:0}.qr-instructions{background-color:var(--color-white);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:left}.qr-instructions h3{color:var(--color-primary-dark);margin-bottom:2rem;text-align:center}.instruction-steps{display:flex;flex-direction:column;gap:2rem}.instruction-step{display:flex;align-items:center;gap:1.5rem}.step-number{width:3rem;height:3rem;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content{display:flex;align-items:center;gap:1rem;flex:1}.step-content i{color:var(--color-primary);font-size:1.8rem;width:2.5rem;text-align:center}.step-content p{margin-bottom:0;font-size:1.6rem}.qr-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:3rem;margin-top:4rem}.benefit-item{background-color:var(--color-white);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.benefit-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.benefit-item i{font-size:3rem;color:var(--color-primary);margin-bottom:1.5rem}.benefit-item h4{color:var(--color-primary-dark);margin-bottom:1rem;font-size:1.8rem}.benefit-item p{color:var(--color-gray-dark);margin-bottom:0;font-size:1.4rem}@media (max-width: 992px){.qr-code-container{grid-template-columns:1fr;gap:3rem}.qr-code-wrapper{max-width:35rem;margin:0 auto}}@media (max-width: 768px){.qr-code-section{padding:4rem 0}.qr-intro{font-size:1.6rem;margin-bottom:3rem}.qr-instructions,.qr-code-wrapper{padding:2rem}.instruction-step{flex-direction:column;text-align:center;gap:1rem}.step-content{flex-direction:column;gap:.5rem}.qr-benefits{grid-template-columns:1fr;gap:2rem}}.donation-form-container{max-width:80rem;margin:0 auto;background-color:var(--color-white);border-radius:var(--border-radius);padding:4rem;box-shadow:var(--box-shadow)}.form-section{margin-bottom:3rem}.form-section h3{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-light)}.cause-selector,.donation-type-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.5rem}.cause-option,.donation-type-option,.amount-option{position:relative}.cause-option input,.donation-type-option input,.amount-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.cause-option label,.donation-type-option label{display:block;padding:1.5rem;background-color:#f5f5f5;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition);border:2px solid transparent}.cause-option input:checked+label,.donation-type-option input:checked+label{background-color:var(--color-primary-light);color:var(--color-white);border-color:var(--color-primary)}.amount-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.5rem}.amount-option label{display:block;padding:1.5rem;background-color:#f5f5f5;border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition);border:2px solid transparent;font-weight:500;font-size:1.8rem}.amount-option input:checked+label{background-color:var(--color-primary-light);color:var(--color-white);border-color:var(--color-primary)}.amount-custom{grid-column:1 / -1}.amount-custom label{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none}.amount-custom input[type=text]{width:100%;padding:1.5rem;border:2px solid var(--color-gray-light);border-radius:var(--border-radius);text-align:center;font-size:1.8rem;font-weight:500;transition:var(--transition)}.amount-custom input[type=text]:focus{outline:none;border-color:var(--color-primary)}.donor-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem}.form-actions{margin-top:4rem;text-align:center}.donation-benefits-section{padding:6rem 0;background-color:var(--color-white);text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:3rem;margin-top:4rem}.benefit-card{background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.benefit-card i{font-size:4rem;color:var(--color-primary);margin-bottom:2rem}.donation-faq-section{padding:6rem 0;background-color:#f5f5f5}.faq-container{max-width:80rem;margin:4rem auto 0}.faq-item{background-color:var(--color-white);border-radius:var(--border-radius);margin-bottom:2rem;overflow:hidden;box-shadow:var(--box-shadow)}.faq-question{padding:2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.faq-question h3{margin-bottom:0;font-size:1.8rem}.faq-icon{font-size:1.8rem;color:var(--color-primary);transition:var(--transition)}.faq-answer{padding:0 2rem;max-height:0;overflow:hidden;transition:var(--transition)}.faq-item.active .faq-question{background-color:var(--color-primary-light);color:var(--color-white)}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--color-white)}.faq-item.active .faq-answer{padding:0 2rem 2rem;max-height:50rem}.donation-contact-section{padding:6rem 0;background-color:var(--color-white)}.donation-contact{max-width:60rem;margin:0 auto;text-align:center;background-color:#f5f5f5;padding:3rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.contact-info{margin-top:2rem}.contact-info p{margin-bottom:1rem;font-size:1.8rem}.contact-info i{color:var(--color-primary);margin-right:1rem}.events-section{padding:6rem 0;background-color:#f5f5f5}.events-section h2{text-align:center;margin-bottom:4rem}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:3rem;margin-bottom:3rem}.event-card{background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;display:flex;box-shadow:var(--box-shadow)}.event-date{background-color:var(--color-primary);color:var(--color-white);padding:1.5rem;min-width:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date .day{font-size:2.4rem;font-weight:700;line-height:1}.event-date .month{font-size:1.4rem;text-transform:uppercase}.event-details{padding:1.5rem;flex:1}.event-details h3{margin-bottom:1rem;font-size:1.8rem}.event-time,.event-location{margin-bottom:.5rem;font-size:1.4rem;color:var(--color-gray)}.event-time i,.event-location i{margin-right:.5rem}footer{background-color:var(--color-gray-dark);color:var(--color-white);padding:5rem 0 0;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:4rem;margin-bottom:4rem}.footer-about{max-width:30rem}.footer-about h3,.footer-nav h3,.footer-contact h3{color:var(--color-white);font-size:2rem;position:relative;padding-bottom:1rem;margin-bottom:2rem}.footer-about h3:after,.footer-nav h3:after,.footer-contact h3:after{content:"";position:absolute;left:0;bottom:0;width:5rem;height:2px;background-color:var(--color-accent)}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links a{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:#ffffff1a;border-radius:50%;color:var(--color-white);transition:var(--transition)}.social-links a:hover{background-color:var(--color-primary);transform:translateY(-3px)}.footer-nav ul{list-style:none}.footer-nav li{margin-bottom:1rem}.footer-nav a{color:var(--color-gray-light);transition:var(--transition)}.footer-nav a:hover{color:var(--color-accent);padding-left:.5rem}.footer-contact p{display:flex;align-items:center;margin-bottom:1.5rem}.footer-contact i{margin-right:1rem;color:var(--color-accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;text-align:center;font-size:1.4rem}@media (max-width: 992px){html{font-size:56.25%}.donation-cause{grid-template-columns:1fr}.cause-image{height:25rem}.home-donation-cause{grid-template-columns:1fr}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-navigation{width:100%;justify-content:space-between}.calendar-views,.calendar-actions{margin-top:1.5rem}.construction-images,.layout-images{grid-template-columns:repeat(auto-fill,minmax(40%,1fr))}}@media (max-width: 768px){html{font-size:50%}.top-bar .container{flex-direction:column;gap:1.5rem;padding:.5rem 2rem}.mobile-menu-btn{display:flex}.mobile-menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:-100%;width:27rem;height:100vh;background-color:var(--color-white);flex-direction:column;align-items:center;padding-top:8rem;transition:.5s;box-shadow:-5px 0 15px #0000001a;z-index:9}.nav-menu.active{right:0}.nav-menu a{color:var(--color-primary-dark);width:100%;text-align:center}.nav-menu a:hover,.nav-menu a.active{background-color:var(--color-primary-light);color:var(--color-white)}.hero h2{font-size:3.2rem}.hero p{font-size:1.8rem}.services-grid,.events-list{grid-template-columns:1fr}.donation-form-container{padding:2rem}.top-bar .container a:not(.btn){margin-right:0;width:100%;justify-content:center;margin-bottom:1rem}.top-bar .container a:not(.btn):last-of-type{margin-bottom:0}.calendar-day{min-height:10rem}.calendar-views{overflow-x:auto;width:100%;justify-content:flex-start;padding-bottom:.5rem}.construction-images,.layout-images{grid-template-columns:1fr}.donation-image-container img{max-height:40rem}}@media (max-width: 576px){.event-card{flex-direction:column}.event-date{flex-direction:row;gap:1rem;justify-content:center;width:100%;min-width:auto}.footer-content{grid-template-columns:1fr}.calendar-grid{font-size:1.2rem}.day-events{max-height:7rem;overflow-y:auto}.construction-image-wrapper img,.layout-image-wrapper img{height:auto}.donation-image-container img{max-height:30rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus{outline:3px solid var(--color-accent);outline-offset:2px}.lazy-load{opacity:0;transition:opacity .3s}.lazy-load.loaded{opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-overlay.show{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000080}.lightbox-close{position:absolute;top:-4rem;right:0;background:none;border:none;color:var(--color-white);font-size:3rem;cursor:pointer;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.lightbox-close:hover{background-color:#fff3;transform:scale(1.1)}.lightbox-caption{color:var(--color-white);text-align:center;margin-top:1.5rem;font-size:1.6rem;max-width:60rem;line-height:1.4}@media (max-width: 768px){.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-image{max-height:70vh}.lightbox-close{top:-3rem;font-size:2.5rem;width:3.5rem;height:3.5rem}.lightbox-caption{font-size:1.4rem;margin-top:1rem}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2")}