.qgl{background:radial-gradient(circle at 8% 26%,rgba(75,187,217,.12),transparent 26%),radial-gradient(circle at 92% 54%,rgba(37,45,105,.09),transparent 28%),#f8fcfe}
.qgl .qgl-form-shell,.qgl .qgl-project,.qgl .qgl-impact-card,.qgl .qgl-step{border:1px solid rgba(255,255,255,.88)!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(237,249,253,.78))!important;box-shadow:0 22px 60px rgba(28,43,76,.11),inset 0 1px 0 #fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.qgl .qgl-form-shell,.qgl .qgl-project{position:relative;overflow:hidden}
.qgl .qgl-form-shell:before,.qgl .qgl-project:before{content:"";position:absolute;z-index:0;inset:-80% auto auto -45%;width:60%;height:170%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.78),transparent);transform:rotate(18deg);animation:qgl-glint 8s ease-in-out infinite}
.qgl .qgl-form-shell>* , .qgl .qgl-project>*{position:relative;z-index:1}
.qgl .qgl-projects{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.qgl .qgl-project{grid-column:auto!important;border-radius:26px!important;transition:transform .28s ease,box-shadow .28s ease!important}.qgl .qgl-project:hover{transform:translateY(-7px);box-shadow:0 30px 72px rgba(28,43,76,.17)!important}
.qgl-detail-modal{position:fixed!important;z-index:2147483000!important;inset:0!important;display:grid!important;place-items:center;width:100vw!important;height:100vh!important;height:100dvh!important;padding:18px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s;background:rgba(7,14,40,.18);font-family:"Cairo","Segoe UI",Arial,sans-serif;box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.qgl-detail-modal.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.qgl-detail-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(7,14,40,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;touch-action:manipulation}
.qgl-detail-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);width:min(940px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.52);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(227,247,252,.92));box-shadow:0 38px 100px rgba(0,0,0,.34),inset 0 1px 0 #fff;transform:translateY(18px) scale(.98);transition:transform .25s ease}
.qgl-detail-modal.is-open .qgl-detail-card{transform:none}.qgl-detail-close{position:absolute;z-index:5;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 8px 25px rgba(17,24,63,.18);color:#252d69;font:400 30px/1 Arial;cursor:pointer}
.qgl-detail-gallery{position:relative;min-height:500px;overflow:hidden;border-radius:28px 0 0 28px;background:#d9edf4}.qgl-detail-modal[dir="rtl"] .qgl-detail-gallery{border-radius:0 28px 28px 0}.qgl-detail-gallery>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity .7s ease,transform 3.1s ease}.qgl-detail-gallery>img.is-active{opacity:1;transform:scale(1)}
.qgl-detail-gallery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,14,40,.38))}.qgl-detail-dots{position:absolute;z-index:2;inset:auto 0 18px;display:flex;justify-content:center;gap:7px}.qgl-detail-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.58);transition:.25s;cursor:pointer}.qgl-detail-dots button.is-active{width:30px;background:#fff}
.qgl-detail-body{align-self:center;padding:48px 36px 36px;color:#3f4a63}.qgl-detail-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(145deg,#fff,#e6f8fc);box-shadow:0 12px 30px rgba(31,48,89,.12);font-size:27px}.qgl-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.qgl-detail-heading h2{margin:0;color:#252d69;font-size:clamp(27px,3vw,38px)}.qgl-detail-heading>strong{color:#2296b7;font-size:31px}.qgl-detail-body>p{margin:14px 0 24px;line-height:1.9}
.qgl-detail-donate{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px;padding:15px;border:1px solid rgba(196,225,235,.8);border-radius:19px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 #fff}.qgl-detail-donate span{display:block;margin-bottom:7px;color:#69758c;font-size:12px;font-weight:800}.qgl-detail-total{text-align:end}.qgl-detail-total strong{display:block!important;color:#252d69;font-size:24px}.qgl-detail-continue{width:100%;min-height:56px;border:0!important;box-shadow:0 14px 35px rgba(37,45,105,.27)!important}.qgl-detail-open{overflow:hidden!important}
@keyframes qgl-glint{0%,64%{transform:translateX(-160%) rotate(18deg)}88%,100%{transform:translateX(420%) rotate(18deg)}}
@media(max-width:760px){.qgl .qgl-projects{grid-template-columns:1fr!important}.qgl-detail-modal{padding:max(6px,env(safe-area-inset-top)) 7px max(6px,env(safe-area-inset-bottom))!important;align-items:center!important}.qgl-detail-card{display:block;width:100%;max-height:calc(100dvh - 14px);border-radius:23px}.qgl-detail-gallery,.qgl-detail-modal[dir="rtl"] .qgl-detail-gallery{min-height:38vh;height:38vh;border-radius:22px 22px 0 0}.qgl-detail-body{padding:22px 15px 16px}.qgl-detail-icon{position:absolute;top:calc(38vh - 27px);width:48px;height:48px;margin:0}.qgl-detail-heading{margin-top:8px}.qgl-detail-heading h2{font-size:25px}.qgl-detail-heading>strong{font-size:26px}.qgl-detail-body>p{margin:9px 0 14px;line-height:1.65;font-size:14px}.qgl-detail-donate{margin-bottom:12px;padding:10px}.qgl-detail-continue{min-height:52px}.qgl .qgl-donation-section>.qgl-container{width:100%!important;max-width:none!important;padding-inline:7px!important}.qgl .qgl-donation-grid{gap:13px!important}.qgl .qgl-form-shell{width:100%;padding:5px!important;border-radius:20px!important}.qgl .qgl-form-shell .qfd-card{padding:8px 5px!important}.qgl .qgl-section-copy{padding-inline:8px!important}}
.qgl-detail-gallery>img{transform:scale(1.025)!important;transition:opacity .34s ease,transform 2.2s ease!important}.qgl-detail-gallery>img.is-active{transform:scale(1)!important}.qgl-detail-gallery{touch-action:pan-y}
.qgl-detail-donate .qgl-quantity{grid-template-columns:38px 44px 38px!important;width:120px!important;min-width:120px!important;max-width:120px!important;border:1px solid rgba(140,230,244,.44)!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important}.qgl-detail-donate .qgl-quantity button{width:38px!important;min-width:38px!important;height:43px!important;background:#e8f9fc!important;font-size:22px!important}.qgl-detail-donate .qgl-quantity b{color:#17245a!important;font-size:18px!important}
@media(max-width:760px){.qgl-detail-donate{align-items:center!important;border-color:rgba(140,230,244,.32)!important;background:rgba(255,255,255,.075)!important}.qgl-detail-donate .qgl-quantity{grid-template-columns:36px 42px 36px!important;width:114px!important;min-width:114px!important;max-width:114px!important}.qgl-detail-donate .qgl-quantity button{width:36px!important;min-width:36px!important;height:41px!important}}
@media(prefers-reduced-motion:reduce){.qgl .qgl-form-shell:before,.qgl .qgl-project:before{animation:none}.qgl-detail-gallery>img{transition:none}}