@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100svh}body{letter-spacing:0;background:#0f0f0f;margin:0;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif}.hero-section{direction:ltr;background-image:url(/desk.jpg%20\(2\).jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-end;align-items:center;width:100%;min-height:100svh;padding:3rem 5.5rem;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";border:2px solid #0e0d0a24;border-radius:50%;width:23rem;height:23rem;position:absolute;top:50%;right:3.5rem;transform:translateY(-50%)}.hero-section:after{content:"";background:#bfd8f1;width:13rem;height:.65rem;position:absolute;top:28%;right:4.8rem;transform:rotate(-5deg);box-shadow:0 1rem #f9f4c3a6}.hero-brand{z-index:3;color:#11100d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffad1;border:1px solid #6d9fcf73;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .75rem .35rem .45rem;text-decoration:none;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 .7rem 1.6rem #00000014}.hero-brand img{object-fit:cover;border-radius:50%;width:2.65rem;height:2.65rem}.hero-brand span{font-size:1.05rem;font-weight:900;line-height:1}.hero-brand:hover,.hero-brand:focus-visible{background:#fffffa}.hero-brand:focus-visible{outline-offset:3px;outline:3px solid #11100d}.hero-copy{z-index:1;color:#11100d;text-align:right;letter-spacing:0;direction:rtl;width:38rem;max-width:calc(100% - 2rem);position:relative}.hero-line{text-wrap:balance;text-shadow:0 2px 2px #ffffffb8;margin:0}.hero-line-large{font-size:3rem;font-weight:900;line-height:1.22}.hero-line-medium{margin-top:.75rem;border-bottom:.28rem solid #bfd8f1;width:max-content;max-width:100%;margin-inline-start:auto;padding-bottom:.2rem;font-size:2.2rem;font-weight:800;line-height:1.25}.hero-line-small{margin-top:1.25rem;font-size:1.35rem;font-weight:700;line-height:1.75}.hero-line-small span{background:#bfd8f1;border-radius:999px;padding:.02rem .45rem .08rem;display:inline-block;box-shadow:0 .35rem 1rem #aa6c002e}.hero-cta{color:#11100d;min-width:14rem;min-height:3.5rem;font:inherit;cursor:pointer;background:#bfd8f1;border:2px solid #6d9fcf;border-radius:999px;margin-top:1.4rem;padding:.75rem 1.4rem;font-size:1.15rem;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 .6rem #6d9fcf3d}.hero-cta:hover,.hero-cta:focus-visible{background:#d8e9f8;transform:translateY(-2px);box-shadow:0 .8rem #6d9fcf47}.hero-cta:focus-visible{outline-offset:3px;outline:3px solid #11100d}@media (width>=1536px){.hero-section{padding-inline-end:8rem}.hero-copy{width:43rem}.hero-line-large{font-size:3.35rem}.hero-line-medium{font-size:2.45rem}.hero-line-small{font-size:1.48rem}}@media (width<=1280px){.hero-section{padding-inline-end:3rem}.hero-copy{width:34rem}.hero-line-large{font-size:2.55rem}.hero-line-medium{font-size:1.9rem}.hero-line-small{font-size:1.2rem}}@media (width<=1024px){.hero-section{background-position:62%;justify-content:center;align-items:flex-end;padding:1rem}.hero-section:before,.hero-section:after{display:none}.hero-copy{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffad1;border-radius:8px;width:100%;margin-bottom:.75rem;padding:1rem}.hero-line-large{font-size:1.65rem}.hero-line-medium{font-size:1.3rem}.hero-line-small{display:none}.hero-cta{width:100%}}@media (width<=760px){.hero-section{background-image:url(/Mob-1.jpg%20\(1\).jpeg);background-position:top;background-size:cover}.hero-brand{gap:.45rem;padding:.28rem .62rem .28rem .38rem;top:.85rem;right:.85rem}.hero-brand img{width:2.2rem;height:2.2rem}.hero-brand span{font-size:.95rem}}.ababeel-quiz-section{--ababeel-bg:#f9f4c3;--ababeel-card:#fffffa;--ababeel-text:#111;--ababeel-muted:#4f5f68;--ababeel-yellow:#f9f4c3;--ababeel-yellow-dark:#d8c85a;--ababeel-blue:#bfd8f1;--ababeel-blue-dark:#6d9fcf;--ababeel-green:#2f6b3f;--ababeel-red:#b42318;--ababeel-border:#d9d083;--ababeel-shadow:0 1rem 2.2rem #2e3c491f;background:radial-gradient(circle at top right, #bfd8f1d1, transparent 18rem), linear-gradient(180deg, #fffffa 0%, var(--ababeel-bg) 100%);color:var(--ababeel-text);padding:2rem 1rem 5.5rem}.ababeel-quiz-shell{width:min(100%,1280px);margin:0 auto}.ababeel-quiz-card{background:var(--ababeel-card);border:1px solid var(--ababeel-border);box-shadow:var(--ababeel-shadow);border-radius:1.25rem;padding:1.25rem}.ababeel-quiz-card h2,.ababeel-quiz-card h3{color:var(--ababeel-text);margin:0;line-height:1.35}.ababeel-quiz-card p{color:var(--ababeel-muted);margin:0;line-height:1.8}.ababeel-quiz-result h2,.ababeel-quiz-form h2,.ababeel-quiz-coupon h2,.ababeel-quiz-bundle h2{font-size:1.65rem;font-weight:900}.ababeel-quiz-kicker,.ababeel-quiz-progress,.ababeel-quiz-score{width:max-content;max-width:100%;color:var(--ababeel-text);background:var(--ababeel-blue);border-radius:999px;padding:.25rem .8rem;font-weight:900}.ababeel-quiz-primary,.ababeel-quiz-option{cursor:pointer;border:0;border-radius:.9rem;min-height:3.25rem;font-family:inherit;font-size:1.05rem;font-weight:900}.ababeel-quiz-primary{width:100%;color:var(--ababeel-text);background:var(--ababeel-blue);border:2px solid var(--ababeel-blue-dark);transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 .35rem #6d9fcf3d}.ababeel-quiz-primary:hover,.ababeel-quiz-primary:focus-visible{background:#d8e9f8;transform:translateY(-1px);box-shadow:0 .5rem #6d9fcf42}.ababeel-quiz-primary:disabled{cursor:wait;opacity:.7;transform:none}.ababeel-quiz-flow,.ababeel-quiz-final{gap:1rem;display:grid}.ababeel-quiz-question-card{gap:1.1rem;display:grid}.ababeel-quiz-question-card h3{font-size:1.45rem;font-weight:900}.ababeel-quiz-options{gap:.75rem;display:grid}.ababeel-quiz-answer-guidance{color:var(--ababeel-text);border-radius:.85rem;margin:0;padding:.75rem .9rem;font-size:.98rem;font-weight:900;line-height:1.5}.ababeel-quiz-answer-guidance.is-correct-guidance{background:#2f6b3f1f;border:1px solid #2f6b3f59}.ababeel-quiz-answer-guidance.is-wrong-guidance{background:#bfd8f18c;border:1px solid #6d9fcf73}.ababeel-quiz-option{width:100%;color:var(--ababeel-text);text-align:right;border:2px solid var(--ababeel-border);background:#fffffa;align-items:center;gap:.7rem;padding:.8rem .9rem;transition:background .18s,border-color .18s,transform .18s;display:flex}.ababeel-quiz-option span{width:2rem;height:2rem;color:var(--ababeel-text);background:var(--ababeel-blue);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ababeel-quiz-option:hover,.ababeel-quiz-option:focus-visible{border-color:var(--ababeel-blue-dark);background:#eef7ff;transform:translateY(-1px)}.ababeel-quiz-option:disabled{cursor:default}.ababeel-quiz-option.is-correct{border-color:var(--ababeel-green);background:#2f6b3f1f}.ababeel-quiz-option.is-wrong{border-color:var(--ababeel-red);background:#b423181f}.ababeel-quiz-after-answer{gap:1.25rem;display:grid}.ababeel-quiz-feedback,.ababeel-quiz-result,.ababeel-quiz-form,.ababeel-quiz-coupon,.ababeel-quiz-salla-product{gap:.8rem;display:grid}.ababeel-quiz-feedback{align-content:start;place-self:start center;width:min(100%,620px);min-height:auto;padding:1rem}.ababeel-quiz-feedback h3{font-size:1.2rem}.ababeel-quiz-feedback p{font-size:.98rem;line-height:1.65}.ababeel-quiz-feedback .ababeel-quiz-primary{width:min(100%,11rem);min-height:2.75rem;margin-top:.25rem;font-size:.98rem;box-shadow:0 .25rem #6d9fcf38}.ababeel-quiz-feedback .is-correct-text,.ababeel-quiz-feedback .is-wrong-text{color:#fff;border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:0;padding:.18rem .7rem;font-size:.9rem;font-weight:900;line-height:1.2;display:inline-flex}.ababeel-quiz-feedback .is-correct-text{background:var(--ababeel-green)}.ababeel-quiz-feedback .is-wrong-text{background:var(--ababeel-red)}.ababeel-quiz-product{gap:1rem;width:100%;display:grid}.ababeel-quiz-product-title{color:var(--ababeel-text);text-align:center;font-size:1.25rem;font-weight:900}.ababeel-quiz-product-grid{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;width:100%;padding:.25rem .15rem 1rem;scroll-padding-inline:.15rem;display:flex;overflow-x:auto}.ababeel-quiz-result a{width:100%;min-height:3rem;color:var(--ababeel-text);background:var(--ababeel-blue);border:2px solid var(--ababeel-blue-dark);border-radius:.85rem;justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:inline-flex}.ababeel-quiz-result a:focus-visible,.ababeel-quiz-form input:focus-visible,.ababeel-quiz-form select:focus-visible,.ababeel-quiz-primary:focus-visible,.ababeel-quiz-option:focus-visible{outline-offset:3px;outline:3px solid #111}.ababeel-quiz-result{background:linear-gradient(135deg, #bfd8f1a6, transparent 58%), var(--ababeel-card)}.ababeel-quiz-score{margin:0}.ababeel-quiz-form label{color:var(--ababeel-text);gap:.35rem;font-weight:900;display:grid}.ababeel-quiz-form input,.ababeel-quiz-form select{width:100%;min-height:3.2rem;color:var(--ababeel-text);border:2px solid var(--ababeel-border);font:inherit;background:#fffffa;border-radius:.8rem;padding:.65rem .85rem;font-weight:700}.ababeel-quiz-form input[aria-invalid=true],.ababeel-quiz-form select[aria-invalid=true]{border-color:var(--ababeel-red)}.ababeel-quiz-form label span{color:var(--ababeel-red);font-size:.95rem}.ababeel-quiz-coupon{text-align:center;background:var(--ababeel-text)}.ababeel-quiz-coupon p,.ababeel-quiz-coupon span{color:#fffffa;font-weight:800}.ababeel-quiz-coupon h2{color:var(--ababeel-yellow);letter-spacing:.08em;font-size:3rem}.ababeel-quiz-coupon-list{gap:.8rem;display:grid}.ababeel-quiz-coupon-list div{border:1px solid #f9f4c359;border-radius:1rem;padding:1rem}.ababeel-quiz-bundle{gap:1rem;display:grid}.ababeel-quiz-bundle h2{margin:0}.ababeel-quiz-bundle-grid{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:.25rem .15rem 1rem;scroll-padding-inline:.15rem;display:flex;overflow-x:auto}.ababeel-quiz-salla-product{scroll-snap-align:start;border-color:#e4edf6;flex:0 0 min(84vw,22rem);padding:0;overflow:hidden;box-shadow:0 .9rem 2rem #1018281a}.ababeel-quiz-salla-image{background:#fffffa;border-bottom:1px solid #e4edf6;place-items:center;min-height:16rem;display:grid;position:relative}.ababeel-quiz-salla-image img{object-fit:contain;width:100%;height:16rem;padding:1.2rem}.ababeel-quiz-salla-image span{color:#111;background:var(--ababeel-blue);border-radius:999px;padding:.22rem .7rem;font-size:.85rem;font-weight:900;position:absolute;top:.85rem;right:.85rem}.ababeel-quiz-salla-details{gap:.75rem;padding:1.15rem;display:grid}.ababeel-quiz-salla-details p{color:#777;font-size:.95rem;font-weight:800}.ababeel-quiz-salla-details h3{font-size:1.3rem;font-weight:900}.ababeel-quiz-product-link{color:#111;background:#f9f4c3;border:2px solid #d8c85a;border-radius:.85rem;justify-content:center;align-items:center;width:100%;min-height:2.75rem;font-size:1rem;font-weight:900;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.ababeel-quiz-product-link:hover,.ababeel-quiz-product-link:focus-visible{background:#fff8cf;transform:translateY(-1px)}.ababeel-quiz-product-link:focus-visible{outline-offset:3px;outline:3px solid #111}@media (width>=760px){.ababeel-quiz-section{padding:3.5rem 1.5rem 5rem}.ababeel-quiz-card{padding:1.6rem}.ababeel-quiz-product-grid,.ababeel-quiz-bundle-grid{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;display:grid;overflow:visible}.ababeel-quiz-salla-product{flex-basis:auto;padding:0}.ababeel-quiz-coupon-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.ababeel-quiz-section{padding-block:4.5rem 6rem}.ababeel-quiz-card{border-radius:1.5rem;padding:2rem}.ababeel-quiz-result h2,.ababeel-quiz-form h2,.ababeel-quiz-bundle h2{font-size:2.1rem}.ababeel-quiz-question-card h3{font-size:1.85rem}.ababeel-quiz-bundle-grid,.ababeel-quiz-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ababeel-quiz-salla-image{min-height:12rem}.ababeel-quiz-salla-image img{height:12rem}.ababeel-quiz-salla-product{padding:0}}