.hero-section{background-image:url(/hero.webp);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100vw;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(135deg,#0f172ad9 0%,#05966999 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;color:#fff;flex-direction:column;align-items:center;width:100%;padding-top:80px;animation:1.2s cubic-bezier(.4,0,.2,1) forwards fadeIn;display:flex;position:relative}.hero-artistic-text{font-family:var(--font-outfit);letter-spacing:6px;text-transform:uppercase;color:var(--accent-light);text-shadow:0 0 20px #34d39980;margin-bottom:2rem;font-size:1.25rem;font-weight:600;display:inline-block;position:relative}.hero-artistic-text:before,.hero-artistic-text:after{content:"";background:linear-gradient(90deg,transparent,var(--accent-light));width:60px;height:2px;position:absolute;top:50%}.hero-artistic-text:before{background:linear-gradient(270deg,var(--accent-light),transparent);margin-right:20px;right:100%}.hero-artistic-text:after{background:linear-gradient(90deg,var(--accent-light),transparent);margin-left:20px;left:100%}.hero-headline{text-shadow:0 4px 20px #0006;letter-spacing:-2px;background:linear-gradient(90deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:5.5rem;font-weight:800;line-height:1.05}.hero-subheadline{opacity:.95;text-shadow:0 2px 4px #0000004d;text-align:center;max-width:750px;margin:0 auto 3.5rem;font-size:1.35rem;font-weight:400;line-height:1.6}.hero-actions{justify-content:center;gap:1.5rem;display:flex}.hero-btn{border-radius:9999px;padding:1.1rem 2.75rem;font-size:1.1rem}.outline-white{color:#fff;box-shadow:none;background-color:#0000;border:2px solid #fffc}.outline-white:hover{color:var(--primary-green);background-color:#fff;border-color:#fff;box-shadow:0 0 20px #ffffff4d}@media (max-width:992px){.hero-headline{letter-spacing:-1px;font-size:4rem}}@media (max-width:768px){.hero-section{min-height:600px}.hero-headline{letter-spacing:-.5px;font-size:2.75rem}.hero-subheadline{padding:0 1rem;font-size:1.15rem}.hero-artistic-text{letter-spacing:4px;font-size:1rem}.hero-artistic-text:before,.hero-artistic-text:after{width:30px;margin-left:10px;margin-right:10px}.hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}}
.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text-content{animation:1s ease-out forwards fadeIn}.section-subtitle{color:var(--text-dark);font-size:2rem;font-family:var(--font-outfit);margin-bottom:1.5rem;font-weight:700;line-height:1.3}.about-text-content p{color:var(--text-gray);margin-bottom:2rem;font-size:1.15rem;font-weight:400;line-height:1.8}.founder-card{border-left:4px solid var(--primary-green);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:0 16px 16px 0;padding:2.5rem 3rem;transition:transform .3s,box-shadow .3s;position:relative}.founder-card:hover{box-shadow:var(--shadow-lg);transform:translate(5px)}.quote-mark{color:var(--primary-green);opacity:.15;font-family:serif;font-size:5rem;line-height:1;position:absolute;top:-20px;left:15px}.founder-quote{color:var(--text-dark);z-index:1;margin-bottom:1.5rem;font-size:1.25rem;font-style:italic;line-height:1.7;position:relative}.founder-info{border-top:1px solid var(--border-light);align-items:center;gap:1.25rem;padding-top:1.25rem;display:flex}.founder-details h4{color:var(--accent-emphasis);margin:0;font-size:1.25rem;font-weight:700}.founder-title{color:var(--primary-green);text-transform:uppercase;letter-spacing:1.5px;font-size:.95rem;font-weight:600}.about-image-wrapper{height:600px;box-shadow:var(--shadow-xl);border-radius:20px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)}.about-image-wrapper:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.placeholder-image{background:linear-gradient(135deg,var(--secondary-green),var(--accent-emphasis));color:#fff;width:100%;height:100%;font-size:1.5rem;font-weight:600;font-family:var(--font-outfit);letter-spacing:1px;justify-content:center;align-items:center;display:flex}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-image-wrapper{height:400px;transform:none}.about-image-wrapper:hover{transform:none}}@media (max-width:768px){.founder-card{padding:2rem}.section-subtitle{font-size:1.5rem}.founder-quote{font-size:1.1rem}}
.staff-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem;display:grid}.staff-card{text-align:center;border-top:4px solid var(--primary-green);box-shadow:var(--shadow-md);background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem;transition:transform .4s,box-shadow .4s;display:flex}.staff-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.staff-image-wrapper{border:4px solid var(--secondary-bg);width:150px;height:150px;box-shadow:var(--shadow-md);background-color:var(--border-light);border-radius:50%;margin-bottom:1.5rem;position:relative;overflow:hidden}.staff-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.staff-card:hover .staff-img{transform:scale(1.1)}.staff-placeholder{width:100%;height:100%;color:var(--text-gray);justify-content:center;align-items:center;font-size:.9rem;font-weight:500;display:flex}.staff-info{width:100%}.staff-name{color:var(--accent-emphasis);font-size:1.4rem;font-family:var(--font-outfit);margin-bottom:.5rem;font-weight:700}.staff-position{color:var(--primary-green);text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:1rem;font-weight:600}@media (max-width:768px){.staff-grid{gap:2rem}}
.cases-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;display:grid}.case-card{box-shadow:var(--shadow-md);border:1px solid var(--border-light);background:#fff;border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden}.case-image-wrapper{background-color:var(--secondary-bg);height:220px;position:relative}.case-img{object-fit:cover;width:100%;height:100%}.case-placeholder{width:100%;height:100%;color:var(--text-gray);justify-content:center;align-items:center;font-weight:500;display:flex}.case-status{color:#fff;text-transform:uppercase;letter-spacing:1px;background-color:#ef4444;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 4px #ef444466}.case-content{flex-direction:column;flex:1;padding:2rem;display:flex}.case-title{color:var(--text-dark);font-size:1.35rem;font-family:var(--font-outfit);margin-bottom:.75rem;font-weight:700}.case-desc{color:var(--text-gray);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.case-progress-wrapper{margin-bottom:1.5rem}.progress-bar-bg{background-color:var(--border-light);border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--primary-green),var(--accent-light));border-radius:4px;height:100%}.progress-stats{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem;font-size:.75rem;display:block}.stat-value{color:var(--text-dark);font-size:1.05rem;font-weight:700;display:block}@media (max-width:768px){.case-content{padding:1.5rem}}
.initiatives-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem;display:grid}.initiative-card{text-align:center;border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:3.5rem 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.initiative-card:before{content:"";background:linear-gradient(90deg,var(--primary-green),var(--accent-light));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.initiative-card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-12px)}.initiative-card:hover:before{transform:scaleX(1)}.icon-wrapper{width:90px;height:90px;color:var(--primary-green);background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 0 0 1px #10b98133}.initiative-card:hover .icon-wrapper{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #10b9814d}.initiative-icon{transition:all .3s}.initiative-title{color:var(--text-dark);font-size:1.5rem;font-family:var(--font-outfit);margin-bottom:1.25rem;font-weight:700}.initiative-desc{color:var(--text-gray);margin-bottom:0;font-size:1.05rem;line-height:1.8}@media (max-width:992px){.initiatives-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:768px){.initiatives-grid{grid-template-columns:1fr}.initiative-card{padding:2.5rem 1.5rem}}
.donation-grid{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:4rem;display:grid}.donation-card{background-color:#fff;border-radius:20px;padding:3rem;transition:transform .4s,box-shadow .4s}.outline-card{border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.outline-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.donation-method-title{border-bottom:2px solid var(--border-light);color:var(--accent-emphasis);font-size:1.75rem;font-family:var(--font-outfit);margin-bottom:2rem;padding-bottom:1rem;font-weight:700}.easypaisa-content{flex-wrap:wrap;gap:2rem}.instructions-side{flex:1;min-width:250px}.qr-side{width:280px;min-width:280px}.donation-steps{margin-bottom:2rem;padding-left:1.2rem}.donation-steps li{color:var(--text-gray);margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.highlight-number{color:var(--primary-green);letter-spacing:1px;font-size:1.25rem;font-weight:700}.account-details-box{border-left:4px solid var(--primary-green);background:linear-gradient(90deg,#10b9811a,#0000);border-radius:12px;padding:1.25rem 1.5rem}.account-details-box .label{color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.account-details-box .value{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:700}.qr-image-wrapper{border:1px solid var(--border-light);width:100%;height:300px;box-shadow:var(--shadow-md);background-color:#fff;border-radius:16px;padding:1.5rem;transition:transform .3s}.qr-image-wrapper:hover{transform:scale(1.02)}.qr-code-img{object-fit:contain;width:100%;height:100%}.w-full{width:100%}.bank-details{background-color:var(--secondary-bg);border:1px solid var(--border-light);border-radius:16px;padding:2rem}.detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-child{padding-top:0}.detail-row .label{color:var(--text-gray);font-size:.95rem;font-weight:600}.detail-row .value{color:var(--text-dark);text-align:right;font-family:monospace;font-size:1.15rem;font-weight:600}.receipt-note{border-left:4px solid var(--secondary-green);background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.receipt-note p{color:var(--text-dark);margin:0;font-size:1rem;line-height:1.6}.transparency-pledge{background:linear-gradient(135deg,var(--primary-green),var(--accent-emphasis));color:#fff;text-align:center;border-radius:24px;padding:4rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #05966940}.transparency-pledge:before{content:"";opacity:.5;pointer-events:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+CjxwYXRoIGQ9Ik0gMCAwIEwgNDAgNDAgTSA0MCAwIEwgMCA0MCIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUpIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);width:100%;height:100%;position:absolute;top:0;left:0}.transparency-pledge h3{font-size:2.25rem;font-weight:800;font-family:var(--font-outfit);z-index:1;margin-bottom:1.25rem;position:relative}.transparency-pledge p{opacity:.95;z-index:1;max-width:800px;margin:0 auto;font-size:1.15rem;line-height:1.7;position:relative}@media (max-width:992px){.donation-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:576px){.easypaisa-content{flex-direction:column}.qr-side{width:100%}.donation-card{padding:2rem 1.5rem}.transparency-pledge{padding:3rem 1.5rem}.transparency-pledge h3{font-size:1.75rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-row .value{text-align:left}}
.contact-grid{grid-template-columns:1fr 1.5fr;gap:3rem;display:grid}.contact-subtitle{color:var(--accent-emphasis);font-size:1.75rem;font-family:var(--font-outfit);margin-bottom:1.5rem;font-weight:700}.contact-details{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.contact-item{border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1rem;transition:background-color .3s;display:flex}.contact-item:hover{box-shadow:var(--shadow-sm);background-color:#fff}.contact-icon{color:var(--primary-green);background:linear-gradient(135deg,#10b98126,#0596690d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:inset 0 0 0 1px #10b98133}.contact-item:hover .contact-icon{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #10b9814d}.contact-item h4{color:var(--text-dark);font-size:1.15rem;font-family:var(--font-outfit);margin:0 0 .25rem;font-weight:600}.contact-item p{color:var(--text-gray);margin:0;font-size:.95rem;line-height:1.6}.contact-form{box-shadow:var(--shadow-md);border:1px solid var(--border-light);background:#fff;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.resize-none{resize:vertical;min-height:150px}.success-message{color:var(--accent-emphasis);border-left:4px solid var(--primary-green);text-align:center;background-color:#10b9811a;border-radius:12px;padding:1.5rem;font-weight:600;animation:.5s ease-out fadeIn}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:2rem}}
.ramadan-appeal-section{background-color:var(--secondary-bg);padding-top:4rem;padding-bottom:4rem;transition:all .5s;position:relative}.ramadan-theme .appeal-card{background:linear-gradient(to bottom right,#fff,#f0fdf4);border-left:6px solid #059669}.ramadan-theme .appeal-badge{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d}.general-theme .appeal-card{border-left:8px solid var(--accent-emphasis);background:#fff!important}.general-theme .appeal-badge{background:linear-gradient(135deg,var(--accent-emphasis),var(--accent-light));box-shadow:0 4px 12px #0000001a}.general-theme .stat-icon{background:rgba(var(--accent-rgb),.1);color:var(--accent-emphasis)}.general-theme .progress-fill{background:linear-gradient(90deg,var(--accent-emphasis),var(--accent-light))}.appeal-card{box-shadow:var(--shadow-xl);border:1px solid #05966933;border-radius:30px;padding:3rem;position:relative;overflow:hidden;color:#0f172a!important;background:#fff!important}.ramadan-theme .appeal-card{border-left:8px solid #059669;background:linear-gradient(to bottom right,#fff,#f0fdf4)!important}.appeal-badge{color:#fff;letter-spacing:1px;z-index:10;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:0 0 20px 20px;padding:.5rem 2rem;font-size:.9rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #d977064d}.appeal-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.appeal-title{color:var(--text-dark);margin-bottom:1.5rem;font-size:2.5rem;text-align:left!important;left:0!important;transform:none!important}.appeal-title:after{left:0!important;transform:none!important}.appeal-description{margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8;color:#475569!important}.appeal-stats{flex-direction:column;gap:2rem;margin-bottom:2.5rem;display:flex}.appeal-stat-item{align-items:flex-start;gap:1.5rem;display:flex}.stat-icon{width:50px;height:50px;color:var(--primary-green);background:#0596691a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info h4{color:var(--text-dark);margin-bottom:.25rem;font-size:1.2rem}.stat-info p{color:var(--text-gray);margin-bottom:.5rem;font-size:.95rem}.status-note{font-weight:600;color:var(--primary-green)!important;font-size:.85rem!important}.progress-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-green),var(--accent-light));border-radius:4px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.appeal-footer{gap:1rem;display:flex}.appeal-visual{height:100%;position:relative}.visual-wrapper{height:400px;box-shadow:var(--shadow-lg);border-radius:20px;position:relative;overflow:hidden}.appeal-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.visual-wrapper:hover .appeal-img{transform:scale(1.05)}.visual-overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:2rem;position:absolute;bottom:0;left:0}.overlay-text{flex-direction:column;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.overlay-text span{align-items:center;gap:.5rem;display:flex}.overlay-text span:before{content:"";background:#f59e0b;border-radius:2px;width:8px;height:8px}@media (max-width:992px){.appeal-grid{grid-template-columns:1fr;gap:2rem}.appeal-visual{order:-1}.visual-wrapper{height:300px}}@media (max-width:768px){.appeal-card{padding:2rem 1.5rem}.appeal-title{font-size:2rem}}