:root{--bg-gradient:linear-gradient(120deg,#07102b 0%,#061024 35%,#081226 100%);--glass-bg:#ffffff0f;--glass-border:#ffffff14;--muted:#a3b0c3;--accent:#7dd3fc;--accent-2:#60a5fa;--card-radius:16px;--max-width:1180px;--container-pad:1.25rem;--glass-blur:10px;--shadow-strong:0 18px 50px #02061799;--shadow-soft:0 10px 30px #00000014;--text-main:#e6eefb;--text-muted:#c7d6e8}.about-page{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100vh;font-family:Inter,Noto Kufi Arabic,system-ui,-apple-system,Helvetica Neue,Arial}.container{max-width:var(--max-width);padding:2.5rem var(--container-pad);margin:0 auto}.hero{padding:5rem 0 3rem;position:relative;overflow:visible}.hero .hero-inner{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:320px;margin-top:70px;display:flex;position:relative}.hero .hero-text{z-index:6;text-align:center;max-width:820px;margin:0 auto;padding:0 1rem}.hero .hero-text h1{letter-spacing:-.5px;color:var(--text-main);margin:0 0 .6rem;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;line-height:1.02}.hero .hero-text .lead{color:var(--muted);max-width:72ch;margin:0 auto 1.6rem;font-size:1.05rem;line-height:1.85}.hero .hero-text .hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.hero .hero-text .hero-stats .stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff08;border-radius:12px;min-width:110px;padding:.65rem .9rem}.hero .hero-text .hero-stats .stat strong{color:var(--accent-2);font-size:1rem;display:block}.hero .hero-text .hero-stats .stat span{color:var(--muted);font-size:.82rem}.hero .hero-decor{z-index:2;pointer-events:none;opacity:1;width:520px;height:520px;display:block;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.hero .hero-decor .blob{filter:blur(18px)saturate(120%);transform-origin:50%;mix-blend-mode:screen;width:100%;height:100%;position:absolute}.hero .hero-decor .blob-1{fill:#2dd4bf;opacity:.12;top:-40px;right:-40px;transform:rotate(8deg)scale(1)}.hero .hero-decor .blob-2{fill:#60a5fa;opacity:.1;bottom:-40px;right:-80px;transform:rotate(-8deg)scale(.95)}.cards{padding:2rem 0 3rem}.cards .cards-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}@media (max-width:980px){.cards .cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cards .cards-grid{grid-template-columns:1fr}}.cards .cards-grid .card{border-radius:var(--card-radius);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#ffffff08,#ffffff05);border:1px solid #ffffff0a;align-items:flex-start;gap:1rem;padding:1.6rem;transition:transform .28s,box-shadow .28s;display:flex}.cards .cards-grid .card:hover{box-shadow:var(--shadow-strong);transform:translateY(-8px)}.cards .cards-grid .card .icon{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:12px;place-items:center;min-width:46px;min-height:46px;padding:.6rem;font-size:1.6rem;display:grid}.cards .cards-grid .card h3{color:#eaf6ff;margin:0 0 .35rem;font-size:1.05rem}.cards .cards-grid .card p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.6}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.faq{padding:3rem 0}.faq .faq-title{color:var(--text-main);text-align:center;margin-bottom:1.25rem;font-size:1.6rem;font-weight:700}.faq .faq-accordion{max-width:calc(var(--max-width) - 120px);gap:.8rem;margin:0 auto;display:grid}.faq .faq-item .faq-trigger{text-align:right;width:100%;color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:#0000;background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0a;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:background .22s,transform .18s;display:flex}.faq .faq-item .faq-trigger:hover{transform:translateY(-4px)}.faq .faq-item .faq-trigger.open{background:linear-gradient(#ffffff08,#ffffff05)}.faq .faq-item .faq-trigger .q-text{color:#fff;font-size:1rem;font-weight:600}.faq .faq-item .faq-trigger .q-meta{align-items:center;gap:.6rem;display:flex}.faq .faq-item .faq-trigger svg.chev{color:var(--accent-2);width:18px;height:18px;transition:transform .28s}.faq .faq-item .faq-trigger.open svg.chev,.faq .faq-item .faq-trigger svg.chev.open{transform:rotate(180deg)}.faq .faq-item .faq-panel{border-radius:0 0 12px 12px;margin-top:6px;overflow:hidden}.faq .faq-item .faq-panel .faq-panel-inner{background:linear-gradient(#ffffff04,#ffffff01);border-bottom:1px solid #ffffff05;border-left:1px solid #ffffff05;border-right:1px solid #ffffff05;padding:1rem 1.2rem 1.35rem}.faq .faq-item .faq-panel .faq-panel-inner p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.75}.cta{justify-content:center;padding:2.4rem 0 4rem;display:flex}.cta .cta-box{text-align:center;border:1px solid #ffffff0a;border-radius:14px;width:100%;max-width:900px;padding:1.6rem 1.4rem;transition:transform .22s,box-shadow .22s}.cta .cta-box:hover{box-shadow:var(--shadow-soft);transform:translateY(-6px)}.cta .cta-box h3{color:var(--text-main);margin:0 0 .6rem;font-size:1.1rem}.cta .cta-box p{color:var(--muted);margin-bottom:1rem}.cta .cta-box .cta-actions{justify-content:center;gap:.8rem;margin-top:.6rem;display:flex}.cta .cta-box .cta-actions .btn{border-radius:10px;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.cta .cta-box .cta-actions .primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#012;box-shadow:0 10px 30px #6496ff1f}.cta .cta-box .cta-actions .outline{color:#fff;background:0 0;border:1px solid #ffffff0f}@media (max-width:1280px){.hero{padding-top:3.2rem}.hero .hero-inner{min-height:260px;padding:0 1rem}.hero .hero-decor{display:none}.cards .cards-grid{grid-template-columns:repeat(2,1fr)}.faq .faq-accordion{max-width:calc(var(--max-width) - 40px)}}@media (max-width:560px){.cards .cards-grid{grid-template-columns:1fr}.hero .hero-text h1{font-size:clamp(1.8rem,6.5vw,2.4rem)}.hero .hero-text .lead{font-size:.98rem}.hero .hero-stats .stat{min-width:92px;padding:.5rem .8rem}.cta .cta-box{padding:1rem}}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}