@font-face{font-family:Kufi;src:url('./assets/kufi-bold.woff2');font-weight:700}@font-face{font-family:Kufi;src:url('./assets/kufi-extrabold.woff2');font-weight:800}@font-face{font-family:NotoArabic;src:url('./assets/sans-ar-regular.woff2');font-weight:400}@font-face{font-family:NotoArabic;src:url('./assets/sans-ar-medium.woff2');font-weight:500}@font-face{font-family:NotoArabic;src:url('./assets/sans-ar-semibold.woff2');font-weight:600}@font-face{font-family:NotoArabic;src:url('./assets/sans-ar-bold.woff2');font-weight:700}
:root{--navy:#0b2027;--navy2:#102e36;--teal:#20a8a0;--teal2:#167d7b;--gold:#e5ad56;--gold2:#c98736;--paper:#f3eddf;--paper2:#e9dfcc;--ink:#183139;--muted:#6c7b7d;--roman:#c76d58;--white:#fff;--green:#4fa779}
*{box-sizing:border-box}html,body{margin:0;width:1920px;height:1080px;overflow:hidden;background:var(--navy)}body{font-family:NotoArabic,Arial,sans-serif;color:var(--ink);font-synthesis:none}#stage{position:relative;width:1920px;height:1080px;overflow:hidden;isolation:isolate;background:var(--navy)}#stage:after{content:'';position:absolute;inset:0;z-index:49;pointer-events:none;box-shadow:inset 0 0 160px #00101430}.scene{position:absolute;inset:0;overflow:hidden;visibility:hidden;background:var(--paper)}.scene.active{visibility:visible}.dark-scene{background:var(--navy);color:#fff}.paper-scene{background:var(--paper)}.phase{opacity:0;will-change:transform,opacity}.bg-photo,.roman-photo,.siege-visual,.cooperation-bg,.synthesis-bg{position:absolute;inset:0;overflow:hidden}.bg-photo img,.roman-photo img,.siege-visual img,.cooperation-bg img,.synthesis-bg img{width:100%;height:100%;object-fit:cover}.dark-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#071920e8 0%,#071920a8 45%,#07192020 100%),linear-gradient(0deg,#071920b8,transparent 55%)}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2027f5 0%,#0b2027c7 42%,#0b202722 80%),linear-gradient(0deg,#0b202799,transparent 55%)}.illustration-note{position:absolute;left:34px;bottom:112px;z-index:4;background:#071920b8;color:#ffffffb8;border:1px solid #ffffff24;border-radius:30px;padding:8px 15px;font-size:12px;letter-spacing:.2px}.kicker,.section-heading>span,.scene-title small,.roman-intro>small,.siege-content>small,.cooperation-title>small,.synthesis-question>small,.review-intro>small{font-size:18px;font-weight:600;color:var(--gold);letter-spacing:.4px}.gold-rule{width:180px;height:4px;background:var(--gold);margin-top:34px}.question-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--gold);color:var(--navy);font-family:Kufi;font-size:34px;font-weight:800}.section-heading h2{font-family:Kufi;font-size:45px;line-height:1.35;margin:10px 0 0;letter-spacing:-.8px}.section-heading.light h2{color:#fff}.scene-title{position:absolute;right:80px;top:96px;z-index:5;display:flex;align-items:center;gap:22px}.scene-title .chapter-num{font-family:Kufi;font-size:68px;line-height:1;color:var(--gold);opacity:.55}.scene-title small{color:var(--teal2)}.scene-title h2{font-family:Kufi;font-size:38px;line-height:1.35;margin:6px 0 0}.scene-title.light small{color:var(--gold)}.scene-title.light h2{color:#fff}
/* Header, progress and captions */
#top-progress{position:absolute;right:0;top:0;height:7px;width:1920px;z-index:55;display:flex;gap:3px;direction:rtl}#top-progress span{height:100%;flex:1;background:#ffffff24;position:relative;overflow:hidden}#top-progress span i{position:absolute;inset:0;background:var(--gold);transform-origin:right;transform:scaleX(0)}#lesson-header{position:absolute;right:70px;left:70px;top:28px;height:58px;z-index:50;display:flex;align-items:center;gap:22px;color:#fff;pointer-events:none}.lesson-chip{background:var(--gold);color:var(--navy);font-weight:700;font-size:14px;border-radius:30px;padding:9px 17px}#chapter-name{font-size:15px;font-weight:500;color:#ffffffd8}#lesson-header.on-paper #chapter-name{color:#183139d0}#lesson-header.on-paper .header-left{color:#183139a0}#lesson-header.on-paper .sound-indicator i{background:var(--teal2)}.header-left{margin-right:auto;display:flex;align-items:center;gap:22px;font-size:13px;color:#ffffffa0}.sound-indicator{height:20px;display:flex;align-items:center;gap:3px;direction:ltr}.sound-indicator i{display:block;width:3px;height:8px;background:var(--teal);border-radius:2px}.sound-indicator i:nth-child(2){height:16px}.sound-indicator i:nth-child(3){height:12px}.sound-indicator i:nth-child(4){height:19px}#caption{position:absolute;right:80px;left:80px;bottom:26px;min-height:76px;z-index:52;background:#071920e8;border-right:4px solid var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:13px 34px;color:#fff;text-align:center;box-shadow:0 14px 35px #0003}#caption-text{font-size:25px;line-height:1.55;font-weight:500}.grain{position:absolute;inset:-80px;z-index:48;background:url('./assets/grain.png');opacity:.055;mix-blend-mode:soft-light;pointer-events:none}#fade{position:absolute;inset:0;background:#071920;z-index:70;pointer-events:none;opacity:1}#scene-wipe{position:absolute;inset:0;z-index:65;visibility:hidden;pointer-events:none;overflow:hidden}#scene-wipe i,#scene-wipe b{position:absolute;inset:-15%;display:block;transform:translateX(120%) skewX(-12deg)}#scene-wipe i{background:var(--gold)}#scene-wipe b{background:var(--teal);opacity:.9}
/* Scene 0 */
.intro-title{position:absolute;right:110px;top:215px;width:1180px;color:#fff}.intro-title h1{font-family:Kufi;font-weight:800;font-size:92px;line-height:1.28;letter-spacing:-2px;margin:24px 0 20px}.intro-title h1 em{font-style:normal;color:var(--gold);font-size:.76em}.intro-title p{font-size:25px;color:#ffffffc5;margin:0}.intro-title .kicker{display:flex;align-items:center;gap:18px}.intro-title .kicker span{width:70px;height:1px;background:var(--gold)}.intro-bridge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.bridge-card{width:1500px;background:#0b2027e8;border:1px solid #ffffff26;border-radius:26px;padding:48px 58px;color:#fff;box-shadow:0 35px 90px #0005;backdrop-filter:blur(8px)}.mini-label{font-size:17px;color:var(--gold)}.bridge-flow{display:flex;align-items:center;justify-content:space-between;margin:35px 0;direction:rtl}.bridge-flow>div{flex:1;text-align:center;padding:24px;background:#ffffff09;border:1px solid #ffffff1a;border-radius:18px}.bridge-flow b{display:block;font-family:Kufi;font-size:36px}.bridge-flow small{display:block;font-size:17px;color:#ffffff9c;margin-top:10px}.bridge-flow>i{font-style:normal;font-size:44px;color:var(--gold);margin:0 24px}.bridge-card>p{font-size:23px;text-align:center;color:#ffffffc5;margin:0}.objectives{position:absolute;inset:0;background:var(--paper);padding:155px 120px 130px}.objectives .section-heading{text-align:center}.objectives .section-heading h2{font-size:51px}.objective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:65px;direction:rtl}.objective-grid article{position:relative;background:#fff;border:1px solid #d8cebb;border-radius:22px;padding:42px 38px;min-height:360px;box-shadow:0 25px 60px #28434a12;overflow:hidden}.objective-grid article:after{content:'';position:absolute;right:0;bottom:0;width:100%;height:6px;background:var(--teal)}.objective-grid article>b{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:18px;background:var(--navy);color:var(--gold);font-family:Kufi;font-size:26px}.objective-grid h3{font-family:Kufi;font-size:29px;margin:32px 0 18px}.objective-grid p{font-size:22px;line-height:1.75;color:#6c7777;margin:0}
/* Maps */
.map-shell{position:absolute;background:#d7e8e6;border:1px solid #b4ccca;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #23454a16}.valley-shell{left:65px;top:172px;width:1130px;height:790px}.valley-shell svg{width:100%;height:100%;display:block}.map-caption{position:absolute;right:24px;top:22px;z-index:3;background:#f7f2e8ed;border-radius:12px;padding:13px 20px;box-shadow:0 8px 25px #1233}.map-caption b{font-family:Kufi;color:var(--teal2);margin-left:12px}.map-caption span{font-size:15px}.map-source{position:absolute;left:20px;bottom:15px;z-index:3;font-size:11px;color:#375e64;background:#f3eddfc9;border-radius:8px;padding:6px 10px}.land{fill:#d9cfbb;stroke:#aa9d87;stroke-width:1.4;stroke-linejoin:round}.land.egypt{fill:#ead7ad}.land.sudan{fill:#d6c9af}.lake{fill:#8ac5cd;stroke:#6baeb8;stroke-width:1}.river{fill:none;stroke:#218da0;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.river.nile-main{stroke-width:8}.river.white-nile,.river.blue-nile{stroke-width:5;opacity:.85}.map-label{font-family:NotoArabic;font-size:22px;fill:#23434a;text-anchor:middle}.country-name{font-family:Kufi;font-size:54px;font-weight:700;fill:#37504f;opacity:.72;text-anchor:middle}.region-name{font-family:Kufi;font-size:34px;fill:#846d48;text-anchor:middle}.sea-label{font-family:NotoArabic;font-size:28px;fill:#3d8791;letter-spacing:2px;text-anchor:middle}.city-label{font-family:NotoArabic;font-size:19px;fill:#1c3b42;text-anchor:middle}.city-dot{fill:var(--gold);stroke:#fff;stroke-width:3}.capital-dot{fill:var(--teal);stroke:#fff;stroke-width:3}.kingdom ellipse{fill:#20a8a024;stroke:#18877f;stroke-width:3;stroke-dasharray:10 7}.kingdom.region-nobatia ellipse{fill:#e5ad561e;stroke:#b7863e}.kingdom.region-makuria ellipse{fill:#c76d5820;stroke:#b45d4b}.kingdom.region-alodia ellipse{fill:#20a8a036;stroke:#0f8e85;stroke-width:4}.kingdom-label{font-family:Kufi;font-size:25px;fill:#173b40;text-anchor:middle}.learning-arrow{fill:none;stroke:var(--teal);stroke-width:6;stroke-dasharray:14 10;opacity:.85}.map-sidebar{position:absolute;right:80px;top:260px;width:570px}.map-question,.map-answer,.nubia-main,.nubia-question{background:#fff;border:1px solid #ded3bf;border-radius:24px;padding:38px 40px;box-shadow:0 25px 60px #28434a12}.map-question .question-icon,.nubia-question .question-icon{float:left;margin-right:18px}.map-question small,.map-answer>small,.nubia-main>small{font-size:16px;color:var(--teal2);font-weight:600}.map-question h3,.map-answer h3,.nubia-question h3{font-family:Kufi;font-size:31px;line-height:1.5;margin:16px 0}.map-question p,.nubia-question p{font-size:20px;color:var(--muted)}.benefit{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid #e6ded0}.benefit:last-child{border:0}.benefit b{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff}.benefit span{font-size:20px;line-height:1.55}.map-legend{position:absolute;right:80px;bottom:126px;width:570px;display:flex;justify-content:space-between;font-size:14px;color:#6e7978}.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{display:block;width:18px;height:18px;border-radius:5px}.legend-nile{background:#218da0}.legend-egypt{background:#ead7ad;border:1px solid #aa9d87}.legend-nubia{background:#20a8a045;border:1px dashed #18877f}.nubia-map{left:80px;width:1050px}.nubia-sidebar{position:absolute;right:85px;top:225px;width:610px}.capital-card{background:var(--navy);color:#fff;border-radius:17px;padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:24px 0}.capital-card span{font-size:16px;color:#ffffff9c}.capital-card b{font-family:Kufi;font-size:34px;color:var(--gold);grid-row:span 2}.capital-card small{font-size:14px;color:#ffffffb0}.kingdom-order{display:flex;align-items:center;justify-content:space-between;font-size:15px}.kingdom-order span{padding:12px;border-radius:10px;text-align:center;flex:1}.kingdom-order small{display:block;color:#7f8b8c;margin-top:5px}.kingdom-order i{width:14px;height:1px;background:#a9b2af}.kingdom-order .active{background:#20a8a01c;color:var(--teal2);font-weight:700}.nubia-question{position:absolute;right:0;top:430px;width:610px}.answer-reveal{background:#20a8a018;color:var(--teal2);border-radius:12px;padding:16px;font-size:18px;font-weight:600}
/* Roman causes */
.roman-intro{position:absolute;right:100px;top:230px;width:920px}.roman-intro h2{font-family:Kufi;font-size:66px;line-height:1.35;margin:20px 0}.page-badge{display:inline-block;background:var(--roman);border-radius:20px;padding:7px 14px;font-size:13px;margin-left:18px}.roman-fact{display:flex;align-items:center;gap:25px;background:#ffffff10;border:1px solid #ffffff24;border-radius:16px;padding:24px 28px;width:650px}.roman-fact b{font-family:Kufi;font-size:24px;color:var(--gold)}.roman-fact span{font-size:25px}.cause-effect{position:absolute;inset:0;background:var(--navy);padding:145px 100px 130px}.ce-grid{display:flex;align-items:stretch;gap:30px;margin-top:55px;direction:rtl}.ce-column{flex:1}.ce-column>h3{font-family:Kufi;font-size:25px;color:var(--gold);margin:0 0 18px}.ce-column article{display:flex;align-items:center;gap:22px;background:#ffffff0b;border:1px solid #ffffff1d;border-radius:18px;padding:24px 26px;margin-bottom:18px;min-height:150px}.ce-column article>b{display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;border-radius:14px;background:var(--roman);font-family:Kufi;font-size:21px}.ce-column.effects article>b{background:var(--teal)}.ce-column h4{font-family:Kufi;font-size:25px;margin:0 0 9px}.ce-column p{font-size:18px;color:#ffffffac;margin:0;line-height:1.6}.ce-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:58px;color:var(--gold)}.ce-arrow small{font-size:13px;color:#ffffff8c;white-space:nowrap}.roman-conclusion{position:absolute;inset:0;background:var(--gold);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.roman-conclusion>span{font-size:19px;font-weight:700}.roman-conclusion h2{font-family:Kufi;font-size:49px;line-height:1.65;margin:25px 0}.roman-conclusion i{font-style:normal;color:#fff;margin:0 20px}
/* Campaign */
.campaign-command{position:absolute;inset:205px 120px 130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-seal{display:flex;align-items:center;gap:20px;background:var(--gold);color:var(--navy);border-radius:18px;padding:18px 34px;box-shadow:0 20px 55px #0004}.date-seal b{font-family:Kufi;font-size:45px}.date-seal span{font-size:25px}.command-flow{display:flex;align-items:center;gap:25px;margin-top:50px;direction:rtl}.command-flow article{width:390px;background:#ffffff0b;border:1px solid #ffffff22;border-radius:20px;padding:28px;text-align:center}.command-flow article.target{background:#20a8a01c;border-color:#20a8a080}.command-flow small{font-size:15px;color:#ffffff9c}.command-flow h3{font-family:Kufi;font-size:27px;margin:12px 0}.command-flow p{font-size:16px;color:var(--gold);margin:0}.command-flow>i{font-style:normal;font-size:40px;color:var(--gold)}.jerusalem-note{margin-top:32px;font-size:20px;color:#ffffffad}.campaign-map-wrap{position:absolute;left:70px;right:70px;top:190px;bottom:116px;background:#153a42;border:1px solid #ffffff18;border-radius:24px;overflow:hidden}.campaign-map-wrap svg,.alex-map svg{width:100%;height:100%;display:block}.campaign-scene .land{fill:#36525a;stroke:#6b7c7e}.campaign-scene .land.egypt{fill:#4d5e5e}.campaign-scene .river{stroke:#3db1bd}.campaign-scene .lake{fill:#3db1bd}.campaign-scene .sea-label{fill:#7fc1c7}.campaign-route{fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;stroke-dasharray:18 12}.moving-dot{fill:#fff;stroke:var(--gold);stroke-width:8;filter:drop-shadow(0 0 12px #e5ad56)}.city-halo{fill:#e5ad5630;stroke:#e5ad5670;stroke-width:2}.campaign-city .city-dot{fill:var(--gold)}.city-number{font-family:Kufi;font-size:17px;fill:var(--navy);text-anchor:middle}.campaign-city-label{font-family:Kufi;font-size:23px;fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#0b2027;stroke-width:6;stroke-linejoin:round}.jerusalem-dot{fill:#fff}.campaign-label{position:absolute;right:26px;top:24px;background:#071920e8;border-radius:12px;padding:15px 24px;color:#fff}.campaign-label b{color:var(--gold);margin-left:15px}.campaign-label span{font-family:Kufi;font-size:22px}.campaign-next{position:absolute;left:30px;bottom:25px;background:var(--gold);color:var(--navy);border-radius:12px;padding:14px 22px;font-weight:700;font-size:18px}
/* Babylon */
.siege-content{position:absolute;right:105px;top:225px;width:940px}.siege-content h2{font-family:Kufi;font-size:66px;line-height:1.4;margin:18px 0 35px}.months{display:flex;gap:10px;direction:rtl}.months span{display:flex;align-items:center;justify-content:center;width:85px;height:58px;background:#ffffff10;border:1px solid #ffffff28;border-radius:12px;color:#ffffff8c;font-size:18px}.months span.filled{background:var(--gold);color:var(--navy);border-color:var(--gold);font-weight:700}.siege-duration{display:flex;align-items:center;gap:28px;margin-top:32px}.siege-duration b{font-family:Kufi;font-size:46px;color:var(--gold)}.siege-duration span{font-size:21px;color:#ffffffb5}.fortress-today{position:absolute;inset:0;background:var(--paper);color:var(--ink);display:flex;align-items:center;padding:150px 110px 120px;gap:70px}.fortress-photo{width:980px;height:680px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 80px #17343a2b}.fortress-photo img{width:100%;height:100%;object-fit:cover}.fortress-photo>span{position:absolute;right:22px;top:22px;background:var(--teal);color:#fff;border-radius:20px;padding:8px 17px;font-size:14px}.fortress-caption{flex:1}.fortress-caption>small{font-size:20px;color:var(--teal2);font-weight:700}.fortress-caption h2{font-family:Kufi;font-size:50px;line-height:1.45;margin:18px 0}.fortress-caption p{font-size:24px;line-height:1.75;color:#6f7978}.photo-credit{display:block;font-size:11px;color:#87908c;direction:ltr;text-align:right;margin-top:40px}.duration-vs-date{position:absolute;inset:0;background:var(--navy);display:flex;align-items:center;justify-content:center;gap:80px}.duration-vs-date>div{width:520px;text-align:center;background:#ffffff0a;border:1px solid #ffffff20;border-radius:24px;padding:45px}.duration-vs-date small{display:block;color:var(--gold);font-size:18px}.duration-vs-date b{display:block;font-family:Kufi;font-size:54px;margin:22px 0}.duration-vs-date span{font-size:20px;color:#ffffffad}.duration-vs-date>i{font-style:normal;font-size:65px;color:var(--gold)}
/* Alexandria */
.alex-map{position:absolute;inset:170px 70px 115px;background:#d7e8e6;border-radius:24px;overflow:hidden;border:1px solid #b4ccca}.alex-map .campaign-route{stroke:var(--teal2)}.alex-map .moving-dot{stroke:var(--teal2)}.alex-map .campaign-city-label{fill:#183139;stroke:#f3eddf}.alex-map .city-halo{fill:#20a8a030;stroke:#20a8a070}.alex-map .campaign-city .city-dot{fill:var(--teal)}.alex-map .campaign-label{background:#f3eddfed;color:var(--ink)}.negotiation{position:absolute;inset:0;background:var(--paper);padding:150px 100px 125px}.negotiation .section-heading{text-align:center}.neg-flow{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:85px;direction:rtl}.neg-flow article{width:450px;min-height:260px;background:#fff;border:1px solid #ded3bf;border-radius:22px;padding:35px;text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 50px #28434a10}.neg-flow article.treaty{background:var(--navy);color:#fff;border-color:var(--navy)}.neg-flow small{font-size:16px;color:var(--muted)}.neg-flow b{font-family:Kufi;font-size:28px;line-height:1.5;margin:18px 0}.neg-flow span{font-size:19px;color:var(--teal2)}.neg-flow .treaty span{color:var(--gold)}.neg-flow>i{font-style:normal;font-size:45px;color:var(--gold2)}.event-order{position:absolute;inset:0;background:var(--gold);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center}.event-order>h3{font-family:Kufi;font-size:33px;margin:0 0 50px}.event-order>div{display:flex;align-items:center;gap:22px}.event-order span{background:#0b20270e;border:1px solid #0b202735;border-radius:18px;padding:28px 32px;font-size:24px}.event-order b{font-family:Kufi;margin-right:16px}.event-order i{font-style:normal;font-size:40px}
/* Cooperation */
.cooperation-title{position:absolute;right:110px;top:230px}.cooperation-title h2{font-family:Kufi;font-size:72px;line-height:1.35;margin:20px 0}.cooperation-title em{font-style:normal;color:var(--gold)}.help-grid{position:absolute;inset:0;background:var(--navy);display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:210px 90px 160px;direction:rtl}.help-grid article{background:#ffffff0b;border:1px solid #ffffff20;border-radius:22px;padding:36px 30px;position:relative;overflow:hidden}.help-grid article:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:6px;background:var(--teal)}.help-grid article>b{font-family:Kufi;font-size:55px;color:var(--gold);opacity:.65}.help-grid h3{font-family:Kufi;font-size:27px;line-height:1.45;margin:45px 0 20px}.help-grid p{font-size:20px;line-height:1.7;color:#ffffffad}.help-result{position:absolute;inset:0;background:var(--teal2);display:flex;align-items:center;justify-content:center;gap:55px}.help-result>div{width:610px;background:#ffffff12;border:1px solid #ffffff32;border-radius:22px;padding:45px;text-align:center}.help-result small{font-size:18px;color:var(--gold)}.help-result h3{font-family:Kufi;font-size:32px;line-height:1.55;margin:20px 0 0}.help-result>i{font-style:normal;font-size:60px;color:var(--gold)}
/* Synthesis */
.synthesis-shade{position:absolute;inset:0;background:#f3eddfed}.synthesis-question{position:absolute;right:100px;top:220px;width:1200px}.synthesis-question h2{font-family:Kufi;font-size:66px;line-height:1.5;margin:20px 0}.synthesis-question em{font-style:normal;color:var(--teal2)}.synthesis-flow{position:absolute;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:28px;padding-bottom:80px;direction:rtl}.synthesis-flow article{width:470px;min-height:250px;background:#fff;border:1px solid #ded3bf;border-radius:24px;padding:40px;text-align:center;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 60px #28434a10}.synthesis-flow small{font-size:16px;color:var(--teal2)}.synthesis-flow h3{font-family:Kufi;font-size:32px;line-height:1.5;margin:18px 0}.synthesis-flow>i{font-style:normal;font-size:48px;color:var(--gold2)}.summary-cards{position:absolute;inset:0;background:var(--navy);display:flex;align-items:center;justify-content:center;gap:22px;padding:0 80px 70px;direction:rtl}.summary-cards article{width:480px;min-height:310px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:24px;padding:40px;text-align:center}.summary-cards article>b{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--gold);color:var(--navy);font-family:Kufi;font-size:24px;margin:0 auto 30px}.summary-cards p{font-family:Kufi;font-size:26px;line-height:1.65;color:#fff}.summary-cards>span{font-family:Kufi;font-size:50px;color:var(--gold)}.summary-cards .summary-result{background:#20a8a01c;border-color:#20a8a080}
/* Review */
.review-scene{background:radial-gradient(circle at 50% 40%,#173e47 0%,var(--navy) 62%)}.review-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-intro h2{font-family:Kufi;font-size:72px;margin:22px 0}.review-intro p{font-size:25px;color:#ffffffad}.review-card,.answer-card{position:absolute;right:180px;left:180px;top:235px;min-height:570px;background:#ffffff0b;border:1px solid #ffffff22;border-radius:28px;padding:60px 70px;text-align:center;box-shadow:0 35px 90px #0003}.review-card>span,.answer-card>span{display:inline-block;background:var(--gold);color:var(--navy);border-radius:25px;padding:9px 22px;font-weight:700;font-size:16px}.review-card h2,.answer-card h2{font-family:Kufi;font-size:47px;line-height:1.55;margin:45px 0 25px}.review-card p,.answer-card p{font-size:24px;line-height:1.7;color:#ffffffad}.answer-card{border-color:#20a8a080;background:#20a8a011}.answer-card>span{background:var(--teal);color:#fff}.answer-card h2{color:#fff}.shuffle-cities{display:flex;justify-content:center;gap:22px;margin-top:55px}.shuffle-cities b{background:#ffffff10;border:1px solid #ffffff25;border-radius:14px;padding:20px 28px;font-family:Kufi;font-size:24px}.answer-route{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:115px}.answer-route b{font-family:Kufi;font-size:32px;background:#ffffff10;border-radius:15px;padding:25px}.answer-route i{font-style:normal;font-size:42px;color:var(--gold)}.answer-numbers{display:flex;justify-content:center;gap:45px;margin-top:55px}.answer-numbers>div{width:380px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:20px;padding:30px}.answer-numbers b{font-family:Kufi;font-size:66px;color:var(--gold)}.answer-numbers h3{font-family:Kufi;font-size:25px;margin:18px 0}.review-finish{position:absolute;inset:0;background:var(--gold);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-finish>span{font-size:20px;font-weight:700}.review-finish h2{font-family:Kufi;font-size:55px;line-height:1.55;margin:30px 0}.final-recap{font-size:20px;border-top:1px solid #0b202740;padding-top:28px}