@import url("/requests-app/resource/Y3NzL3Byb21vLXZpc3VhbC1leGFjdC5jc3M?v=20260918b");
@import url("/requests-app/resource/Y3NzL2hvbWUtcmVmZXJlbmNlLWZpeC5jc3M?v=20260918a");
/* Qimah reference header and homepage hero — shared across all public pages. */
:root{--q-ref-blue:#073d7c;--q-ref-accent:#ff9f10;--q-ref-cyan:#0879ad;--q-ref-line:#d9eaf8}
.qimah-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(7,61,124,.08);background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(17,63,104,.1);backdrop-filter:blur(18px)}
.qimah-header__inner{display:flex;width:min(1640px,calc(100% - 48px));min-height:106px;margin:auto;align-items:center;gap:16px;direction:rtl}
.qimah-header__brand{display:grid;width:95px;min-height:106px;margin-inline-start:10px;place-items:center;border-inline-start:1px solid #eef2f5}.qimah-header__brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(7,61,124,.1))}
.qimah-header__language{display:flex;height:64px;padding:0 17px;align-items:center;gap:9px;border:1px solid #d5e7f6;border-radius:20px;color:var(--q-ref-blue);background:#f9fcff;font-size:.82rem}.qimah-header__language svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.qimah-header__language span{font-size:1.1rem}
.qimah-header__search{display:flex;width:min(325px,22vw);height:64px;padding:0 18px;align-items:center;gap:12px;border:1px solid #d5e7f6;border-radius:20px;background:#fbfdff}.qimah-header__search svg{width:29px;height:29px;flex:none;fill:none;stroke:var(--q-ref-blue);stroke-width:2.4}.qimah-header__search input{width:100%;min-width:0;border:0;outline:0;color:var(--q-ref-blue);background:transparent;font-size:.77rem}.qimah-header__search input::placeholder{color:#7586a6}
.qimah-header__nav{display:flex;margin-inline:auto;align-items:center;gap:4px;white-space:nowrap}.qimah-header__nav a{padding:20px 18px;border-radius:18px;color:#0a2e69;font-size:.79rem;font-weight:800;transition:.2s}.qimah-header__nav a:hover,.qimah-header__nav a.is-active{color:#075b8e;background:#e7f3fc}.qimah-header__mobile-request{display:none!important}
.qimah-header__account{display:flex;min-width:220px;align-items:center;justify-content:flex-end;gap:10px;direction:ltr}.qimah-login-button{display:flex;min-width:235px;height:70px;padding:0 25px;align-items:center;justify-content:center;gap:13px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#087cae,#075a8d);box-shadow:0 13px 30px rgba(8,101,149,.22);font-size:1rem}.qimah-login-button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}
.qimah-account-action{position:relative;display:flex;min-width:82px;min-height:75px;align-items:center;justify-content:center;flex-direction:column;color:#164884;font-size:.66rem;font-weight:600}.qimah-account-action svg{width:30px;height:30px;margin-bottom:4px;fill:none;stroke:currentColor;stroke-width:1.7}.qimah-account-action i{position:absolute;top:1px;right:14px;display:grid;width:25px;height:25px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#ff563f;font-size:.56rem;font-style:normal}.qimah-account-action:hover{color:#0875a8}
.qimah-header__menu{display:none;width:46px;height:46px;padding:10px;border:1px solid #d5e7f6;border-radius:13px;color:var(--q-ref-blue);background:#fff}.qimah-header__menu svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}

.qimah-reference-hero{position:relative;isolation:isolate;min-height:780px;padding:0 0 112px;overflow:hidden;background-color:#eef7fe;background-image:url('/requests-app/resource/aW1nL3FpbWFoLWNhbXB1cy1oZXJvLTNkQDJ4LnBuZw');background-position:left center;background-size:cover;background-repeat:no-repeat}
.qimah-reference-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(235,247,254,0) 0%,rgba(239,248,255,.12) 36%,rgba(245,250,255,.96) 60%,#f5faff 100%);content:""}.qimah-reference-hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(137deg,transparent 0 54%,rgba(255,255,255,.46) 54.2% 68%,transparent 68.2%),linear-gradient(37deg,transparent 0 63%,rgba(206,226,241,.25) 63.2% 77%,transparent 77.2%);content:""}
.qimah-reference-hero__wash{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 73% 25%,rgba(255,255,255,.82),transparent 25%),radial-gradient(circle at 56% 55%,rgba(225,241,252,.44),transparent 31%)}
.qimah-reference-hero__content{position:relative;width:min(1560px,calc(100% - 90px));min-height:655px;margin:auto}.qimah-reference-hero__copy{position:absolute;z-index:3;top:93px;right:0;width:min(650px,48%);text-align:right}
.qimah-reference-hero__kicker{display:inline-flex;padding:9px 20px;align-items:center;gap:14px;border-radius:999px;color:#075a8d;background:rgba(225,242,253,.78);font-size:.76rem;font-weight:800;backdrop-filter:blur(10px)}.qimah-reference-hero__kicker i{display:block;width:28px;height:2px;background:#0876a8}
.qimah-reference-hero h1{margin:27px 0 8px;color:var(--q-ref-blue);font-size:clamp(3.4rem,5.2vw,5.7rem);font-weight:800;line-height:1.3;letter-spacing:-.05em}.qimah-reference-hero h1 em{color:var(--q-ref-accent);font-style:normal}.qimah-reference-hero__copy>p{margin:0;color:#294f84;font-size:1.12rem;line-height:2}
.qimah-reference-hero__actions{display:flex;margin-top:26px;gap:14px}.qimah-reference-hero__actions a{display:flex;min-width:235px;height:74px;padding:0 27px;align-items:center;justify-content:space-between;border:1px solid #cfe2f2;border-radius:19px;font-size:1rem;font-weight:800}.qimah-reference-hero__primary{color:#fff;background:linear-gradient(135deg,#0983b5,#056899);box-shadow:0 15px 30px rgba(8,105,155,.18)}.qimah-reference-hero__primary b{display:grid;width:47px;height:47px;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:1.5rem}.qimah-reference-hero__secondary{color:var(--q-ref-blue);background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}.qimah-reference-hero__secondary b{font-size:1.4rem}
.qimah-learning-card{position:absolute;z-index:4;top:270px;left:27%;display:grid;width:405px;min-height:116px;padding:20px 22px;grid-template-columns:62px 1fr 54px;align-items:center;gap:15px;border:1px solid rgba(209,228,242,.8);border-radius:25px;color:var(--q-ref-blue);background:rgba(255,255,255,.85);box-shadow:0 18px 45px rgba(26,75,115,.13);backdrop-filter:blur(14px)}.qimah-learning-card::before{position:absolute;z-index:-1;width:185px;height:185px;inset:-69px -42px auto auto;border:1px solid rgba(5,104,153,.6);border-radius:50%;content:""}.qimah-learning-card__icon,.qimah-learning-card i{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#fff;font-size:1.5rem;font-style:normal}.qimah-learning-card i{color:#08709f;background:#e8f4fc}.qimah-learning-card>span:nth-child(2){display:flex;flex-direction:column}.qimah-learning-card b{font-size:1.1rem}.qimah-learning-card small{color:#687da1;font-size:.72rem}
.qimah-reference-stats{position:absolute;z-index:5;right:5.5%;bottom:34px;display:grid;width:89%;min-height:128px;padding:18px 24px;grid-template-columns:repeat(4,1fr);align-items:center;border:1px solid rgba(205,225,240,.85);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 20px 50px rgba(25,74,112,.11);backdrop-filter:blur(18px)}.qimah-reference-stats article{display:flex;min-height:76px;padding:0 34px;align-items:center;justify-content:center;gap:17px}.qimah-reference-stats article+article{border-right:1px solid #d7e5ef}.qimah-stat-icon{display:grid;width:58px;height:58px;flex:none;place-items:center;border-radius:18px;color:#075899;background:#fff;box-shadow:0 8px 22px rgba(15,68,109,.08);font-size:1.5rem}.qimah-reference-stats article div{display:flex;flex-direction:column}.qimah-reference-stats strong{color:#0a3572;font-size:1.3rem;line-height:1.4}.qimah-reference-stats small{color:#6079a0;font-size:.67rem}
.qimah-side-rail{position:fixed;z-index:90;top:123px;right:0;display:flex;width:58px;padding:10px 7px;align-items:center;flex-direction:column;border-radius:0 0 0 16px;background:linear-gradient(#087eb1,#07538c);box-shadow:0 15px 35px rgba(6,73,117,.2)}.qimah-side-rail a{display:grid;width:44px;height:48px;place-items:center;border-radius:13px;color:#fff;font-size:1.2rem}.qimah-side-rail a:hover{background:rgba(255,255,255,.1)}

@media(max-width:1420px){.qimah-header__inner{width:min(100% - 30px,1380px)}.qimah-header__nav a{padding-inline:12px}.qimah-header__search{width:255px}.qimah-login-button{min-width:190px}.qimah-reference-hero__content{width:calc(100% - 70px)}.qimah-learning-card{left:23%;transform:scale(.92)}}
@media(max-width:1180px){.qimah-header__inner{min-height:84px}.qimah-header__brand{width:75px;min-height:84px}.qimah-header__brand img{width:56px;height:56px}.qimah-header__menu{display:block}.qimah-header__language,.qimah-header__search{display:none}.qimah-header__nav{position:absolute;top:84px;right:18px;left:18px;display:none;padding:12px;border:1px solid #dceaf4;border-radius:18px;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 22px 50px rgba(7,61,124,.15)}.qimah-header.is-menu-open .qimah-header__nav{display:flex}.qimah-header__nav a{padding:12px 16px}.qimah-header__mobile-request{display:block!important;color:#fff!important;background:#0877a8!important;text-align:center}.qimah-header__account{min-width:0;margin-inline-start:auto}.qimah-account-action span{display:none}.qimah-account-action{min-width:44px;min-height:55px}.qimah-login-button{min-width:auto;height:52px;padding-inline:18px;border-radius:14px}.qimah-reference-hero{min-height:720px}.qimah-reference-hero__content{min-height:600px}.qimah-reference-hero__copy{top:70px;width:58%}.qimah-reference-hero h1{font-size:clamp(3.1rem,6vw,4.6rem)}.qimah-learning-card{top:385px;left:10%;width:350px}.qimah-side-rail{display:none}}
@media(max-width:820px){.qimah-header__inner{width:calc(100% - 22px);gap:9px}.qimah-header__brand{margin:0;border:0}.qimah-login-button span{display:none}.qimah-login-button{width:50px;padding:0}.qimah-account-action{display:none}.qimah-account-action:last-child{display:flex}.qimah-reference-hero{min-height:780px;padding-bottom:200px;background-position:30% center}.qimah-reference-hero::before{background:linear-gradient(180deg,rgba(245,250,255,.96),rgba(245,250,255,.82) 55%,rgba(238,248,255,.25) 100%)}.qimah-reference-hero__content{width:calc(100% - 34px);min-height:580px}.qimah-reference-hero__copy{top:38px;right:0;width:100%;text-align:center}.qimah-reference-hero__kicker{font-size:.61rem}.qimah-reference-hero h1{margin-top:18px;font-size:clamp(2.5rem,11vw,3.6rem)}.qimah-reference-hero__copy>p{font-size:.82rem;line-height:1.85}.desktop-only{display:none}.qimah-reference-hero__actions{justify-content:center}.qimah-reference-hero__actions a{min-width:0;height:58px;padding:0 18px;border-radius:14px;font-size:.78rem}.qimah-reference-hero__primary b{width:34px;height:34px}.qimah-learning-card{top:405px;left:auto;right:18px;width:285px;min-height:86px;padding:12px;grid-template-columns:45px 1fr 40px;border-radius:18px;transform:none}.qimah-learning-card::before{display:none}.qimah-learning-card__icon,.qimah-learning-card i{width:42px;height:42px;font-size:1rem}.qimah-learning-card b{font-size:.8rem}.qimah-learning-card small{font-size:.55rem}.qimah-reference-stats{right:17px;bottom:22px;width:calc(100% - 34px);min-height:auto;padding:10px;grid-template-columns:repeat(2,1fr);border-radius:20px}.qimah-reference-stats article{min-height:70px;padding:8px;gap:9px}.qimah-reference-stats article+article{border:0}.qimah-reference-stats article:nth-child(even){border-right:1px solid #d7e5ef}.qimah-reference-stats article:nth-child(n+3){border-top:1px solid #d7e5ef}.qimah-stat-icon{width:42px;height:42px;border-radius:12px;font-size:1rem}.qimah-reference-stats strong{font-size:.9rem}.qimah-reference-stats small{font-size:.52rem}}
@media(max-width:470px){.qimah-header__brand{width:56px}.qimah-header__brand img{width:48px;height:48px}.qimah-header__menu{width:42px;height:42px}.qimah-reference-hero__actions{align-items:stretch;flex-direction:column}.qimah-reference-hero__actions a{justify-content:center;gap:20px}.qimah-learning-card{top:445px;right:50%;transform:translateX(50%)}.qimah-reference-hero{min-height:825px}}

/* Homepage hero final polish: the 3D Qimah sign is part of the campus artwork, so it keeps the correct perspective and never duplicates. */
@media(min-width:1181px){.qimah-reference-hero__copy{right:72px;max-width:650px}.qimah-reference-hero__actions{position:relative;z-index:6}.qimah-reference-stats{max-width:1480px;left:50%;right:auto;transform:translateX(-50%)}}
@media(min-width:821px) and (max-width:1180px){.qimah-reference-hero{min-height:760px;padding-bottom:138px}.qimah-reference-stats{bottom:24px}.qimah-reference-hero__actions{position:relative;z-index:6}}


/* Mobile UX pass   public portal. */
@media(max-width:740px){
  html,body{overflow-x:hidden}
  body{font-size:15px;line-height:1.75}
  .qimah-header{position:sticky}
  .qimah-header__inner{width:calc(100% - 20px);min-height:70px;gap:8px}
  .qimah-header__brand{width:62px;min-height:70px}
  .qimah-header__brand img{width:50px;height:50px}
  .qimah-header__menu{width:46px;height:46px;border-radius:14px}
  .qimah-header__account{margin-inline-start:auto}
  .qimah-account-action{min-width:48px;min-height:58px}
  .qimah-header__nav{top:74px;right:10px;left:10px;max-height:calc(100svh - 92px);padding:10px;overflow:auto;border-radius:16px}
  .qimah-header__nav a{display:flex;min-height:48px;padding:11px 14px;align-items:center;font-size:.88rem}
  .public-container{width:calc(100% - 28px)}
  .requests-section,.public-page,.how-section{padding-block:46px}
  .section-heading{gap:16px;margin-bottom:20px}
  .section-heading h2,.student-section-title h2{font-size:1.55rem}
  .section-heading p{font-size:.88rem;line-height:1.75}
  .public-search{min-height:50px;padding:4px}
  .public-search input{font-size:.9rem}
  .public-search button{min-height:42px;padding-inline:18px}
  .public-button,.form-submit{min-height:50px;padding:11px 17px;font-size:.86rem}
  .public-button:active,.form-submit:active{transform:scale(.98)}
  .qimah-home .qimah-reference-hero{min-height:730px;padding-bottom:180px;background-position:30% center}
  .qimah-home .qimah-reference-hero__copy{top:34px}
  .qimah-home .qimah-reference-hero h1{font-size:clamp(2.35rem,10vw,3.15rem);line-height:1.25}
  .qimah-home .qimah-reference-hero__copy>p{font-size:.9rem}
  .qimah-home .qimah-reference-hero__actions{gap:10px}
  .qimah-home .qimah-reference-hero__actions a{min-height:52px}
  .qimah-home .qimah-learning-card{top:390px;right:14px;width:calc(100% - 28px)}
  .qimah-home .qimah-reference-stats{right:14px;bottom:16px;width:calc(100% - 28px);gap:0}
  .qimah-home .qimah-reference-stats article{min-height:64px;padding:7px;gap:7px}
  .qimah-home .qimah-stat-icon{width:38px;height:38px;font-size:.9rem}
  .qimah-home .request-grid{grid-template-columns:1fr;gap:11px}
  .qimah-home .public-request-card{min-height:212px!important;padding:15px}
  .qimah-home .public-request-card h3{font-size:.95rem}
  .qimah-home .public-request-card p{font-size:.76rem}
  .qimah-home .public-request-card .request-meta{font-size:.63rem}
  .qimah-home .public-request-card .card-footer{font-size:.72rem}
  .qimah-home .public-request-card .card-open{font-size:.68rem}
  .detail-title-row{gap:14px}
  .white-card{padding:18px}
  .public-form{gap:13px}
  .public-form input,.public-form select,.auth-form input,.auth-form select{min-height:50px;font-size:.9rem}
  .public-form textarea{min-height:110px;font-size:.9rem}
  .upload-zone{min-height:130px}
  .dashboard-hero{padding:32px 0 86px}
  .dashboard-hero h1{font-size:1.75rem}
  .dashboard-hero p{font-size:.88rem}
  .dashboard-hero-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:9px}
  .dashboard-hero-actions .public-button{width:100%;min-height:46px;padding-inline:10px;font-size:.74rem}
  .student-stats{gap:10px;margin-top:-58px}
  .student-stats div{padding:15px}
  .student-request-list article,.approved-offers article{padding:16px}
  .student-request-list h3{font-size:.98rem}
  .student-request-list p,.approved-offers p{font-size:.8rem;line-height:1.7}
  .student-request-status{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  .student-request-status a{font-size:.8rem}
  .profile-completion{padding:14px}
  .profile-completion p{font-size:.8rem}
  .teacher-public-card>img{height:220px}
  .teacher-public-card h2{font-size:1.1rem}
  .teacher-public-card p{font-size:.82rem}
  .teacher-public-card footer a{font-size:.75rem}
  .contact-dock{position:relative;width:calc(100% - 20px);margin-bottom:14px}
  .contact-dock>a{min-height:47px}
  .footer-inner{padding-block:25px}
  .footer-inner p,.footer-inner>div a{font-size:.78rem}
  .flash-stack{inset:80px 10px auto;width:auto}
  .public-flash{width:100%;font-size:.84rem}
}
@media(max-width:390px){
  .dashboard-hero-actions{grid-template-columns:1fr}
  .qimah-home .qimah-reference-hero{min-height:755px}
  .qimah-home .qimah-reference-stats article{padding:6px}
  .qimah-home .qimah-reference-stats small{font-size:.48rem}
}

/* Mobile navigation is always above page content. */
@media(max-width:1180px){.qimah-header__nav{z-index:1001}.qimah-header__menu{position:relative;z-index:1002;touch-action:manipulation}}


/* Header density refinement. */
@media(min-width:741px){
  .qimah-header__inner{min-height:84px;gap:12px}
  .qimah-header__brand{width:78px;min-height:84px;margin-inline-start:4px}
  .qimah-header__brand img{width:56px;height:56px}
  .qimah-header__language{height:52px;padding-inline:14px;border-radius:16px}
  .qimah-header__search{height:52px;padding-inline:15px;border-radius:16px}
  .qimah-header__search svg{width:24px;height:24px}
  .qimah-header__nav a{padding:14px 13px;border-radius:14px}
  .qimah-header__account{min-width:182px}
  .qimah-login-button{min-width:184px;height:54px;padding-inline:19px;border-radius:16px;font-size:.9rem}
  .qimah-login-button svg{width:25px;height:25px}
  .qimah-account-action{min-width:66px;min-height:58px}
  .qimah-account-action svg{width:26px;height:26px}
}
@media(min-width:741px) and (max-width:1180px){.qimah-header__nav{top:84px}}
@media(min-width:1181px) and (max-width:1420px){.qimah-header__search{width:220px}.qimah-header__nav a{padding-inline:10px}.qimah-login-button{min-width:168px}.qimah-header__account{min-width:168px}}