@font-face{font-family:AMArabic;src:url('../IBMPlexSansArabic-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AMArabic;src:url('../IBMPlexSansArabic-Medium.woff') format('woff');font-weight:500 700;font-display:swap}
@font-face{font-family:AMInter;src:url('inter.woff') format('woff');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{background:#071c43}body{margin:0;font-family:AMArabic,Arial,sans-serif;color:#071c43}a{text-decoration:none;color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #88bbff;outline-offset:4px}
.book-body{min-height:100vh;background:radial-gradient(ellipse at 15% 0,#1b3d74,transparent 55%),radial-gradient(ellipse at 95% 70%,#143367,transparent 50%),#071c43}
.book-header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;color:#d7e8ff}
.book-header img{display:block;width:146px;height:auto}.book-back{font-size:13px;padding:8px 0}
.book-reader{width:min(610px,calc(100% - 36px));margin:0 auto;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#cadcf7;padding:0 4px 14px;font-size:12px}
.book-toolbar select{max-width:220px;min-height:36px;border:1px solid #ffffff30;border-radius:9px;color:#e3eeff;background:#102b54;padding:4px 10px;font-size:11px;cursor:pointer}.book-toolbar option{color:#071c43;background:white}
.book-stage{perspective:1800px;isolation:isolate}.book-page{background:radial-gradient(ellipse at 0 0,#e5eeff,transparent 60%),#fcfdff;border:1px solid #ffffffa8;border-radius:6px 21px 21px 6px;padding:32px 38px 24px;margin-bottom:22px;box-shadow:0 28px 75px #0005,inset 6px 0 10px #071c4309;position:relative;overflow:hidden}
[dir=rtl] .book-page{border-radius:21px 6px 6px 21px;box-shadow:0 28px 75px #0005,inset -6px 0 10px #071c4309}
.reader-ready .book-page{height:calc(100dvh - 215px);min-height:440px;max-height:850px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#b5c8e9 transparent;margin:0;transform-origin:100% 50%;will-change:transform,opacity}
.reader-ready .book-page[hidden]{display:none!important}.book-page-top,.book-page-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#596d89;line-height:1.5}.book-page-top span:first-child{font:500 9px/1.5 AMInter,Arial,sans-serif;letter-spacing:.12em}.book-page-top span:last-child{font:500 10px/1.5 AMInter,Arial,sans-serif;white-space:nowrap}
.book-art{height:210px;margin:12px 0 18px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;overflow:hidden;flex-shrink:0}.book-glass{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.book-art-shapes{border-radius:13px}.book-art-shapes .book-glass{object-fit:cover}
.book-page-dark{background:#071c43;border-color:#284975;color:#fff}.book-page-dark .book-glass{mix-blend-mode:normal}.book-page-dark .book-copy-ar p,.book-page-dark .book-copy-en p{color:#cadcf7}.book-page-dark .book-copy-en{border-color:#ffffff26}.book-page-dark .book-copy-en h2{color:#9fc7ff}.book-page-dark .book-page-top,.book-page-dark .book-page-foot{color:#afc6e5}.book-page-dark .book-link{color:#c1dcff}
.book-copy-ar h1{font-size:29px;font-weight:500;line-height:1.55;margin:0 0 10px;letter-spacing:normal;word-break:normal;overflow-wrap:break-word}.book-copy-ar p{font-size:15px;line-height:1.95;margin:0;color:#3e5270}.book-copy-en{border-top:1px solid #dce5f4;margin-top:18px;padding-top:17px}.book-copy-en h2{font:500 20px/1.35 AMInter,Arial,sans-serif;color:#155eef;margin:0 0 8px;letter-spacing:-.02em}.book-copy-en p{font:400 12px/1.75 AMInter,Arial,sans-serif;color:#52627a;margin:0}.book-page-foot{border-top:1px solid #dce5f4;padding-top:16px;margin-top:26px;font-size:8px}.book-page-dark .book-page-foot{border-color:#ffffff26}.book-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 0;margin-top:10px;color:#155eef;font-size:12px}.book-link span{font:500 11px AMInter,Arial,sans-serif}
.book-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;color:white}.book-controls button{border:1px solid #ffffff36;border-radius:13px;color:white;background:#ffffff12;min-width:100px;min-height:42px;padding:8px 20px;cursor:pointer;font-size:13px}.book-controls button:hover:not(:disabled){background:#155eef}.book-controls button:disabled{opacity:.4;cursor:default}.book-controls [data-count]{font:500 13px AMInter,Arial,sans-serif;color:#d8e7ff;letter-spacing:.08em}
.book-progress{display:block;width:100%;height:2px;border:0;margin-top:15px;appearance:none;background:#ffffff22;color:#6197ff}.book-progress::-webkit-progress-bar{background:#ffffff22}.book-progress::-webkit-progress-value{background:#6197ff}.book-progress::-moz-progress-bar{background:#6197ff}.book-hint{text-align:center;color:#bacce7;font-size:10px;line-height:1.7;margin:9px 0 0}.book-noscript{color:white}.book-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.book-mark{height:160px;width:auto;filter:drop-shadow(0 15px 18px #155eef22)}.book-logo{width:min(360px,85%);height:auto}.book-year{font:300 150px/.95 AMInter,Arial,sans-serif;color:#155eef;letter-spacing:-.08em;text-align:center}.book-year small{display:block;font:500 9px/1.8 AMInter,Arial,sans-serif;letter-spacing:.18em;margin-top:15px;color:#52627a}.book-palette{display:grid;grid-template-columns:repeat(3,1fr);height:170px;width:100%;gap:8px;direction:ltr}.book-palette span{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #d6e2f7;border-radius:15px;padding:18px 12px;background:#155eef;color:white;font:500 9px/1.5 AMInter,Arial,sans-serif}.book-palette span:nth-child(2){background:#071c43}.book-palette span:nth-child(3){background:white;color:#071c43}.book-palette b{font-size:10px;font-weight:500}
.book-cities{display:flex;align-items:center;gap:25px;direction:ltr}.book-cities span{font:500 12px AMInter,Arial,sans-serif;color:#155eef;text-align:center}.book-cities b{display:block;font:500 32px/1.8 AMArabic,Arial;color:#071c43}.book-cities i{font-size:28px;font-style:normal;color:#9db8e1}.book-network{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.book-network span{padding:18px 8px;background:#fff9;border:1px solid #d5e2f9;border-radius:12px;font:500 10px/1.4 AMInter,Arial;text-align:center;color:#203b67}
.book-platform-window{width:100%;height:190px;position:relative;border:1px solid #cbdcf9;border-radius:17px;background:linear-gradient(140deg,#fff,#e3edff);padding:0 23px;box-shadow:0 12px 30px #071c4308;direction:ltr;overflow:hidden}.book-window-bar{display:flex;align-items:center;gap:4px;height:34px;border-bottom:1px solid #d4e0f5}.book-window-bar i{width:5px;height:5px;border-radius:50%;background:#8ba9d7}.book-window-bar span{margin-left:auto;font:400 8px AMInter,Arial;color:#52627a}.book-platform-name{font:600 clamp(22px,5vw,35px)/1.3 AMInter,Arial;color:#071c43;margin-top:26px;max-width:85%}.book-platform-category{display:block;font:400 10px/1.5 AMInter,Arial;color:#52627a;margin-top:12px}.book-platform-spark{position:absolute;right:22px;bottom:20px;color:#155eef;font:400 45px Arial}
.book-billboard{background:#071c43;border:7px solid #e3e9f3;width:90%;padding:15px 25px;box-shadow:0 14px 18px #071c4315;transform:perspective(800px) rotateY(-9deg);border-radius:5px}.book-billboard img{width:100%;height:100px;object-fit:contain}.book-art-caption{font:500 8px AMInter,Arial;color:#52627a;letter-spacing:.15em;margin-top:15px}.book-film{height:190px;width:100%;display:grid;grid-template-columns:1fr 85px;align-items:center;gap:12px;background:radial-gradient(ellipse at 70% 40%,#155eef,#071c43 70%);border:1px solid #284c88;border-radius:13px;padding:25px;color:#bfdbff;direction:ltr}.book-film span,.book-film b{font:500 10px AMInter,Arial;letter-spacing:.12em}.book-film img{grid-row:span 2;opacity:.95}.book-film b{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:13px;color:white}
.book-stationery{width:185px;height:190px;padding:20px;background:white;border:1px solid #d4e0f3;border-top:4px solid #155eef;box-shadow:0 13px 20px #071c4312;transform:rotate(-6deg);direction:ltr}.book-stationery img{width:115px;height:auto;margin-bottom:17px}.book-stationery span{display:block;width:95%;height:4px;background:#e4ebf6;margin:9px 0}.book-stationery span:nth-of-type(2){width:70%}.book-stationery b{display:block;font:500 6px AMInter,Arial;color:#155eef;margin-top:24px}.book-steps{display:flex;width:100%;gap:10px;direction:rtl}.book-steps>span{flex:1;text-align:center;background:#e8f0ff;border:1px solid #cdddff;border-radius:18px;padding:22px 8px;color:#155eef;font:400 30px AMInter,Arial}.book-steps b{display:block;font:500 18px/1.8 AMArabic;color:#071c43;margin:10px 0}.book-steps small{font:500 7px AMInter,Arial;letter-spacing:.1em}.book-device{width:135px;height:190px;border:5px solid #071c43;border-radius:24px;background:linear-gradient(160deg,#fff,#e6efff);padding:17px 12px;text-align:center;box-shadow:12px 14px 25px #071c4318;transform:rotate(7deg)}.book-device img{width:90px;height:auto}.book-device>span{display:block;margin-top:25px;font:400 14px/1.8 AMArabic}.book-device b{color:#155eef;font-weight:500}.book-device i{display:block;width:45px;height:3px;background:#155eef;margin:20px auto 0;border-radius:3px}
@media(min-width:850px) and (min-height:900px){.book-art{height:240px}.book-page{padding:38px 45px}.book-copy-ar h1{font-size:33px}.book-copy-ar p{font-size:17px}.book-copy-en h2{font-size:23px}.book-copy-en p{font-size:14px}}
@media(max-width:600px){.book-header{padding:13px 17px}.book-header img{width:120px}.book-back{font-size:11px}.book-reader{width:calc(100% - 24px)}.book-toolbar{font-size:10px;padding-bottom:10px;gap:9px}.book-toolbar select{max-width:175px;font-size:10px;min-height:32px}.book-page{padding:22px 23px 20px;border-radius:16px 5px 5px 16px}.reader-ready .book-page{height:calc(100dvh - 195px);min-height:400px;max-height:none}.book-page-top{font-size:8px}.book-page-top span:first-child{font-size:7px;letter-spacing:.09em}.book-page-top span:last-child{font-size:9px}.book-art{height:145px;margin:9px 0 15px}.book-copy-ar h1{font-size:25px;line-height:1.65;margin-bottom:8px}.book-copy-ar p{font-size:14px;line-height:1.9}.book-copy-en{margin-top:16px;padding-top:14px}.book-copy-en h2{font-size:18px}.book-copy-en p{font-size:12px;line-height:1.75}.book-page-foot{font-size:7px;margin-top:20px;padding-top:12px}.book-controls{margin-top:11px}.book-controls button{min-height:38px;min-width:95px;font-size:12px}.book-progress{margin-top:11px}.book-hint{font-size:9px;margin-top:7px}.book-year{font-size:105px}.book-year small{font-size:7px;margin-top:10px}.book-mark{height:125px}.book-palette{height:135px}.book-palette span{font-size:7px;padding:14px 8px}.book-palette b{font-size:8px}.book-platform-window{height:145px;padding:0 17px}.book-window-bar{height:28px}.book-platform-name{font-size:25px;margin-top:20px}.book-platform-category{font-size:9px;margin-top:8px}.book-platform-spark{font-size:32px;right:15px;bottom:12px}.book-network{gap:6px}.book-network span{font-size:8px;padding:13px 5px}.book-cities b{font-size:27px}.book-cities span{font-size:10px}.book-cities{gap:20px}.book-billboard{padding:8px 18px}.book-billboard img{height:75px}.book-film{height:140px;padding:16px}.book-film img{height:65px}.book-stationery{transform:rotate(-6deg) scale(.8)}.book-device{transform:rotate(7deg) scale(.73)}.book-steps>span{padding:14px 6px;font-size:24px}.book-steps b{font-size:16px;margin:7px 0}.book-steps small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.book-page{will-change:auto}}
/* The next sheet sits under the turning sheet, never alongside it. */
.book-stage{position:relative;touch-action:pan-y;perspective:1800px;cursor:grab}
.book-stage.is-turning{cursor:grabbing}
.book-stage.is-turning .book-page{user-select:none;-webkit-user-select:none;pointer-events:none}
.book-stage .turn-sheet{z-index:2;backface-visibility:hidden;will-change:transform;box-shadow:0 15px 45px #0006}
.book-stage .turn-sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--fold-side,to left),#071c4360,transparent 22%,#ffffff70 75%,#071c4380);opacity:var(--turn-shade,0);border-radius:inherit}
.book-stage .turn-under{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 30px #071c4318}
.reader-ready .book-page{height:calc(100dvh - 265px);min-height:360px;max-height:850px;will-change:auto}
.book-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:#deebff;margin-top:10px}
.book-hint span{max-width:calc(100% - 60px)}
.book-hint small{display:block;flex-basis:100%;font-size:10px;color:#b7cbe8}
.swipe-hand{flex-shrink:0;color:#a8caff;animation:finger-guide 2s ease-in-out 3}
.has-turned .swipe-hand{animation:none}
@keyframes finger-guide{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
.book-cities svg{color:#155eef;flex-shrink:0}
.book-platform-name{font-size:clamp(20px,4.5vw,32px);overflow-wrap:anywhere}
.book-page-top,.book-page-foot{gap:10px}
.book-page-foot span{font-family:AMArabic,Arial,sans-serif;letter-spacing:normal}
@media(max-width:600px){.reader-ready .book-page{height:calc(100dvh - 250px);min-height:340px}.book-hint{font-size:11px}.book-page-top span:first-child{letter-spacing:.03em}.book-header{padding-top:max(13px,env(safe-area-inset-top))}.book-controls button{min-height:44px}.book-platform-name{font-size:23px}.book-platform-category{max-width:85%}}
@media(prefers-reduced-motion:reduce){.swipe-hand{animation:none}.book-stage .turn-sheet{will-change:auto}}
@media print{.book-header,.book-toolbar,.book-controls,.book-hint,.book-progress{display:none}.book-page[hidden],.book-stage .turn-under{display:none!important}.reader-ready .book-page{height:auto;overflow:visible;box-shadow:none;transform:none!important}.book-reader{width:100%;max-width:680px}}

.book-arrow{display:inline-block;vertical-align:middle;flex-shrink:0;margin-inline-start:4px}.book-back{display:inline-flex;align-items:center;gap:5px}

/* Paper renderer owns the outer clipping; content scrolls independently inside the sheet. */
.paper-ready .book-stage{height:clamp(340px,calc(100dvh - 265px),850px);width:100%;min-width:0!important;min-height:0!important;max-width:100%;perspective:none;isolation:isolate;direction:ltr;touch-action:pan-y;box-shadow:0 24px 65px #0004;border-radius:5px;background:#dce6f5}
.paper-ready .stf__wrapper,.paper-ready .stf__block{width:100%;height:100%;position:relative}
.paper-ready .stf__block{position:absolute;inset:0;overflow:hidden}
.paper-ready .book-page{padding:0!important;margin:0!important;min-height:0;max-height:none;overflow:hidden;border-radius:3px!important;border:1px solid #dce5f4;box-shadow:none!important;touch-action:pan-y;will-change:auto;transform-origin:0 0}
.paper-ready .book-sheet-content{height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5c8e9 transparent;padding:32px 38px 24px;direction:rtl;touch-action:pan-y;background:inherit}
.paper-ready .book-page-top,.paper-ready .book-page-foot{direction:rtl}
.paper-moving{cursor:grabbing!important}.paper-moving .book-sheet-content{user-select:none;-webkit-user-select:none}
.paper-ready .stf__outerShadow,.paper-ready .stf__innerShadow{pointer-events:none}
.paper-ready .book-page-dark{border-color:#284975}
@media(min-width:850px) and (min-height:900px){.paper-ready .book-sheet-content{padding:38px 45px}}
@media(max-width:600px){.paper-ready .book-stage{height:clamp(340px,calc(100dvh - 250px),850px)}.paper-ready .book-sheet-content{padding:22px 23px 20px}}
@media print{.paper-ready .stf__parent,.paper-ready .stf__wrapper,.paper-ready .stf__block{height:auto!important;overflow:visible!important;box-shadow:none}.paper-ready .book-page{position:static!important;transform:none!important;clip-path:none!important;width:auto!important;height:auto!important}.paper-ready .book-sheet-content{height:auto;overflow:visible}.paper-ready [aria-hidden=true],.paper-ready [class*=Shadow]{display:none!important}}