.qgl{--qgl-bg:#080f2b;--qgl-bg-2:#111a3f;--qgl-glass:rgba(22,33,73,.72);--qgl-line:rgba(137,226,244,.18);--qgl-text:#f7fbff;--qgl-muted:#b7c4d8;background:radial-gradient(circle at 8% 18%,rgba(75,187,217,.18),transparent 24%),radial-gradient(circle at 92% 58%,rgba(88,100,190,.18),transparent 27%),linear-gradient(180deg,#080f2b,#0d1637 56%,#080f2b)!important;color:var(--qgl-text)}
.qgl .qgl-section,.qgl .qgl-donation-section,.qgl .qgl-project-section,.qgl .qgl-impact,.qgl .qgl-how,.qgl .qgl-trust,.qgl .qgl-faq{background:transparent!important}
.qgl .qgl-section{padding:58px 0!important}.qgl .qgl-donation-section{padding:34px 0 44px!important}.qgl .qgl-project-section{padding-top:46px!important}.qgl .qgl-heading{margin-bottom:26px}.qgl .qgl-heading h2,.qgl .qgl-section-copy h2,.qgl .qgl-trust h2,.qgl .qgl-project h3,.qgl .qgl-impact-card h3,.qgl .qgl-step h3,.qgl .qgl-footer h3{color:var(--qgl-text)!important}.qgl .qgl-section-copy p,.qgl .qgl-heading p,.qgl .qgl-trust p,.qgl .qgl-project p,.qgl .qgl-impact-card p,.qgl .qgl-step p{color:var(--qgl-muted)!important}
.qgl .qgl-donation-grid{gap:24px!important;align-items:center}.qgl .qgl-section-copy{position:static!important;padding:10px 0!important}.qgl .qgl-inline-trust span{border-color:var(--qgl-line)!important;background:rgba(255,255,255,.07)!important;color:#dce8f7!important;box-shadow:none!important}.qgl .qgl-form-shell{border:1px solid rgba(139,228,244,.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(226,245,251,.91))!important;box-shadow:0 28px 75px rgba(0,0,0,.33),0 0 0 1px rgba(255,255,255,.08)!important}
.qgl .qgl-project,.qgl .qgl-impact-card,.qgl .qgl-step{border:1px solid var(--qgl-line)!important;background:linear-gradient(145deg,rgba(27,40,85,.88),rgba(12,22,54,.8))!important;box-shadow:0 22px 58px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important}.qgl .qgl-project:hover{border-color:rgba(75,187,217,.62)!important;box-shadow:0 30px 74px rgba(0,0,0,.36),0 0 35px rgba(75,187,217,.1)!important}.qgl .qgl-projects{gap:18px!important}.qgl .qgl-project-body{display:flex;flex-direction:column;padding:18px}.qgl .qgl-project-body>p{min-height:64px;margin-bottom:13px}.qgl .qgl-project .qgl-price strong{color:#8ce6f4}.qgl .qgl-project-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;margin-bottom:12px;padding:10px 11px;border:1px solid var(--qgl-line);border-radius:15px;background:rgba(255,255,255,.055)}.qgl .qgl-project-tools span{display:block;margin-bottom:5px;color:#aebbd0;font-size:10px;font-weight:800}.qgl .qgl-project-total{text-align:end}.qgl .qgl-project-total strong{color:#8ce6f4;font-size:20px}.qgl .qgl-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qgl .qgl-project-actions button{min-height:48px;padding:9px 10px;border-radius:13px;font:900 13px/1.3 inherit}.qgl .qgl-details-button{border:1px solid rgba(140,230,244,.38);background:rgba(255,255,255,.06);color:#eefbff;cursor:pointer;transition:.22s}.qgl .qgl-details-button:hover{background:rgba(75,187,217,.18);transform:translateY(-2px)}
.qgl .qgl-impact-grid{grid-template-columns:repeat(3,1fr);gap:14px}.qgl .qgl-impact-card,.qgl .qgl-step{padding:24px 19px}.qgl .qgl-trust-logo{min-height:260px;border:1px solid var(--qgl-line);background:rgba(255,255,255,.94);box-shadow:0 24px 65px rgba(0,0,0,.28)}.qgl .qgl-trust-grid{gap:44px}.qgl .qgl-quote{padding:54px 0;background:linear-gradient(135deg,#111b42,#19275b)}.qgl .qgl-faq-item{margin-bottom:8px;border:1px solid var(--qgl-line);background:rgba(255,255,255,.055);box-shadow:none}.qgl .qgl-faq-item summary{padding:16px 19px;color:#f4f9ff}.qgl .qgl-faq-item div{padding:0 19px 16px;color:var(--qgl-muted)}.qgl .qgl-final{padding:58px 0}.qgl .qgl-footer{padding-top:36px!important;border-top:1px solid var(--qgl-line);background:#070d24!important;color:var(--qgl-muted)!important}.qgl .qgl-footer-top{padding-top:28px!important;padding-bottom:24px!important}.qgl .qgl-payment-row{margin-bottom:22px;border-color:var(--qgl-line);background:rgba(255,255,255,.06);box-shadow:none}.qgl .qgl-payment-row h3{color:#fff!important}.qgl .qgl-payment-row p{color:var(--qgl-muted)}.qgl .qgl-footer-links a,.qgl .qgl-footer-contact>a,.qgl .qgl-footer-contact>div{color:var(--qgl-muted)!important}
.qgl-detail-modal{--qgl-line:rgba(137,226,244,.18);--qgl-muted:#b7c4d8}.qgl-detail-card{border-color:rgba(140,230,244,.28);background:linear-gradient(145deg,rgba(19,30,69,.98),rgba(8,16,43,.98));color:#fff}.qgl-detail-body{color:#d9e4f3}.qgl-detail-heading h2{color:#fff}.qgl-detail-heading>strong,.qgl-detail-total strong{color:#8ce6f4}.qgl-detail-body>p{color:#bdc9dc}.qgl-detail-donate{border-color:var(--qgl-line);background:rgba(255,255,255,.06)}.qgl-detail-donate span{color:#b7c4d8}.qgl-detail-close{border-color:rgba(255,255,255,.2);background:rgba(8,15,43,.88);color:#fff}.qgl-detail-icon{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,#233469,#14234f)}
@media(max-width:760px){.qgl .qgl-section{padding:38px 0!important}.qgl .qgl-donation-section{padding:18px 0 25px!important}.qgl .qgl-project-section{padding-top:30px!important}.qgl .qgl-heading{margin-bottom:18px}.qgl .qgl-donation-grid{gap:9px!important}.qgl .qgl-section-copy{padding-inline:9px!important}.qgl .qgl-section-copy h2{font-size:27px!important;margin:3px 0 6px}.qgl .qgl-section-copy p{font-size:13px;line-height:1.55}.qgl .qgl-inline-trust{margin-top:8px!important}.qgl .qgl-form-shell{padding:4px!important}.qgl .qgl-projects{gap:13px!important}.qgl .qgl-project-image{height:205px}.qgl .qgl-project-body{padding:14px}.qgl .qgl-project-body>p{min-height:0;margin-bottom:10px;font-size:13px;line-height:1.55}.qgl .qgl-project-tools{padding:8px;margin-bottom:9px}.qgl .qgl-project-actions button{min-height:45px;font-size:12px}.qgl .qgl-impact-grid{grid-template-columns:1fr!important}.qgl .qgl-impact-card,.qgl .qgl-step{padding:19px 15px}.qgl .qgl-quote{padding:40px 0}.qgl .qgl-final{padding:44px 0}.qgl .qgl-footer{padding-top:24px!important}.qgl-detail-body{padding-bottom:13px}}

/* 2.6 — luminous campaign finish */
.qgl .qgl-project-section,.qgl .qgl-impact,.qgl .qgl-how,.qgl .qgl-trust,.qgl .qgl-faq{position:relative;background:radial-gradient(circle at 8% 18%,rgba(75,187,217,.19),transparent 27%),radial-gradient(circle at 88% 42%,rgba(109,126,222,.16),transparent 30%),linear-gradient(180deg,#101d45 0%,#0c1739 52%,#101d45 100%)!important}
.qgl .qgl-project-section:before,.qgl .qgl-impact:before,.qgl .qgl-how:before,.qgl .qgl-trust:before,.qgl .qgl-faq:before{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.025) 35%,transparent 58%)}
.qgl .qgl-project,.qgl .qgl-step{background:linear-gradient(145deg,rgba(35,52,103,.9),rgba(16,29,67,.82))!important;border-color:rgba(140,230,244,.23)!important}
.qgl .qgl-project-image>span{display:none!important}
.qgl .qgl-impact-card{padding:0!important;overflow:hidden;background:linear-gradient(145deg,rgba(38,56,109,.91),rgba(17,31,72,.84))!important;border-color:rgba(140,230,244,.25)!important}
.qgl .qgl-impact-visual{position:relative;height:190px;overflow:hidden}.qgl .qgl-impact-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,23,56,.82))}.qgl .qgl-impact-visual img{width:100%;height:100%;object-fit:cover;animation:qgl-impact-breathe 8s ease-in-out infinite alternate}.qgl .qgl-impact-visual span{position:absolute;z-index:2;inset:auto 15px 14px auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(75,187,217,.9);color:#07132f;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.2)}.qgl[dir="rtl"] .qgl-impact-visual span{inset:auto auto 14px 15px}.qgl .qgl-impact-copy{padding:4px 20px 23px}.qgl .qgl-impact-copy h3{margin-top:7px!important}.qgl .qgl-impact-copy p{min-height:52px}
@keyframes qgl-impact-breathe{from{transform:scale(1.01)}to{transform:scale(1.075)}}
.qgl .qgl-trust-story{position:relative;min-height:340px;overflow:hidden;border:1px solid rgba(140,230,244,.28);border-radius:34px;box-shadow:0 28px 75px rgba(0,0,0,.3)}.qgl .qgl-trust-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,15,40,.8))}.qgl .qgl-trust-story img{width:100%;height:100%;min-height:340px;object-fit:cover;animation:qgl-impact-breathe 10s ease-in-out infinite alternate}.qgl .qgl-trust-story span{position:absolute;z-index:2;inset:auto 20px 19px;display:inline-flex;width:max-content;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(8,17,45,.62);color:#8ce6f4;font-weight:900;backdrop-filter:blur(10px)}
.qgl .qgl-final{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(140,230,244,.28),transparent 34%),linear-gradient(135deg,#17275a,#254984 58%,#287d9a)!important;color:#fff!important}.qgl .qgl-final:before{content:"";position:absolute;inset:-70% auto auto -15%;width:45%;height:220%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);animation:qgl-final-shine 7s ease-in-out infinite}.qgl .qgl-final h2,.qgl .qgl-final p{position:relative;color:#fff!important}.qgl .qgl-final .qgl-button{position:relative;background:rgba(255,255,255,.94)!important;color:#162452!important}
@keyframes qgl-final-shine{0%,58%{transform:translateX(-180%) rotate(18deg)}86%,100%{transform:translateX(420%) rotate(18deg)}}
.qgl .qgl-footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.qgl .qgl-footer-brand p{margin-inline:auto}.qgl .qgl-footer-brand .qgl-social{justify-content:center}.qgl .qgl-footer-logo{width:116px!important;margin:0 auto 16px!important;filter:brightness(0) invert(1);opacity:.96}
@media(max-width:760px){.qgl .qgl-impact-visual{height:180px}.qgl .qgl-impact-copy p{min-height:0}.qgl .qgl-trust-story,.qgl .qgl-trust-story img{min-height:240px}.qgl .qgl-project-section,.qgl .qgl-impact,.qgl .qgl-how,.qgl .qgl-trust,.qgl .qgl-faq{background:radial-gradient(circle at 8% 16%,rgba(75,187,217,.18),transparent 28%),linear-gradient(180deg,#111f49,#0c1738 54%,#111f49)!important}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-impact-visual img,.qgl .qgl-trust-story img,.qgl .qgl-final:before{animation:none!important}}

/* 2.7 — brighter post-form canvas, matched to the campaign CTA */
.qgl .qgl-project-section,
.qgl .qgl-impact,
.qgl .qgl-how,
.qgl .qgl-trust,
.qgl .qgl-quote,
.qgl .qgl-faq{
	position:relative;
	isolation:isolate;
	background:
		radial-gradient(circle at 12% 14%,rgba(131,220,242,.24),transparent 30%),
		radial-gradient(circle at 88% 48%,rgba(47,170,205,.2),transparent 33%),
		linear-gradient(135deg,#243f78 0%,#28588d 48%,#237d9d 100%)!important;
}
.qgl .qgl-project-section:before,
.qgl .qgl-impact:before,
.qgl .qgl-how:before,
.qgl .qgl-trust:before,
.qgl .qgl-quote:before,
.qgl .qgl-faq:before{
	z-index:-1;
	background:
		linear-gradient(118deg,transparent 8%,rgba(255,255,255,.075) 31%,transparent 54%),
		repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px)!important;
}
.qgl .qgl-project-section{border-top:1px solid rgba(255,255,255,.12)}
.qgl .qgl-project,.qgl .qgl-impact-card,.qgl .qgl-step,.qgl .qgl-faq-item{
	background:linear-gradient(145deg,rgba(25,48,101,.76),rgba(20,68,108,.66))!important;
	border-color:rgba(184,239,250,.28)!important;
	box-shadow:0 20px 48px rgba(7,25,58,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}
.qgl .qgl-project-tools,.qgl .qgl-payment-row{background:rgba(255,255,255,.09)!important}
.qgl .qgl-heading p,.qgl .qgl-project p,.qgl .qgl-impact-card p,.qgl .qgl-step p,.qgl .qgl-trust p,.qgl .qgl-faq-item div{color:#d7e7f3!important}
.qgl .qgl-final{background:radial-gradient(circle at 15% 20%,rgba(176,237,249,.3),transparent 34%),linear-gradient(135deg,#243f78,#28588d 55%,#237d9d)!important}

@media(max-width:760px){
	.qgl .qgl-project-section,
	.qgl .qgl-impact,
	.qgl .qgl-how,
	.qgl .qgl-trust,
	.qgl .qgl-quote,
	.qgl .qgl-faq{
		background:
			radial-gradient(circle at 5% 9%,rgba(139,225,244,.24),transparent 28%),
			radial-gradient(circle at 95% 67%,rgba(55,184,215,.2),transparent 34%),
			linear-gradient(155deg,#253f78 0%,#285b90 52%,#237e9e 100%)!important;
	}
	.qgl .qgl-project-section{padding-top:24px!important}
	.qgl .qgl-project,.qgl .qgl-impact-card,.qgl .qgl-step,.qgl .qgl-faq-item{background:linear-gradient(145deg,rgba(27,52,104,.72),rgba(21,72,112,.62))!important}
	.qgl .qgl-heading h2{font-size:29px!important}
	.qgl .qgl-heading p{font-size:14px!important;line-height:1.65!important}
	.qgl .qgl-project-body>p{display:block!important;color:#dceaf4!important;font-size:13px!important;line-height:1.6!important}
	.qgl .qgl-project-actions{gap:7px!important}
	.qgl .qgl-project-actions button{min-height:47px!important;font-size:13px!important}
	.qgl .qgl-project-tools{background:rgba(255,255,255,.1)!important}
	.qgl .qgl-final{background:radial-gradient(circle at 12% 16%,rgba(176,237,249,.28),transparent 34%),linear-gradient(155deg,#253f78,#285b90 55%,#237e9e)!important}
}

/* 2.8 — lightweight funded-share cards */
.qgl .qgl-impact-stat{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;padding:22px!important;gap:22px}
.qgl .qgl-impact-meter{position:relative;display:grid;place-content:center;width:138px;aspect-ratio:1;margin:auto;border-radius:50%;text-align:center;background:radial-gradient(circle closest-side,rgba(26,55,105,.98) 76%,transparent 77% 99%),conic-gradient(#83e6f3 var(--qgl-meter),rgba(255,255,255,.13) 0);box-shadow:0 16px 40px rgba(5,24,58,.24),inset 0 1px 0 rgba(255,255,255,.12)}
.qgl .qgl-impact-meter:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.qgl .qgl-impact-meter span,.qgl .qgl-impact-meter small{display:block;color:#d6e8f4;font-size:11px;font-weight:800;line-height:1.35}
.qgl .qgl-impact-meter strong{display:block;margin:2px 0;color:#fff;font-size:25px;font-weight:950;line-height:1.15}
.qgl .qgl-impact-meter strong b{font:inherit}.qgl .qgl-impact-stat .qgl-impact-copy{padding:0!important}.qgl .qgl-impact-stat .qgl-impact-copy p{min-height:0!important}
@media(max-width:760px){.qgl .qgl-impact-grid{gap:10px!important}.qgl .qgl-impact-stat{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;min-height:118px!important;padding:12px!important}.qgl .qgl-impact-meter{width:80px!important;margin:0!important}.qgl .qgl-impact-meter:after{inset:5px!important}.qgl .qgl-impact-meter strong{font-size:18px!important}.qgl .qgl-impact-meter span,.qgl .qgl-impact-meter small{font-size:8px!important}.qgl .qgl-impact-stat .qgl-impact-copy{text-align:start!important}.qgl .qgl-impact-stat .qgl-impact-copy h3{margin:0 0 3px!important;font-size:18px!important;line-height:1.35!important}.qgl .qgl-impact-stat .qgl-impact-copy p{font-size:11px!important;line-height:1.45!important}.qgl .qgl-impact-meter strong{direction:ltr!important;unicode-bidi:isolate!important}}

/* 2.9 — clearer impact stories with animated emotion bubbles */
.qgl .qgl-impact-stat{grid-template-columns:150px minmax(0,1fr)!important;overflow:visible!important}
.qgl .qgl-impact-meter-wrap{position:relative;display:grid;place-items:center;min-height:148px}
.qgl .qgl-impact-meter{width:126px!important;transition:background .08s linear,transform .25s ease}
.qgl .qgl-impact-stat:hover .qgl-impact-meter{transform:scale(1.045)}
.qgl .qgl-impact-meter span{font-size:10px!important}.qgl .qgl-impact-meter strong{font-size:25px!important;direction:ltr;unicode-bidi:isolate}
.qgl .qgl-impact-benefit{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 12px;border:1px solid rgba(131,230,243,.4);border-radius:999px;background:rgba(131,230,243,.12);color:#a9f0f7;font-size:12px;font-weight:900;line-height:1.25}
.qgl .qgl-impact-bubbles{position:absolute;inset:0;pointer-events:none}.qgl .qgl-impact-bubbles i{position:absolute;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:linear-gradient(145deg,#8ce6f4,#4bbbd9);color:#132653;font:900 14px/1 Arial,sans-serif;box-shadow:0 8px 18px rgba(5,22,55,.24);opacity:0;animation:qgl-bubble-float 3.4s ease-in-out infinite}.qgl .qgl-impact-bubbles i:nth-child(1){inset:auto auto 6px 9px;animation-delay:.15s}.qgl .qgl-impact-bubbles i:nth-child(2){inset:10px 5px auto auto;animation-delay:1.1s}.qgl .qgl-impact-bubbles i:nth-child(3){inset:4px auto auto 18px;animation-delay:2s}
@keyframes qgl-bubble-float{0%{opacity:0;transform:translateY(8px) scale(.65)}25%,70%{opacity:.9}100%{opacity:0;transform:translateY(-17px) scale(1.08)}}

/* Light text panel under project photos; controls and CTA keep their dark/blue identity. */
.qgl .qgl-project .qgl-project-body{background:linear-gradient(160deg,#fff,#eaf8fc)!important;color:#1b2d59!important}
.qgl .qgl-project .qgl-project-body h3{color:#1d2e64!important}.qgl .qgl-project .qgl-project-body>p{color:#53657b!important}
.qgl .qgl-project .qgl-price strong{color:#168eae!important}.qgl .qgl-project .qgl-project-tools{border-color:rgba(75,187,217,.28)!important;background:linear-gradient(145deg,#25447d,#236c94)!important;color:#fff!important}.qgl .qgl-project .qgl-project-tools span{color:#d9f5fa!important}.qgl .qgl-project .qgl-project-total strong{color:#8ce6f4!important}

@media(max-width:760px){.qgl .qgl-impact-stat{grid-template-columns:96px minmax(0,1fr)!important;gap:13px!important;min-height:132px!important;padding:13px!important}.qgl .qgl-impact-meter-wrap{min-height:105px}.qgl .qgl-impact-meter{width:92px!important}.qgl .qgl-impact-meter strong{font-size:19px!important}.qgl .qgl-impact-meter span{font-size:8px!important}.qgl .qgl-impact-benefit{margin-top:7px;padding:6px 9px;font-size:10px}.qgl .qgl-impact-bubbles i{width:22px;height:22px;font-size:11px}.qgl .qgl-impact-bubbles i:nth-child(1){left:0}.qgl .qgl-impact-bubbles i:nth-child(2){right:-2px}.qgl .qgl-project .qgl-project-body>p{color:#53657b!important}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-impact-bubbles i{animation:none!important;opacity:.8!important}.qgl .qgl-impact-meter{transition:none!important}}

/* 3.0 — compact project cards */
.qgl .qgl-project .qgl-project-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;padding:15px!important}
.qgl .qgl-project .qgl-project-body .qgl-price{grid-column:2;grid-row:1;display:block!important;margin:0;white-space:nowrap}
.qgl .qgl-project .qgl-project-body .qgl-price strong{font-size:24px!important}.qgl .qgl-project .qgl-project-body .qgl-price small{display:none!important}
.qgl .qgl-project .qgl-project-body h3{grid-column:1;grid-row:1;margin:0!important;font-size:20px!important;line-height:1.3!important}
.qgl .qgl-project .qgl-project-body>p{grid-column:1/-1;grid-row:2;min-height:0!important;margin:0 0 3px!important;font-size:12px!important;line-height:1.55!important}
.qgl .qgl-project .qgl-project-tools{grid-column:1/-1;grid-row:3;width:100%;margin:0 0 2px!important;padding:8px 10px!important}
.qgl .qgl-project .qgl-project-actions{grid-column:1/-1;grid-row:4;grid-template-columns:1.25fr .75fr!important;width:100%}
.qgl .qgl-project .qgl-project-actions button{min-height:43px!important}
.qgl .qgl-project .qgl-details-button{border:1px solid #b8dfe9!important;background:#f5fcfe!important;color:#234878!important;font-weight:900!important;box-shadow:none!important}
.qgl .qgl-project .qgl-details-button:hover{background:#dff5fa!important;color:#173761!important}

/* Contact + live recent donations replace the traditional footer. */
.qgl .qgl-closing{position:relative;padding:58px 0 72px;background:radial-gradient(circle at 10% 12%,rgba(83,211,230,.24),transparent 30%),linear-gradient(155deg,#102451,#176486 58%,#0d385f);color:#fff}
.qgl .qgl-closing>.qgl-container{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.qgl .qgl-closing h2{margin:0 0 9px!important;color:#fff!important;font-size:28px!important}.qgl .qgl-closing p{margin:0;color:#d6eaf3;line-height:1.75}
.qgl .qgl-contact-panel,.qgl .qgl-recent{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:27px;background:rgba(255,255,255,.08);box-shadow:0 24px 65px rgba(4,19,43,.24);backdrop-filter:blur(12px)}
.qgl .qgl-contact-list{display:grid;gap:10px;margin-top:20px}.qgl .qgl-contact-list a{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.08);color:#fff!important;transition:.22s}.qgl .qgl-contact-list a:hover{transform:translateY(-2px);background:rgba(140,230,244,.16)}.qgl .qgl-contact-list i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;color:#227c9a;font-style:normal}.qgl .qgl-contact-list svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.qgl .qgl-contact-list span,.qgl .qgl-contact-list b,.qgl .qgl-contact-list small{display:block}.qgl .qgl-contact-list small{margin-top:2px;color:#d8edf4;font-size:12px}
.qgl .qgl-recent-list{display:grid;gap:8px;margin-top:16px}.qgl .qgl-recent-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14)}.qgl .qgl-recent-list article:last-child{border-bottom:0}.qgl .qgl-recent-list article div strong,.qgl .qgl-recent-list article div span{display:block}.qgl .qgl-recent-list article div span{margin-top:3px;color:#d9eaf3;font-size:13px}.qgl .qgl-recent-list article div span b{color:#8ce6f4}.qgl .qgl-recent-list article>small{color:#aec9d7;text-align:end}.qgl .qgl-recent-empty{padding:20px!important;text-align:center}
.qgl .qgl-closing-cta{display:flex;align-items:center;justify-content:center;min-height:58px;margin-top:20px;padding:12px 20px;border-radius:18px;background:linear-gradient(135deg,#ef2e32,#ff5858);color:#fff!important;font-size:18px;font-weight:950;box-shadow:0 16px 34px rgba(220,30,37,.3);transition:.25s}.qgl .qgl-closing-cta:hover{transform:translateY(-3px);box-shadow:0 21px 42px rgba(220,30,37,.4)}

@media(max-width:760px){.qgl .qgl-project{width:calc(100% - 10px);margin-inline:auto}.qgl .qgl-project-image{height:185px!important}.qgl .qgl-project .qgl-project-body{padding:13px!important;gap:6px 9px}.qgl .qgl-project .qgl-project-body h3{font-size:18px!important}.qgl .qgl-project .qgl-project-body .qgl-price strong{font-size:22px!important}.qgl .qgl-project .qgl-project-body>p{font-size:11px!important;line-height:1.5!important}.qgl .qgl-project .qgl-project-actions{grid-template-columns:1.25fr .75fr!important}.qgl .qgl-project .qgl-project-actions button{min-height:42px!important}.qgl .qgl-closing{padding:38px 0 52px}.qgl .qgl-closing>.qgl-container{grid-template-columns:1fr;gap:14px}.qgl .qgl-contact-panel,.qgl .qgl-recent{padding:18px 14px;border-radius:21px}.qgl .qgl-closing h2{font-size:24px!important}.qgl .qgl-contact-list{gap:8px;margin-top:15px}.qgl .qgl-contact-list a{grid-template-columns:41px minmax(0,1fr);padding:9px 10px}.qgl .qgl-contact-list i{width:41px;height:41px}.qgl .qgl-recent-list article{padding:10px 7px}.qgl .qgl-closing-cta{min-height:54px;font-size:16px}}

/* 3.1 — minimal masthead and bright canvas after the three project cards. */
.qgl .qgl-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(37,45,105,.1)!important;box-shadow:0 10px 32px rgba(19,40,82,.09)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.qgl .qgl-brand-head{display:flex;align-items:center;justify-content:center;gap:22px;min-height:96px}.qgl .qgl-brand-head .qgl-logo{flex:0 0 auto;padding:7px 13px;border:1px solid #dbeef3;background:#fff;box-shadow:0 9px 28px rgba(29,69,105,.1)}.qgl .qgl-brand-head .qgl-logo img{width:70px;height:58px}
.qgl .qgl-brand-message{display:inline-block;color:#20366f;font-size:clamp(21px,2.7vw,35px);font-weight:950;line-height:1.25;letter-spacing:-.035em;background:linear-gradient(100deg,#20366f 5%,#168eae 38%,#70ddeb 50%,#168eae 62%,#20366f 95%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:qgl-brand-glow 4.8s linear infinite}@keyframes qgl-brand-glow{to{background-position:220% center}}
.qgl .qgl-impact,.qgl .qgl-how,.qgl .qgl-trust,.qgl .qgl-quote,.qgl .qgl-faq,.qgl .qgl-final,.qgl .qgl-closing{position:relative;background:#fff!important;color:#172858!important}.qgl .qgl-impact,.qgl .qgl-trust,.qgl .qgl-faq,.qgl .qgl-closing{background:linear-gradient(180deg,#f7fcfe,#fff)!important}.qgl .qgl-impact:before,.qgl .qgl-how:before,.qgl .qgl-trust:before,.qgl .qgl-quote:before,.qgl .qgl-faq:before{display:none!important}
.qgl .qgl-impact .qgl-heading h2,.qgl .qgl-how .qgl-heading h2,.qgl .qgl-trust h2,.qgl .qgl-faq .qgl-heading h2{color:#1d2e64!important}.qgl .qgl-impact .qgl-heading p,.qgl .qgl-how .qgl-heading p,.qgl .qgl-trust p,.qgl .qgl-faq .qgl-heading p{color:#5c6d82!important}.qgl .qgl-impact .qgl-eyebrow,.qgl .qgl-how .qgl-eyebrow,.qgl .qgl-trust .qgl-eyebrow,.qgl .qgl-faq .qgl-eyebrow{color:#168eae!important}
.qgl .qgl-impact-card,.qgl .qgl-step{background:linear-gradient(145deg,#294b84,#216f98)!important;border-color:rgba(32,122,157,.18)!important;box-shadow:0 18px 44px rgba(25,67,103,.16),inset 0 1px 0 rgba(255,255,255,.16)!important}.qgl .qgl-impact-card h3,.qgl .qgl-step h3{color:#fff!important}.qgl .qgl-impact-card p,.qgl .qgl-step p{color:#dbeef5!important}.qgl .qgl-impact-benefit{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.12)!important;color:#dffaff!important}.qgl .qgl-step b{background:linear-gradient(135deg,#68dbe9,#99eef4)!important;color:#19305f!important;box-shadow:7px 7px 0 rgba(255,255,255,.18)!important}.qgl .qgl-trust-story{box-shadow:0 24px 62px rgba(25,65,100,.16)!important}
.qgl .qgl-quote{padding:62px 0!important}.qgl .qgl-quote .qgl-container{padding:48px 28px;border-radius:32px;background:radial-gradient(circle at 15% 10%,rgba(112,221,235,.2),transparent 30%),linear-gradient(135deg,#203a75,#237c9b);color:#fff;box-shadow:0 22px 58px rgba(26,67,103,.18)}.qgl .qgl-faq-item{border-color:#dbeaf0!important;background:#fff!important;box-shadow:0 12px 32px rgba(24,64,100,.08)!important}.qgl .qgl-faq-item summary{color:#20366f!important}.qgl .qgl-faq-item div{color:#5c6d82!important}
.qgl .qgl-final{padding:58px 0!important}.qgl .qgl-final:before{display:none!important}.qgl .qgl-final .qgl-container{padding:46px 25px;border-radius:30px;background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.17),transparent 30%),linear-gradient(135deg,#25447d,#237d9d);box-shadow:0 22px 58px rgba(28,72,108,.18)}.qgl .qgl-final h2,.qgl .qgl-final p{color:#fff!important}.qgl .qgl-final .qgl-button{background:linear-gradient(135deg,#72dfeb,#a0f0f4)!important;color:#19305f!important}
.qgl .qgl-closing{padding:34px 0 70px!important}.qgl .qgl-contact-panel,.qgl .qgl-recent{border-color:rgba(34,111,151,.2)!important;background:linear-gradient(145deg,#25447d,#226f95)!important;color:#fff!important;box-shadow:0 22px 58px rgba(22,68,105,.18)!important}.qgl .qgl-closing h2{color:#fff!important}.qgl .qgl-closing p{color:#dceef5!important}
.qgl .qgl-recent-viewport{position:relative;max-height:390px;overflow:hidden;margin-top:16px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 91%,transparent 100%)}.qgl .qgl-recent-list{margin-top:0!important;will-change:transform}.qgl .qgl-recent-viewport.is-scrollable.is-playing .qgl-recent-list{animation:qgl-recent-roll 18s ease-in-out 1s infinite alternate}@keyframes qgl-recent-roll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 385px))}}.qgl .qgl-recent-viewport:hover .qgl-recent-list{animation-play-state:paused!important}
.qgl .qgl-recent-list article{min-height:72px}.qgl .qgl-recent-list article>div{min-width:0}.qgl .qgl-recent-list article div>span{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 7px}.qgl .qgl-recent-amount,.qgl .qgl-recent-amount .woocommerce-Price-amount,.qgl .qgl-recent-amount bdi,.qgl .qgl-recent-amount .woocommerce-Price-currencySymbol{display:inline-flex!important;align-items:center;white-space:nowrap!important;word-break:keep-all!important}.qgl .qgl-recent-list article>small{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.qgl .qgl-country{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.qgl .qgl-country i{font-style:normal;font-size:18px;line-height:1}.qgl .qgl-recent-list time{white-space:nowrap;color:#bcd5e1}.qgl .qgl-closing-cta{background:linear-gradient(135deg,#65d9e8,#96eef2)!important;color:#172858!important;box-shadow:0 16px 34px rgba(28,167,190,.24)!important}.qgl .qgl-closing-cta:hover{box-shadow:0 21px 42px rgba(28,167,190,.34)!important}
@media(max-width:760px){.qgl .qgl-brand-head{min-height:82px;gap:12px}.qgl .qgl-brand-head .qgl-logo{padding:5px 8px;border-radius:13px}.qgl .qgl-brand-head .qgl-logo img{width:52px;height:47px}.qgl .qgl-brand-message{font-size:clamp(18px,5.6vw,24px);text-align:center}.qgl .qgl-impact,.qgl .qgl-how,.qgl .qgl-trust,.qgl .qgl-quote,.qgl .qgl-faq{background:#fff!important}.qgl .qgl-impact,.qgl .qgl-trust,.qgl .qgl-faq{background:linear-gradient(180deg,#f7fcfe,#fff)!important}.qgl .qgl-quote{padding:34px 0!important}.qgl .qgl-quote .qgl-container{width:calc(100% - 24px);padding:34px 17px;border-radius:23px}.qgl .qgl-final{padding:34px 0!important}.qgl .qgl-final .qgl-container{width:calc(100% - 24px);padding:34px 17px;border-radius:23px}.qgl .qgl-closing{padding:24px 0 52px!important}.qgl .qgl-recent-viewport{max-height:330px}@keyframes qgl-recent-roll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 325px))}}.qgl .qgl-recent-list article>small{max-width:42%;font-size:11px}.qgl .qgl-country{white-space:normal;justify-content:flex-end}.qgl .qgl-recent-list article div>span{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-brand-message,.qgl .qgl-recent-list{animation:none!important}}

/* 3.2 — instant hero fallback, clean brand, interactive impact and story rail. */
.qgl .qgl-hero{min-height:clamp(560px,72vh,760px);background:#173367 url('https://qatra.org/wp-content/uploads/2026/08/سلة-غذائية.jpg') center/cover no-repeat}
.qgl .qgl-brand-head .qgl-logo{display:grid!important;place-items:center;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.qgl .qgl-brand-head .qgl-logo img{width:78px!important;height:64px!important;object-fit:contain;filter:none}
.qgl .qgl-impact-focus{position:relative;height:clamp(210px,30vw,340px);overflow:hidden;margin:0 0 16px;border:1px solid #d6e9f0;border-radius:28px;background:#ddecf3;box-shadow:0 18px 44px rgba(25,67,103,.12)}.qgl .qgl-impact-focus:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(18,49,92,.62))}.qgl .qgl-impact-focus img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .6s ease}.qgl .qgl-impact-focus.is-changing img{opacity:.35;transform:scale(1.025)}.qgl .qgl-impact-focus span{position:absolute;z-index:2;inset:auto 18px 17px;display:inline-flex;width:max-content;padding:8px 13px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(16,39,82,.62);color:#fff;font-size:12px;font-weight:900;backdrop-filter:blur(9px)}.qgl .qgl-impact-stat{cursor:pointer}.qgl .qgl-impact-stat:focus{outline:3px solid rgba(75,187,217,.35);outline-offset:3px}
.qgl .qgl-stories{background:linear-gradient(180deg,#fff,#eef9fc)!important}.qgl .qgl-story-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qgl .qgl-story-card{position:relative;height:390px;overflow:hidden;padding:0;border:1px solid rgba(34,111,151,.2);border-radius:28px;background:#173367;box-shadow:0 20px 48px rgba(25,67,103,.16);cursor:pointer;text-align:start;scroll-snap-align:center}.qgl .qgl-story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,31,67,.04) 30%,rgba(11,31,68,.88) 100%)}.qgl .qgl-story-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.qgl .qgl-story-card:hover img{transform:scale(1.055)}.qgl .qgl-story-play{position:absolute;z-index:2;inset:22px 22px auto auto;display:grid;place-items:center;width:52px;height:52px;padding-inline-start:3px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.9);color:#214174;box-shadow:0 10px 28px rgba(0,0,0,.2)}.qgl[dir="rtl"] .qgl-story-play{inset:22px auto auto 22px}.qgl .qgl-story-copy{position:absolute;z-index:2;inset:auto 22px 22px;color:#fff}.qgl .qgl-story-copy b,.qgl .qgl-story-copy small{display:block}.qgl .qgl-story-copy b{font-size:24px}.qgl .qgl-story-copy small{margin-top:4px;color:#a9f0f7;font-weight:900}
@media(max-width:760px){.qgl .qgl-hero{min-height:610px;background-position:center}.qgl .qgl-brand-head .qgl-logo img{width:58px!important;height:50px!important}.qgl .qgl-impact-focus{height:190px;margin-bottom:11px;border-radius:20px}.qgl .qgl-story-track{display:flex;gap:11px;overflow-x:auto;padding:3px 7vw 17px;scroll-snap-type:x mandatory;scroll-padding-inline:7vw;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.qgl .qgl-story-track::-webkit-scrollbar{height:4px}.qgl .qgl-story-track::-webkit-scrollbar-thumb{border-radius:9px;background:#70ddeb}.qgl .qgl-story-card{flex:0 0 82%;height:360px;border-radius:23px}.qgl .qgl-story-copy b{font-size:21px}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-impact-focus img,.qgl .qgl-story-card img{transition:none!important}}

/* 3.3 — contrast, RTL contact alignment and image focal-point fixes. */
.qgl .qgl-project .qgl-project-body h3{color:#0d1d4e!important;font-weight:950!important}
.qgl .qgl-project:nth-child(2) .qgl-project-image img,
.qgl .qgl-story-card:nth-child(2) img{object-position:center 72%!important}
.qgl[dir="rtl"] .qgl-contact-list a span{text-align:right!important}
.qgl[dir="rtl"] .qgl-contact-list a small{direction:ltr;unicode-bidi:isolate;text-align:right!important}
.qgl .qgl-stories .qgl-heading .qgl-eyebrow{color:#168eae!important;font-weight:950!important;opacity:1!important}
.qgl .qgl-stories .qgl-heading h2{color:#0d1d4e!important;text-shadow:none!important;opacity:1!important}
.qgl .qgl-stories .qgl-heading p{color:#4c6178!important;font-weight:600!important;opacity:1!important}

/* 3.4 — compact glass language switcher in the masthead. */
.qgl .qgl-brand-head{position:relative}
.qgl .qgl-language-switcher{position:absolute;z-index:5;inset-inline-end:0;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(32,54,111,.13);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(25,67,103,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qgl .qgl-language-switcher>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e4f8fb,#c9f1f6);color:#1f6688;font-size:18px;font-weight:950}
.qgl .qgl-language-switcher a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:999px;color:#40536e!important;font-size:12px;font-weight:850;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.qgl .qgl-language-switcher a:hover{background:#e8f8fb;color:#173761!important;transform:translateY(-1px)}
.qgl .qgl-language-switcher a.is-active{background:linear-gradient(135deg,#25447d,#2385a2);color:#fff!important;box-shadow:0 7px 17px rgba(31,94,130,.22)}
@media(max-width:760px){.qgl .qgl-brand-head{min-height:128px!important;padding-bottom:47px}.qgl .qgl-language-switcher{inset:auto auto 9px 50%;transform:translateX(-50%);max-width:calc(100vw - 24px)}.qgl .qgl-language-switcher>span{width:28px;height:28px}.qgl .qgl-language-switcher a{min-height:30px;padding:0 8px;font-size:11px}}


/* 3.4.1 — original layout retained; lightweight muted field-motion only inside Impact. */
.qgl .qgl-impact-focus{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(150px,.68fr);gap:3px;background:#ddecf3!important}
.qgl .qgl-impact-focus:after{display:none!important}
.qgl .qgl-impact-focus-main{position:relative;min-width:0;overflow:hidden}
.qgl .qgl-impact-focus-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(18,49,92,.58));pointer-events:none}
.qgl .qgl-impact-focus-main img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .6s ease}
.qgl .qgl-impact-focus.is-changing .qgl-impact-focus-main img{opacity:.35;transform:scale(1.025)}
.qgl .qgl-impact-motion{display:grid;grid-template-rows:1fr 1fr;gap:3px;min-width:0;background:#0b1f47}
.qgl .qgl-impact-motion video{display:block;width:100%;height:100%;min-height:0;object-fit:cover;background:#10264f;filter:saturate(.98) contrast(1.03)}
.qgl .qgl-impact-focus>span{inset:auto 18px 17px!important;pointer-events:none}
.qgl[dir="rtl"] .qgl-impact-focus>span{inset:auto auto 17px 18px!important}
@media(max-width:760px){.qgl .qgl-impact-focus{height:220px!important;grid-template-columns:minmax(0,1.45fr) minmax(105px,.7fr)}.qgl .qgl-impact-focus>span{max-width:calc(100% - 28px);inset:auto 14px 12px!important;padding:6px 10px!important;font-size:10px!important}.qgl[dir="rtl"] .qgl-impact-focus>span{inset:auto auto 12px 14px!important}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-impact-motion{display:none!important}.qgl .qgl-impact-focus{grid-template-columns:1fr!important}}

/* 3.4.17 — Impact media must never render as an empty navy panel. Static field photos
   are the guaranteed base layer; video fades in only after the browser has a frame. */
.qgl .qgl-impact-motion{background:#ddecf3!important}
.qgl .qgl-impact-motion-item{position:relative;min-width:0;min-height:0;overflow:hidden;background:#ddecf3}
.qgl .qgl-impact-motion-item>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}
.qgl .qgl-impact-motion-item>video{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;background:transparent!important;opacity:0;transition:opacity .35s ease}
.qgl .qgl-impact-motion-item>video.is-ready{opacity:1}
.qgl .qgl-impact-focus-main img{display:block;background:#ddecf3}
@media(prefers-reduced-motion:reduce){.qgl .qgl-impact-motion-item>video{display:none!important}.qgl .qgl-impact-motion{display:grid!important}.qgl .qgl-impact-focus{grid-template-columns:minmax(0,1.62fr) minmax(150px,.68fr)!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.qgl .qgl-impact-focus{grid-template-columns:minmax(0,1.45fr) minmax(105px,.7fr)!important}}