:root{--navy:#0a1f3b;--navy2:#123354;--aqua:#2accc8;--txt:#eaf6ff;--sub:#a9cee2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#123862 0,#0a213d 54%,#07172f 100%);font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif;color:var(--txt);direction:rtl;line-height:1.7;min-height:100vh}
a{text-decoration:none;color:inherit}button,a{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f8dc8b;outline-offset:3px}
.shell{max-width:910px;margin:auto;width:min(100% - 30px,910px)}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 0 7px;gap:10px}.brand{display:flex;align-items:center;gap:10px;font-size:clamp(18px,3vw,26px);font-weight:900}.brand-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:#164865;color:#83eee4}.brand small{display:block;font-size:11px;color:#8bd5db;letter-spacing:2px;direction:ltr;text-align:right;font-weight:500}.top-actions{display:flex;gap:8px;align-items:center}.nav-small{font-size:13px;border:1px solid #346185;background:#173657;padding:8px 13px;border-radius:12px}.menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #467499;border-radius:13px;background:#173b61;color:#fff;font-size:21px;cursor:pointer}.navdrop{display:none;background:#132e50;border:1px solid #38658b;border-radius:15px;padding:8px;margin:2px 0 12px}.navdrop.open{display:grid}.navdrop a{padding:10px 13px;border-radius:9px}.navdrop a:hover{background:#234766}
.hero{text-align:center;position:relative;padding:19px 0 12px;overflow:hidden}.hero h1{font-size:clamp(25px,5vw,39px);line-height:1.3;margin:4px 0 2px}.hero small{font-size:13px;display:block;color:#9fd9e5;letter-spacing:3px}.slogan{display:inline-flex;align-items:center;gap:10px;justify-content:center;font-size:clamp(17px,4vw,25px);font-weight:850;border:1px solid #248fa5;background:linear-gradient(100deg,#0c3158,#164c6e);padding:5px 22px;border-radius:40px;margin:10px 0 4px}.hero-tag{color:#a9cddd;font-size:13px;margin:1px 0 0}.starfield{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 17%,#f7cc72 1px,transparent 2px),radial-gradient(circle at 90% 21%,#fff0b2 1px,transparent 3px),radial-gradient(circle at 28% 64%,#72cde0 2px,transparent 3px),radial-gradient(circle at 76% 81%,#d5dcff 1px,transparent 3px);opacity:.6}.journey{height:70px;max-width:640px;margin:8px auto 0;display:block;width:100%}.section{background:linear-gradient(145deg,rgba(23,58,88,.83),rgba(10,36,68,.96));border:1px solid #275576;border-radius:27px;padding:clamp(14px,3vw,23px);box-shadow:0 16px 36px #0002;margin:15px 0}.section h2{font-size:clamp(21px,4.2vw,28px);margin:0 0 16px;text-align:center;color:#fff}.level-list{display:grid;gap:12px}.level{position:relative;display:grid;grid-template-columns:74px 1fr 34px;align-items:center;gap:13px;padding:17px;border-radius:21px;color:#153f58;min-height:108px;overflow:hidden;transition:transform .15s,box-shadow .15s;border:1px solid #ffffffb5}.level:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0002}.level:active{transform:scale(.99)}.level.l1{background:linear-gradient(105deg,#d2f7e9,#edfff7)}.level.l2{background:linear-gradient(105deg,#d3eaff,#f1faff)}.level.l3{background:linear-gradient(105deg,#e4dbff,#f9f3ff)}.level-icon{height:63px;width:63px;display:grid;place-items:center;font-size:35px;border-radius:18px;background:#fff8}.level-text strong{display:block;font-size:clamp(18px,3.5vw,23px);font-weight:900}.level-text span{font-size:12px;color:#436579}.level-arrow{display:grid;place-items:center;border-radius:100%;width:34px;height:34px;background:#ffffffa8;color:#195575;font-size:24px}.labs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lab{background:#f5fcff;color:#174263;display:flex;align-items:center;flex-direction:column;gap:7px;padding:16px 6px 13px;border-radius:17px;min-height:125px;border:1px solid #fff4}.lab span:first-child{font-size:38px;line-height:1.2}.lab b{font-size:clamp(13px,2.8vw,17px)}.lab.math{background:#fff3d8}.lab.science{background:#d9f9ee}.lab.verbal{background:#ffe5ef}.note{text-align:center;color:#a7c9db;font-size:12px;margin:12px 0 0}.cta{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(105deg,#0da3ac,#11c5bd);padding:15px 20px;border-radius:25px;color:white;font-size:clamp(19px,4vw,25px);font-weight:900;box-shadow:0 9px 22px #04a5aa42;margin:17px 0}.foot{padding:12px 0 28px;color:#8ea9bc;font-size:11px;text-align:center}.foot a{text-decoration:underline;text-underline-offset:3px}.path-mark{color:#62eee7}.status{background:#143a5a;border:1px solid #286284;border-radius:13px;padding:12px 14px;font-size:13px;color:#b8d8e4;margin:0 0 13px;display:none}.status.visible{display:block}
/* gateways */
.crumb{display:inline-block;color:#a7d8e6;font-size:12px;margin:12px 0 4px}.gateway-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.gateway-title{margin:5px 0 0;font-size:27px;line-height:1.25}.gateway-sub{margin:4px 0 18px;color:#b9d9e9;font-size:14px}.progress-box{padding:12px 14px;background:#1b4569;border-radius:16px;margin:0 0 15px}.progress-line{height:7px;background:#335876;border-radius:50px;margin:9px 0 1px;overflow:hidden}.progress-line i{display:block;background:#2cdbcb;width:0%;height:100%;border-radius:50px}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gateway-card{min-height:170px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:18px 10px;border-radius:23px;color:#153c5a;transition:transform .2s}.gateway-card:hover{transform:translateY(-3px)}.gateway-card .gicon{font-size:36px}.gateway-card strong{font-size:clamp(16px,3vw,21px);line-height:1.4}.gateway-card small{color:#5d6f81;font-size:12px}.gateway-card.missions{background:#dbf9ef}.gateway-card.foundation{background:#d9eaff}.gateway-card.laboratories{background:#fff0ce}.gateway-card.challenge{background:#eedffc}.gateway-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 7px}.gateway-tools a{font-size:13px;background:#163e5e;border:1px solid #3a607e;border-radius:12px;padding:10px 12px}.hint{font-size:12px;color:#a7cce0;margin:8px 0 0}.m-meta{font-size:11px;color:#c2d8e5;font-weight:400}
@media(max-width:410px){.shell{width:calc(100% - 20px)}.hero{padding-top:10px}.section{border-radius:21px;padding:14px}.level{grid-template-columns:58px 1fr 30px;gap:9px;min-height:98px;padding:13px}.level-icon{width:54px;height:54px;font-size:30px}.gateway-card{min-height:151px;padding:14px 7px}.brand small{letter-spacing:1px}.lab span:first-child{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Compact channel and credit under main Mind Quest wordmark. */
.brand-text{display:block;line-height:1.25}
.brand-channel,.brand-credit{display:block;font-size:clamp(10px,1.7vw,12px);line-height:1.65;font-weight:600;letter-spacing:0;color:#a5e8e4;direction:rtl;text-align:right}
.brand-credit{color:#b4cada;font-size:clamp(10px,1.5vw,11px);font-weight:400}
.site-disclaimer{color:#98b6c8;font-size:11px;padding:0 4px;margin-bottom:8px}
@media(max-width:410px){.brand{gap:8px}.brand-text{font-size:clamp(17px,4.2vw,19px)}.brand-channel{font-size:10px;line-height:1.5}.brand-credit{font-size:10px}.brand-icon{width:39px;height:39px}}

/* Restore accessible Arabic/English entry without disrupting approved navy / turquoise layout */
.language-toggle{background:#173b61;color:#e6fbfb;border:1px solid #4b8199;border-radius:12px;padding:9px 11px;white-space:nowrap;font-weight:800;min-height:44px;font-size:13px;cursor:pointer;direction:ltr}
.language-toggle:hover{background:#22587b;border-color:#6acbd0}
.language-toggle[aria-pressed="true"]{background:#c9f7ef;color:#0c4557;border-color:#7fe0d6}
html.mq-home-en body{direction:ltr}
html.mq-home-en .brand small{text-align:left}
html.mq-home-en .brand-channel,html.mq-home-en .brand-credit{text-align:left;direction:ltr}
html.mq-home-en .mq-contact-footer{direction:ltr}
@media(max-width:520px){.top{flex-wrap:wrap}.top-actions{margin-inline-start:auto}.language-toggle{font-size:12px;padding:7px 10px}.brand{flex:1 1 auto;min-width:190px}}