.presentation{position:relative;isolation:isolate}
.cover{transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .65s;transform-origin:50% 30%}
.deck-about .cover{transform:translateY(-12vh) scale(.96);opacity:0;pointer-events:none}
.chapter-link{background:transparent;border:0;color:#2F3A85;font:700 13px 'IBM Plex Sans Arabic',sans-serif;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px}
.chapter-link:hover{background:#2F3A8509}.chapter-link span{font-size:21px;color:#257ACD}.slide-footer .website{display:block}
.about-slide{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#2F3A85;color:#fff;visibility:hidden;opacity:0;transform:translateY(100%);transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .6s,visibility .9s;pointer-events:none}
.deck-about .about-slide{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.about-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 48% 34%,#257ACD7A,transparent 65%),linear-gradient(115deg,#2F3A85,#2F3A85 50%,#242D69)}
.about-orbit{position:absolute;width:60vw;height:60vw;right:-42vw;top:-44vw;border-radius:50%;border:1px solid #C15F9F16;box-shadow:0 0 0 10vw #C15F9F03,0 0 0 10.04vw #FFFFFF0B,0 0 0 20vw #FFFFFF02}
.about-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) 48px;padding:30px 6% 8px;gap:20px}
.about-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:90px}
.about-eyebrow{font:600 9px/1.4 'Montserrat',sans-serif;letter-spacing:2.8px;color:#FFFFFF80;margin:0 0 6px;text-align:right}
.about-heading h2{font:700 clamp(36px,4vw,56px)/1.1 'IBM Plex Sans Arabic',sans-serif;margin:0;outline:none}.about-heading h2 span{color:#C15F9F}
.about-heading-en .about-eyebrow{text-align:left}.about-heading-en h2{font:600 clamp(28px,3vw,43px)/1.4 'Montserrat',sans-serif;letter-spacing:-1.3px;margin:0;color:#fff}.about-heading-en h2 span{color:#C15F9F}
.about-content{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px}
.profile-opening,.profile-closing{display:flex;align-items:center;gap:20px;color:#FFFFFF80;font:400 14px Consolas,monospace}
.opening-code b{color:#D58BBB;font-weight:400}.opening-rule,.closing-rule{height:1px;background:linear-gradient(90deg,#FFFFFF16,transparent);flex:1;transform-origin:left}
.profile-closing{margin-top:0}.closing-infinity{font:600 28px/1 'Montserrat',sans-serif;color:#C15F9F99}.closing-rule{background:linear-gradient(90deg,transparent,#FFFFFF16);transform-origin:right}
.about-grid{display:grid;grid-template-columns:1fr 1fr;direction:rtl;gap:20px;min-height:0}
.profile-panel{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid #FFFFFF22;border-top-color:#FFFFFF66;border-radius:23px;background:linear-gradient(145deg,#FFFFFF0C,#2F3A8533 45%,#2F3A8577);box-shadow:inset 0 1px 0 #FFFFFF12,0 15px 35px #17205D26;overflow:hidden;isolation:isolate}
.profile-panel:before{content:'';position:absolute;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(ellipse at 8% 0,#FFFFFF09,transparent 65%)}
.profile-bar{height:49px;flex:none;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #FFFFFF14}
.profile-filename{display:flex;align-items:center;gap:8px;font:400 11px Consolas,monospace;color:#FFFFFF69}
.profile-filename i{height:5px;width:5px;border-radius:50%;background:#C15F9FAA}.profile-en .profile-filename i{background:#70B9EE}
.language-label{display:flex;align-items:center;gap:10px;font:700 12px 'IBM Plex Sans Arabic',sans-serif;color:#FFFFFFC2}.language-label>span{font:600 8px 'Montserrat',sans-serif;color:#FFFFFF50;border:1px solid #FFFFFF20;padding:3px 5px;border-radius:4px}.profile-en .language-label{font:600 10px 'Montserrat',sans-serif}
.profile-copy{padding:27px 28px 21px;display:flex;flex-direction:column;gap:22px;flex:1;justify-content:center}
.copy-row{display:flex;align-items:baseline;gap:15px;direction:ltr}
.copy-line{font:400 10px Consolas,monospace;color:#FFFFFF30;flex:0 0 16px;user-select:none}
.typed-copy{position:relative;margin:0;flex:1;min-width:0;font:700 clamp(17px,1.5vw,22px)/1.85 'IBM Plex Sans Arabic',sans-serif;direction:rtl;color:#FFFFFFEB;text-wrap:pretty}
.copy-reserve{opacity:0;pointer-events:none}.copy-text{position:absolute;inset:0;white-space:normal}
.copy-text:after{content:'';display:inline-block;vertical-align:-.08em;width:1.5px;height:1em;background:#C15F9F;margin-inline-start:3px;opacity:0}
.is-typing .copy-text:after{opacity:1}
.profile-en .typed-copy{font:600 clamp(12px,1.1vw,16px)/1.95 'Montserrat',sans-serif;direction:ltr;color:#FFFFFFD4}
.profile-card-end{display:flex;align-items:center;justify-content:space-between;padding:8px 25px 16px;font:400 12px Consolas,monospace;color:#FFFFFF42}.code-dots{letter-spacing:4px;color:#C15F9F99}
.about-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}
.about-footer button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#FFFFFF8C;font:700 11px 'IBM Plex Sans Arabic',sans-serif;border-radius:8px;min-width:34px;height:34px;padding:7px;transition:background .2s,color .2s}
.about-footer button:hover{color:#fff;background:#FFFFFF0B}.back-cover span{font-size:19px}.about-page{font:600 10px 'Montserrat',sans-serif;color:#FFFFFF44;margin:0}.about-page b{font-weight:600;color:#FFFFFFBB}.about-page span{margin:0 14px;color:#C15F9F}
.about-player{display:flex;gap:5px}.about-player svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.about-player>button>span:first-child{font-size:19px}
.about-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#FFFFFF0B;direction:ltr}.about-timeline>span{height:100%;width:0;display:block;background:linear-gradient(90deg,#257ACD,#C15F9F);opacity:.7}.about-timeline input{position:absolute;inset:0;top:-10px;height:13px;width:100%;margin:0;opacity:0;cursor:ew-resize;direction:ltr}
@media(min-height:850px) and (min-width:901px){.about-shell{padding-top:5vh;padding-bottom:2vh;gap:30px}.about-header{min-height:100px}.profile-copy{padding:30px 32px;gap:26px}.typed-copy{font-size:22px}.profile-en .typed-copy{font-size:16px}.profile-bar{height:57px}.about-content{max-width:1500px;width:100%;justify-self:center}.about-grid{gap:24px}}
@media(max-height:680px) and (min-width:761px){.about-shell{padding-top:17px;gap:12px;grid-template-rows:70px minmax(0,1fr) 38px}.about-header{min-height:0}.about-heading h2{font-size:36px}.about-content{gap:11px}.profile-copy{padding:14px 20px;gap:13px}.typed-copy{font-size:16px;line-height:1.75}.profile-en .typed-copy{font-size:12px;line-height:1.8}.profile-bar{height:40px;padding-inline:20px}.profile-card-end{padding:5px 20px 10px}.profile-closing,.profile-opening{font-size:12px}.closing-infinity{font-size:22px}}
@media(max-width:760px){.about-shell{padding:23px 5% 5px;gap:18px;grid-template-rows:76px minmax(0,1fr) 44px}.about-header{min-height:0}.about-heading h2{font-size:38px}.about-eyebrow{font-size:8px;letter-spacing:2px}.about-brand>span{font-size:13px}.about-brand p{font-size:6px;letter-spacing:1px}.about-content{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFFFFF33 transparent;padding:0 2px 15px}.about-grid{grid-template-columns:1fr;gap:15px;margin-block:15px}.profile-copy{padding:18px 19px;gap:18px}.typed-copy{font-size:17px;line-height:1.85}.profile-en .typed-copy{font-size:12.5px;line-height:1.95}.profile-bar{height:45px;padding-inline:20px}.profile-card-end{padding-inline:20px}.profile-panel{border-radius:20px}.profile-opening{font-size:12px}.profile-closing{font-size:12px}.about-page{display:none}.copy-row{gap:10px}.copy-line{font-size:9px;flex-basis:12px}.about-footer{gap:8px}.about-footer button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cover,.about-slide{transition:none!important}.about-slide{transform:none}.deck-about .cover{transform:none}.copy-text:after{display:none}}

@media(max-width:760px){.about-heading-en h2{font-size:22px;letter-spacing:-.8px}.about-heading-en .about-eyebrow{font-size:6px;letter-spacing:1.5px}.about-header{gap:15px}}