:root{--green:#073e32;--deep:#032c24;--gold:#ead194;--paper:#f6f2e7;--ink:#193d32;--muted:#53665d;--line:#d9dfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:var(--green);color:white;padding:13px 22px;border-radius:8px;font-weight:bold}button:hover{background:#11634c}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b57b23;outline-offset:4px}[hidden]{display:none!important}header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:bold;text-decoration:none;font-size:22px}.brand span{font-size:14px;border-right:1px solid #a5b5a8;margin-right:15px;padding-right:15px;direction:ltr;display:inline-block;letter-spacing:2px}.edition{font-size:14px}main{max-width:1280px;margin:auto;padding:48px 40px 64px;min-height:78vh}.welcome{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;min-height:590px}.eyebrow{font-size:14px;color:var(--muted);font-weight:bold}h1{font-size:clamp(32px,4vw,54px);line-height:1.5;margin:18px 0 24px;letter-spacing:-1px}h1 em{font-style:normal;color:#187052}p{max-width:62ch}.intro>p{font-size:18px;color:var(--muted)}label{display:block;margin-bottom:10px;font-weight:bold}.input-row{display:flex;gap:10px;margin-top:10px}input,textarea{border:1px solid #a3b3a7;background:#fffefa;color:var(--ink);border-radius:8px;padding:14px;min-width:0;width:100%}.input-row input{flex:1}.input-row button{white-space:nowrap}form{margin-top:32px}.fine{font-size:14px!important;color:var(--muted)}.cover{background:var(--green);color:var(--gold);max-width:390px;width:100%;aspect-ratio:0.72;border-radius:12px 5px 5px 12px;padding:24px;box-shadow:-12px 18px 0 #d8d4c6,-20px 30px 45px #163f3226;transform:rotate(-4deg);justify-self:center}.cover-inner{border:1px solid #b99e6380;height:100%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:25px 12px}.cover-number{font-size:112px;line-height:1.4;font-weight:bold}.cover h2{font-size:38px;margin:4px 0}.cover p{font-size:12px;letter-spacing:2px}.cover-rule{width:70px;border-top:1px solid #a88c52;margin:22px}.cover small{font-size:12px;margin-top:28px;color:#c5c9ac}footer{padding:26px 40px;max-width:1280px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--muted)}.journey-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:24px}.journey-heading h1{font-size:36px;margin:8px 0}.counter{min-width:160px;text-align:center}.counter strong{font-size:34px;display:block}.counter span{display:block;font-size:14px}progress{accent-color:var(--green);width:100%;height:8px}.journey-layout{display:grid;grid-template-columns:300px 1fr;gap:32px}.passport{background:#fffcf4;border:1px solid #d7d0bc;padding:26px;border-radius:6px;align-self:start;position:sticky;top:24px}.passport h2{margin-top:8px}.stamps{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.stamp{aspect-ratio:1;border:2px dashed #cbd1c6;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#727e72;font-size:14px}.stamp b{font-size:17px}.stamp.earned{border:3px double var(--green);color:var(--green);transform:rotate(-9deg);animation:stamp .35s ease-out}.stamp.earned:nth-child(even){transform:rotate(8deg)}.stamp span{font-size:12px}.wide{width:100%;margin-top:12px}.text-button{background:transparent;color:var(--green);font-size:14px;margin-top:12px}.text-button:hover{background:#e1e9dd}.stations{display:grid;grid-template-columns:1fr 1fr;gap:20px}.station{padding:0;text-align:right;background:#fffdf6;color:var(--ink);border:1px solid var(--line);overflow:hidden;transition:transform .2s;display:block;width:100%}.station:hover{transform:translateY(-4px);background:white}.station img{width:100%;height:170px;object-fit:cover;display:block}.station .info{padding:18px;display:block}.station .topline{display:flex;justify-content:space-between;align-items:center}.station strong{font-size:24px}.station small{font-size:14px;font-weight:normal;color:var(--muted);display:block;margin-top:6px}.station .badge{font-size:12px;background:#e9eee2;padding:3px 9px;border-radius:30px}.station:last-child{grid-column:1/-1}.station:last-child img{height:210px}dialog{border:0;border-radius:16px;padding:0;width:min(600px,calc(100% - 28px));max-height:90dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#001b17b3;backdrop-filter:blur(4px)}dialog>img{width:100%;height:230px;object-fit:cover;display:block}.close{position:absolute;left:14px;top:14px;border-radius:50%;width:44px;height:44px;padding:0;font-size:30px;background:#073e32}.dialog-body{padding:28px}.dialog-body h2{font-size:30px;margin:5px 0}.source{font-size:14px;color:#396653}.answers{display:grid;gap:10px}.answers button{background:white;border:1px solid #b8c5b7;color:var(--green);text-align:right;font-weight:normal}.answers button.correct{background:var(--green);color:white}.answers button.wrong{background:#f7e2d9;border-color:#ac6049}.secondary{background:#e1e8da;color:var(--green)}.completion-title{text-align:center;margin-bottom:36px}.completion-title p{margin:auto}.completion-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.completion-grid form{margin-top:0}#card{width:100%;height:auto;border-radius:12px;box-shadow:0 14px 35px #083c3120}#feedback{min-height:28px;font-weight:bold}#map-container{border:1px solid var(--line);padding:20px;border-radius:8px;margin-bottom:24px;background:#e7ecdf}#map-container h2{margin:0}#map svg{width:100%;max-height:350px;display:block}#map button{font-size:14px}svg .map-marker{cursor:pointer}.school{font-size:16px!important;font-weight:bold}@keyframes stamp{from{opacity:0;scale:1.5}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:850px){.welcome{gap:35px}.input-row{flex-direction:column}.cover{max-width:300px}.cover-number{font-size:80px}.cover h2{font-size:30px}.journey-layout{grid-template-columns:1fr}.passport{position:static}.stamps{grid-template-columns:repeat(5,1fr);gap:12px}.completion-grid{gap:24px}}@media(max-width:600px){header{padding:20px}.edition{font-size:12px}.brand{font-size:18px}.brand span{display:none}main{padding:30px 20px}.welcome{grid-template-columns:1fr;gap:45px}.cover{max-width:260px;grid-row:2}.cover-number{font-size:70px}.cover-inner{padding:16px 8px}.cover h2{font-size:28px}.cover p{font-size:12px;letter-spacing:1px}.intro>p{font-size:16px}.journey-heading{align-items:start}.journey-heading h1{font-size:26px;overflow-wrap:anywhere}.counter{min-width:85px}.counter strong{font-size:26px}.stations{grid-template-columns:1fr}.station:last-child{grid-column:auto}.station:last-child img{height:170px}.stamps{grid-template-columns:repeat(3,1fr)}.completion-grid{grid-template-columns:1fr}.completion-title h1{font-size:30px}.dialog-body{padding:22px}.completion-grid canvas{grid-row:1}footer{padding:24px 20px;flex-direction:column}.passport{padding:20px}h1{letter-spacing:0}}

.sponsor-bar{max-width:1200px;margin:24px auto 0;padding:14px 24px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:18px;background:#fff}.sponsor-bar img{object-fit:contain;flex-shrink:0}.sponsor-bar span{display:block;font-size:14px;color:var(--muted)}.sponsor-bar strong{display:block;font-size:20px}.sponsor-bar+main{padding-top:24px}@media(max-width:1280px){.sponsor-bar{margin-inline:40px}}@media(max-width:600px){.sponsor-bar{margin:20px 20px 0;padding:12px 16px;gap:14px}.sponsor-bar strong{font-size:18px}.sponsor-bar img{width:64px;height:64px}}

.national-brand{display:flex;align-items:center;gap:20px}.national-brand img{display:block;object-fit:contain;border-radius:6px}h1{letter-spacing:0}svg text{font-family:inherit}@media(max-width:600px){header{gap:16px}.national-brand{gap:6px;flex-direction:column}.national-brand img{width:150px;height:auto}.national-brand .edition{font-size:12px}}