.about-page{--af-blue:#1a3a6c;--af-blue-2:#2d5a9d;--af-orange:#f9a825;--af-orange-2:#ff8f00;--af-ink:#0f172a;--af-muted:#5b6b85;--af-soft:#f4f8ff;--af-line:rgba(26, 58, 108, 0.1);--af-grad-blue:linear-gradient(135deg, #1a3a6c, #2d5a9d);--af-grad-orange:linear-gradient(135deg, #f9a825, #ff8f00);--af-glass:rgba(255, 255, 255, 0.72);--af-glass-border:rgba(255, 255, 255, 0.55);--af-shadow:0 24px 60px rgba(26, 58, 108, 0.10);--af-shadow-sm:0 10px 30px rgba(26, 58, 108, 0.08);--af-radius-xl:30px;--af-radius-lg:22px;--af-radius-md:16px;--af-ease:cubic-bezier(0.22, 1, 0.36, 1);position:relative;overflow:hidden;background:var(--bg-color,#ffffff);color:var(--dark-text,#0f172a);font-family:tajawal,sans-serif;line-height:1.7}body.ltr-mode .about-page{font-family:system-ui,-apple-system,segoe ui,Roboto,sans-serif}.dark-mode .about-page{--af-ink:#f8fafc;--af-muted:#94a3b8;--af-soft:rgba(15, 23, 42, 0.55);--af-line:rgba(255, 255, 255, 0.09);--af-glass:rgba(15, 23, 42, 0.66);--af-glass-border:rgba(255, 255, 255, 0.08);--af-shadow:0 24px 60px rgba(0, 0, 0, 0.45);--af-shadow-sm:0 10px 30px rgba(0, 0, 0, 0.35)}.about-page a{text-decoration:none}.about-page .container{width:min(92%,1200px);margin-inline:auto}.about-hero{position:relative;padding:clamp(72px,11vh,130px)0 clamp(120px,16vh,180px);background:radial-gradient(circle at 85% 8%,rgba(249,168,37,.16) 0%,transparent 42%),radial-gradient(circle at 12% 30%,rgba(45,90,157,.16) 0%,transparent 46%),radial-gradient(circle at 60% 110%,rgba(26,58,108,.1) 0%,transparent 55%),var(--af-soft);overflow:hidden}.dark-mode .about-hero{background:radial-gradient(circle at 85% 8%,rgba(249,168,37,.12) 0%,transparent 42%),radial-gradient(circle at 12% 30%,rgba(45,90,157,.22) 0%,transparent 46%),radial-gradient(circle at 60% 110%,rgba(26,58,108,.25) 0%,transparent 55%),#04060d}.about-hero-bg{position:absolute;inset:0;pointer-events:none}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--af-line) 1px,transparent 1px),linear-gradient(90deg,var(--af-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 70%);opacity:.7}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:af-drift 14s var(--af-ease)infinite alternate}.orb--1{width:340px;height:340px;top:-90px;inset-inline-start:-70px;background:radial-gradient(circle,rgba(249,168,37,.5),transparent 65%)}.orb--2{width:300px;height:300px;top:40px;inset-inline-end:-80px;background:radial-gradient(circle,rgba(45,90,157,.55),transparent 65%);animation-delay:-4s}.orb--3{width:260px;height:260px;bottom:-60px;inset-inline-start:32%;background:radial-gradient(circle,rgba(26,58,108,.45),transparent 65%);animation-delay:-8s}@keyframes af-drift{from{transform:translate3d(0,0,0)scale(1)}to{transform:translate3d(30px,24px,0)scale(1.12)}}.about-hero-container{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,80px);align-items:center}.about-hero-inner{text-align:center}@media(min-width:1025px){.about-hero-inner{text-align:start}}.about-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 22px;border-radius:100px;background:rgba(249,168,37,.12);border:1px solid rgba(249,168,37,.35);color:var(--af-orange);font-weight:800;font-size:.92rem;letter-spacing:.3px;box-shadow:0 4px 18px rgba(249,168,37,.18);margin-bottom:26px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about-hero-title{font-size:clamp(2.3rem,5.4vw,4.2rem);font-weight:950;line-height:1.16;color:var(--af-blue);margin-bottom:24px;text-wrap:balance}.dark-mode .about-hero-title{color:#fff}.grad-text{display:inline-block;background:linear-gradient(120deg,var(--af-orange),var(--af-orange-2) 55%,var(--af-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.dark-mode .grad-text{background:linear-gradient(120deg,#f9a825,#ffc24d,#7aa5e6);-webkit-background-clip:text;background-clip:text}.about-hero-sub{font-size:clamp(1rem,1.7vw,1.22rem);color:var(--af-muted);max-width:620px;margin-inline:auto;margin-bottom:34px;font-weight:500}@media(min-width:1025px){.about-hero-sub{margin-inline:0}}.about-hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media(min-width:1025px){.about-hero-actions{justify-content:flex-start}}.btn-af{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:14px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:transform .3s var(--af-ease),box-shadow .3s var(--af-ease),background .3s;will-change:transform}.btn-af i{font-size:.9em}.btn-af--primary{background:var(--af-grad-orange);color:#fff !important;box-shadow:0 12px 28px rgba(249,168,37,.38)}.btn-af--primary:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(249,168,37,.5)}.btn-af--ghost{background:var(--af-glass);color:var(--af-blue);border:1.5px solid var(--af-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .btn-af--ghost{color:#fff;background:rgba(15,23,42,.5)}.btn-af--ghost:hover{transform:translateY(-3px);border-color:var(--af-orange);box-shadow:0 14px 30px rgba(249,168,37,.18)}.btn-af--light{background:#fff;color:var(--af-blue) !important;box-shadow:0 12px 30px rgba(0,0,0,.18)}.btn-af--light:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.28)}.about-hero-media{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}.hero-ring{position:absolute;width:min(420px,92%);aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(249,168,37,.45);animation:af-spin 32s linear infinite}.hero-ring::before{content:'';position:absolute;inset:34px;border-radius:50%;border:1px dashed rgba(45,90,157,.35)}@keyframes af-spin{to{transform:rotate(360deg)}}.hero-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--af-radius-lg);padding:26px 24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:af-float 7s var(--af-ease)infinite alternate}.hero-card--main{width:220px;min-height:230px;background:var(--af-grad-blue);color:#fff;box-shadow:0 30px 60px rgba(26,58,108,.35);z-index:2;border:1px solid rgba(255,255,255,.12)}.hero-card--main strong{font-size:1.2rem;font-weight:800;margin-top:14px}.hero-card--main small{font-size:.88rem;opacity:.85;margin-top:4px}.hero-card--float-1{width:190px;min-height:170px;top:2%;inset-inline-end:0;background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);color:var(--af-ink);z-index:3;animation-delay:-2.4s}.hero-card--float-2{width:180px;min-height:160px;bottom:4%;inset-inline-start:0;background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);color:var(--af-ink);z-index:3;animation-delay:-4.8s}.hero-card--float-1 strong,.hero-card--float-2 strong{font-size:1.02rem;font-weight:800;margin-top:10px}.hero-card--float-1 small,.hero-card--float-2 small{font-size:.8rem;color:var(--af-muted);margin-top:2px}.hero-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.hero-card--main .hero-card-icon{background:rgba(255,255,255,.16);color:#ffd27d}.hero-card--float-1 .hero-card-icon,.hero-card--float-2 .hero-card-icon{background:rgba(249,168,37,.16);color:var(--af-orange)}@keyframes af-float{from{transform:translateY(-8px)}to{transform:translateY(10px)}}.about-stats{position:relative;margin-top:-84px;z-index:5}.about-stats-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:clamp(16px,3vw,30px);padding:clamp(24px,4vw,40px)clamp(22px,4vw,48px);background:var(--af-glass);border:1px solid var(--af-glass-border);border-radius:var(--af-radius-xl);box-shadow:var(--af-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.stat-item{display:flex;align-items:center;gap:16px;flex:1;min-width:200px}.stat-icon{width:54px;height:54px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,rgba(249,168,37,.2),rgba(249,168,37,6%));border:1px solid rgba(249,168,37,.3);color:var(--af-orange);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:900;line-height:1.1;color:var(--af-blue)}.dark-mode .stat-number{color:#fff}.stat-label{font-size:.9rem;font-weight:600;color:var(--af-muted);margin-top:3px}.stat-divider{width:1px;height:46px;background:var(--af-line)}.about-section{padding:clamp(70px,9vw,110px)0}.about-story{padding-top:clamp(90px,12vw,140px)}.section-head-af{text-align:center;max-width:720px;margin:0 auto clamp(44px,6vw,64px)}.section-head-af p{color:var(--af-muted);font-size:1.08rem;max-width:560px;margin-inline:auto}.section-tag{display:inline-flex;align-items:center;gap:9px;color:var(--af-orange);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;padding:7px 16px;border-radius:100px;background:rgba(249,168,37,.1);border:1px solid rgba(249,168,37,.25)}.section-heading-af{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;line-height:1.25;color:var(--af-blue);margin-bottom:16px;position:relative;padding-bottom:20px;display:inline-block}.dark-mode .section-heading-af{color:#fff}.section-heading-af::after{content:'';position:absolute;bottom:0;inset-inline-start:50%;transform:translateX(-50%);width:66px;height:5px;border-radius:6px;background:var(--af-grad-orange)}.story-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,70px);align-items:center}@media(min-width:992px){.story-grid{grid-template-columns:.92fr 1.08fr}}.story-media{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.story-img-card{position:relative;width:min(340px,92%);aspect-ratio:1.05;border-radius:34px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 45%),var(--af-grad-blue);box-shadow:0 34px 70px rgba(26,58,108,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transform:rotate(-3deg);transition:transform .5s var(--af-ease)}.story-img-card:hover{transform:rotate(0)translateY(-6px)}.story-img-icon{width:96px;height:96px;border-radius:26px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#ffd27d;font-size:2.6rem;display:flex;align-items:center;justify-content:center}.story-img-label{color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:.5px}.story-chip{position:absolute;display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:14px;background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);color:var(--af-ink);font-weight:800;font-size:.92rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:af-float 6s var(--af-ease)infinite alternate}.dark-mode .story-chip{background:rgba(15,23,42,.8)}.story-chip i{color:var(--af-orange)}.story-chip--1{top:4%;inset-inline-start:0}.story-chip--2{top:46%;inset-inline-end:-4px;animation-delay:-2s}.story-chip--3{bottom:2%;inset-inline-start:6%;animation-delay:-4s}.story-content .section-heading-af::after{display:none}.story-content .section-heading-af{padding-bottom:0;margin-bottom:22px}.story-content>p{color:var(--af-muted);font-size:1.06rem;margin-bottom:18px}.story-points{list-style:none;padding:0;margin-top:26px;display:flex;flex-direction:column;gap:14px}.story-points li{display:flex;align-items:center;gap:14px;font-weight:700;color:var(--af-blue)}.dark-mode .story-points li{color:#e2e8f0}.story-points li i{width:30px;height:30px;flex-shrink:0;border-radius:10px;background:rgba(249,168,37,.14);color:var(--af-orange);font-size:.85rem;display:flex;align-items:center;justify-content:center}.mv-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:640px){.mv-grid{grid-template-columns:repeat(2,1fr)}}.mv-card{position:relative;overflow:hidden;padding:clamp(34px,4vw,48px);border-radius:var(--af-radius-xl);background:var(--af-soft);border:1px solid var(--af-line);transition:transform .45s var(--af-ease),box-shadow .45s var(--af-ease),border-color .45s}.mv-card::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--af-grad-orange);border-radius:0 6px 6px 0}.mv-card:hover{transform:translateY(-8px);box-shadow:var(--af-shadow-sm);border-color:rgba(249,168,37,.35)}.mv-icon{width:62px;height:62px;border-radius:18px;background:var(--af-grad-blue);color:#fff;font-size:1.45rem;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 12px 26px rgba(26,58,108,.3)}.mv-card h3{font-size:1.45rem;font-weight:900;color:var(--af-blue);margin-bottom:12px}.dark-mode .mv-card h3{color:#fff}.mv-card p{color:var(--af-muted);font-size:1.02rem;margin:0}.about-tech{background:radial-gradient(circle at 50% 0%,rgba(249,168,37,7%),transparent 55%),var(--af-soft)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}.tech-card{position:relative;padding:36px 28px;border-radius:var(--af-radius-lg);background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .45s var(--af-ease),box-shadow .45s var(--af-ease),border-color .45s;overflow:hidden}.dark-mode .tech-card{background:rgba(15,23,42,.7)}.tech-card::after{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(249,168,37,.14),transparent 70%);transition:transform .5s var(--af-ease)}.tech-card:hover{transform:translateY(-9px);box-shadow:0 22px 48px rgba(249,168,37,.16);border-color:rgba(249,168,37,.4)}.tech-card:hover::after{transform:scale(1.6)}.tech-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,rgba(26,58,108,.1),rgba(249,168,37,.14));border:1px solid rgba(249,168,37,.25);color:var(--af-orange);font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.tech-card h3{font-size:1.16rem;font-weight:800;color:var(--af-blue);margin-bottom:12px}.dark-mode .tech-card h3{color:#fff}.tech-card p{color:var(--af-muted);font-size:.95rem;margin:0}.timeline{position:relative;max-width:900px;margin-inline:auto}.timeline::before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:26px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--af-orange),var(--af-blue));opacity:.35}@media(min-width:768px){.timeline::before{inset-inline-start:50%;transform:translateX(-50%)}}.tl-item{position:relative;padding-inline-start:76px;margin-bottom:34px}@media(min-width:768px){.tl-item{width:50%;padding-inline-start:0;margin-bottom:0}.tl-item:nth-child(odd){padding-inline-end:48px;text-align:end}.tl-item:nth-child(even){inset-inline-start:50%;padding-inline-start:48px}}.tl-dot{position:absolute;inset-inline-start:10px;top:26px;width:36px;height:36px;border-radius:50%;background:var(--af-grad-orange);color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px rgba(249,168,37,.18),0 8px 18px rgba(249,168,37,.35);z-index:1}@media(min-width:768px){.tl-dot{inset-inline-start:auto;inset-inline-end:-18px}.tl-item:nth-child(even) .tl-dot{inset-inline-end:auto;inset-inline-start:-18px}}.tl-card{padding:28px 30px;border-radius:var(--af-radius-lg);background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .4s var(--af-ease),border-color .4s var(--af-ease)}.dark-mode .tl-card{background:rgba(15,23,42,.7)}.tl-card:hover{transform:translateY(-5px);border-color:rgba(249,168,37,.4)}.tl-card h3{font-size:1.15rem;font-weight:800;color:var(--af-blue);margin-bottom:8px}.dark-mode .tl-card h3{color:#fff}.tl-card p{color:var(--af-muted);font-size:.97rem;margin:0}.values-grid{display:grid;grid-template-columns:1fr;gap:26px}@media(min-width:640px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{text-align:center;padding:clamp(38px,4vw,48px)28px;border-radius:var(--af-radius-xl);background:var(--af-glass);border:1px solid var(--af-glass-border);box-shadow:var(--af-shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .45s var(--af-ease),box-shadow .45s var(--af-ease)}.dark-mode .value-card{background:rgba(15,23,42,.7)}.value-card:hover{transform:translateY(-10px);box-shadow:0 26px 55px rgba(249,168,37,.16)}.value-icon{width:82px;height:82px;margin:0 auto 24px;border-radius:24px;background:linear-gradient(135deg,rgba(249,168,37,.18),rgba(249,168,37,5%));border:1px solid rgba(249,168,37,.3);color:var(--af-orange);font-size:2rem;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);transition:transform .5s var(--af-ease),background .5s,color .5s}.value-icon i{transform:rotate(-45deg);transition:transform .5s var(--af-ease)}.value-card:hover .value-icon{transform:rotate(0);background:var(--af-grad-orange);color:#fff}.value-card:hover .value-icon i{transform:rotate(0)}.value-card h3{font-size:1.32rem;font-weight:800;color:var(--af-blue);margin-bottom:14px}.dark-mode .value-card h3{color:#fff}.value-card p{color:var(--af-muted);font-size:.98rem;margin:0;line-height:1.8}.about-cta{padding-top:20px}.cta-panel{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding:clamp(40px,6vw,64px)clamp(28px,6vw,70px);border-radius:36px;background:var(--af-grad-blue);color:#fff;box-shadow:0 34px 80px rgba(26,58,108,.4)}.cta-text{position:relative;z-index:1;flex:1 1 300px}.cta-text h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;color:#fff !important;margin-bottom:12px}.cta-text p{font-size:clamp(1rem,1.6vw,1.18rem);opacity:.9;margin:0}.cta-panel .btn-af{position:relative;z-index:1;flex-shrink:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(10px)}.cta-orb--1{width:300px;height:300px;top:-130px;inset-inline-end:-80px;background:radial-gradient(circle,rgba(249,168,37,.55),transparent 65%)}.cta-orb--2{width:240px;height:240px;bottom:-120px;inset-inline-start:6%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}@media(max-width:1024px){.about-hero-container{grid-template-columns:1fr}.about-hero-media{min-height:320px;margin-top:30px}.hero-card--float-1{inset-inline-end:4%}.hero-card--float-2{inset-inline-start:4%}}@media(max-width:767px){.about-hero{padding-bottom:130px}.about-stats{margin-top:-70px}.stat-item{min-width:100%;justify-content:flex-start}.stat-divider{display:none}.timeline::before{inset-inline-start:20px}.tl-item{padding-inline-start:62px;margin-bottom:30px}.tl-dot{inset-inline-start:4px;top:24px}.cta-panel{flex-direction:column;text-align:center}.cta-panel .btn-af{width:100%}}@media(max-width:480px){.about-hero-title{font-size:2rem}.about-hero-actions{flex-direction:column}.about-hero-actions .btn-af{width:100%}.about-hero-media{min-height:270px}.hero-card--main{width:180px;min-height:190px}.hero-card--float-1{width:150px;min-height:130px}.hero-card--float-2{width:140px;min-height:120px}.hero-card-icon{width:46px;height:46px;font-size:1.1rem}.story-media{min-height:300px}.story-img-card{width:82%}.story-chip{padding:9px 14px;font-size:.8rem}.timeline::before{inset-inline-start:16px}.tl-item{padding-inline-start:54px}.tl-dot{inset-inline-start:0}}@media(prefers-reduced-motion:reduce){.about-page *,.about-page *::before,.about-page *::after{animation:none !important;transition:none !important}}