:root{--primary:#0a2540;--primary-rgb:10, 37, 64;--primary-light:#163b65;--secondary:#3a86c8;--secondary-rgb:58, 134, 200;--accent:#10b981;--accent-rgb:16, 185, 129;--accent-gold:#d4af37;--accent-orange:#f39c12;--bg-warm:#faf9f6;--bg-light:#f4f7fa;--bg-gradient:linear-gradient(135deg, #faf9f6 0%, #ebf2f7 100%);--bg-dark:#051329;--bg-dark-gradient:linear-gradient(135deg, #051329 0%, #0b2545 100%);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-light:#f8fafc;--text-light-muted:#cbd5e1;--border-light:#0f254014;--border-glass:#fff6;--shadow-sm:0 2px 8px #0a25400a;--shadow-md:0 10px 30px -10px #0a254014;--shadow-lg:0 20px 40px -15px #0a25401f;--shadow-premium:0 30px 60px -15px #0a254026, 0 0 50px #10b98108;--shadow-inner:inset 0 2px 4px 0 #0000000f;--font-ar:"IBM Plex Sans Arabic", sans-serif;--font-en:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--secondary) transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background-color:var(--secondary);border:2px solid var(--bg-warm);border-radius:20px}body{font-family:var(--font-ar);background-color:var(--bg-warm);color:var(--text-primary);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;min-height:100vh;line-height:1.6;overflow-x:hidden}.font-en{font-family:var(--font-en);text-align:left;direction:ltr}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-ar);color:var(--primary);font-weight:700;line-height:1.25}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);background:#ffffffbf}.glass-panel-dark{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:#051329cc;border:1px solid #ffffff14}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:var(--text-light);font-family:var(--font-ar);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0a254026}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #0a254040}.btn-primary:hover:after{transform:translate(100%)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);font-family:var(--font-ar);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);background:0 0;align-items:center;gap:8px;padding:10px 26px;font-size:1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--primary);color:var(--text-light);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #059669 100%);color:var(--text-light);font-family:var(--font-ar);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #10b98133}.btn-accent:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #10b98159}.card-hover{transition:var(--transition-smooth);border:1px solid var(--border-light)}.card-hover:hover{box-shadow:var(--shadow-premium);border-color:#3a86c833;transform:translateY(-10px)scale(1.01)}.noise-bg{position:relative}.noise-bg:before{content:"";opacity:.02;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3联%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.spotlight{pointer-events:none;z-index:0;background:radial-gradient(circle,#3a86c814 0%,#3a86c800 70%);width:400px;height:400px;position:absolute;transform:translate(-50%,-50%)}.circular-container{justify-content:center;align-items:center;width:500px;height:500px;margin:0 auto;display:flex;position:relative}@media (width<=768px){.circular-container{width:320px;height:320px}}.circular-center{border-radius:var(--radius-full);width:120px;height:120px;box-shadow:var(--shadow-lg);z-index:5;border:4px solid var(--primary);background:#fff;justify-content:center;align-items:center;display:flex}@media (width<=768px){.circular-center{width:90px;height:90px}}.orbit-item{border-radius:var(--radius-full);width:70px;height:70px;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-smooth);z-index:4;border:2px solid var(--border-light);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}@media (width<=768px){.orbit-item{width:55px;height:55px}}.orbit-item:hover{border-color:var(--accent);transform:scale(1.15);box-shadow:0 0 20px #10b9814d}section{padding:100px 0;position:relative;overflow:hidden}@media (width<=768px){section{padding:60px 0}}.container{z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:0 24px;position:relative}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}@media (width<=968px){.grid-2{grid-template-columns:1fr;gap:30px}}.editorial-grid{grid-template-columns:1.4fr 1fr;gap:32px;display:grid}@media (width<=968px){.editorial-grid{grid-template-columns:1fr}}.section-title-container{margin-bottom:60px;position:relative}.section-tag{color:var(--accent);letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid var(--accent);margin-bottom:12px;padding-bottom:4px;font-size:.9rem;font-weight:600;display:inline-block}.section-title{color:var(--primary);margin-bottom:16px;font-size:2.8rem;line-height:1.2}@media (width<=768px){.section-title{font-size:2.2rem}}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.15rem;line-height:1.7}@keyframes glowPath{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.glow-path-svg{stroke-dasharray:20 10;animation:15s linear infinite glowPath}