*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:#253248;font:16px/1.75 "IBM Plex Sans Arabic","Tajawal","Madani","Noto Sans Arabic","Segoe UI",system-ui,-apple-system,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:940px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #e7eaf0}.brand{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:80px;font-weight:700;color:#152039}.brand img{max-height:55px;max-width:130px;object-fit:contain}.hero{background:#111c33;color:white;text-align:center;padding:55px 0 118px}.hero h1{font-size:clamp(26px,4vw,43px);line-height:1.45;margin:8px 0 20px}.hero p{max-width:740px;margin:0 auto 25px;color:#d3dae5;line-height:2}.note{max-width:740px;margin:0 auto;padding:14px 20px;text-align:right;border:1px solid #a9853f66;background:#bea05a14;border-radius:14px;color:#e8e3d4}.note b{color:#e1bf73}.metrics{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:22px 0;color:#d6dce8}.cta,.primary{border:0;border-radius:11px;background:#ddb96a;color:#152039;font-weight:bold;padding:11px 24px;text-decoration:none;display:inline-block}.cta:hover,.primary:hover{background:#efc879}.survey{max-width:820px;margin:-70px auto 80px;position:relative;scroll-margin-top:30px}.card{border-radius:18px;background:white;box-shadow:0 15px 45px #15203919;overflow:hidden}.progress-head{background:#f8fafc;padding:25px 32px 20px;border-bottom:1px solid #edf0f3}.progress-row{display:flex;justify-content:space-between;gap:12px;color:#19243b}.progress-row span{color:#707a89}.track{height:9px;background:#e3e8ef;border-radius:30px;overflow:hidden;margin-top:15px}.track div{background:linear-gradient(to left,#b9944d,#e5bf6f);height:100%;transition:width .3s}.dots{display:flex;gap:7px;margin-top:11px}.dots button{height:6px;flex:1;border:0;border-radius:10px;background:#cbd5e1;padding:0}.dots button.current{background:#c9a055}.fields{padding:28px 32px 36px}.fields h2{font-size:23px;margin:0;color:#17233b}.fields>p{color:#727d8a;margin:3px 0 25px}.field{margin-bottom:23px}.field label.question-label{display:block;font-weight:700;margin:0 0 9px;color:#19253c}.required{color:#bb8936}.hint{font-size:13px;color:#1f827e;margin:-4px 0 7px}.input{display:block;width:100%;min-height:46px;padding:10px 13px;background:#fff;border:1px solid #cbd3de;border-radius:11px;outline:none;color:#273347}.input:focus{border-color:#ba944d;box-shadow:0 0 0 3px #dcc17a48}.choices{display:grid;gap:9px}.choice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #d5dce5;border-radius:10px;cursor:pointer}.choice:hover{border-color:#bea05a;background:#fffdf8}.choice input{margin-top:7px;accent-color:#c29c52}.field.invalid .input,.field.invalid .choice{border-color:#d74d4d}.error{color:#ae2536;font-size:13px;margin:5px 0}.actions{border-top:1px solid #edf0f3;padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;gap:12px}.secondary{background:#edf0f4;border:0;border-radius:11px;padding:11px 24px;color:#34445b}.secondary:disabled{opacity:.4;cursor:not-allowed}footer{text-align:center;color:#758091;padding:0 20px 35px}@media(max-width:600px){.wrap{padding:0 15px}.brand{gap:8px;min-height:67px;font-size:13px}.brand img{max-height:39px;max-width:84px}.hero{padding:35px 0 100px}.hero h1 br{display:none}.metrics{gap:12px;font-size:13px}.survey{margin-top:-61px}.progress-head,.fields{padding:19px 17px}.progress-row{font-size:13px}.fields h2{font-size:20px}}
/* Pass 3 UI hotfix: independent reset control after successful submission. */
.restart-button{display:inline-flex;align-items:center;justify-content:center;min-width:210px;margin-top:14px}

/* Sticky glass header — Pass 3 focused UI hotfix. */
.top{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.84);border-bottom:1px solid rgba(208,216,229,.68);-webkit-backdrop-filter:blur(18px) saturate(165%);backdrop-filter:blur(18px) saturate(165%);box-shadow:0 5px 24px rgba(16,29,50,.06);transition:box-shadow .2s ease}
.brand{min-height:76px;gap:20px;justify-content:space-between}
.brand-identity,.header-side{display:flex;align-items:center;min-width:0}
.brand-identity{gap:16px}.brand-identity>img{max-height:48px;max-width:112px;object-fit:contain}
.brand-divider{height:34px;width:1px;background:linear-gradient(180deg,transparent,#c5a15b,transparent)}
.brand-title{display:flex;flex-direction:column;gap:0;line-height:1.55;min-width:0}
.brand-eyebrow{color:#717d90;font-size:11px;font-weight:600;white-space:nowrap}
.brand-title strong{font-size:16px;color:#14213a;font-weight:800;white-space:nowrap}
.header-side{gap:18px}.header-survey-link{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(222,186,106,.16);border:1px solid rgba(180,143,65,.30);color:#26304a;text-decoration:none;font-size:13px;font-weight:750;transition:background .18s,transform .18s}
.header-survey-link:hover{background:rgba(222,186,106,.29);transform:translateY(-1px)}
.header-survey-link:focus-visible{outline:3px solid #b9944d;outline-offset:3px}
.header-partner-divider{width:1px;height:32px;background:#dfe5ec}
.header-side .partner-logo{max-height:47px;max-width:112px;object-fit:contain}
.survey{scroll-margin-top:106px}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.top{background:rgba(255,255,255,.97)}}
@media(max-width:600px){.brand{min-height:67px;gap:9px}.brand-identity{gap:9px}.brand-identity>img{max-width:70px;max-height:38px}.brand-divider{height:27px}.brand-eyebrow{font-size:9px}.brand-title strong{font-size:12px}.header-side{gap:8px}.header-survey-link{font-size:11px;padding:6px 10px;gap:4px}.header-partner-divider{display:none}.header-side .partner-logo{max-width:55px;max-height:35px}.survey{scroll-margin-top:89px}}
@media(max-width:390px){.brand{gap:5px}.brand-identity{gap:6px}.brand-identity>img{max-width:51px}.brand-eyebrow{display:none}.brand-title strong{font-size:11px}.header-side .partner-logo{max-width:42px}.header-survey-link{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.header-survey-link{transition:none}}

/* Optional campaign tracking consent, shown only if enabled tracking codes exist. */
.tracking-consent{position:fixed;z-index:10000;bottom:1rem;left:1rem;right:1rem;margin:auto;max-width:640px;background:rgba(255,255,255,.96);color:#111c33;border:1px solid #d9dfe7;border-radius:16px;box-shadow:0 14px 50px #0002;padding:18px 22px;backdrop-filter:blur(16px);direction:rtl}
.tracking-consent p{margin:0 0 12px;line-height:1.8}.tracking-consent div{display:flex;gap:10px;flex-wrap:wrap}
.tracking-consent button{background:#d9b35f;color:#111c33;border:0;border-radius:9px;padding:9px 22px;cursor:pointer;font:inherit}
.tracking-consent button.tracking-reject{background:#e8ebf0}
@media(max-width:600px){.tracking-consent{bottom:.5rem;left:.5rem;right:.5rem;padding:14px}}