@charset "UTF-8";:root{--bg-0: #020617;--bg-1: #0f172a;--bg-2: #1e293b;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-hover: rgba(59, 130, 246, .5);--primary: #2563eb;--primary-light: #60a5fa;--secondary: #6366f1;--secondary-light: #a5b4fc;--accent: #0ea5e9;--accent-light: #7dd3fc;--neon: #10b981;--neon-light: #34d399;--green: #10b981;--text-1: #f8fafc;--text-2: #94a3b8;--text-3: #475569;--gradient: linear-gradient(135deg, #2563eb 0%, #6366f1 50%, #0ea5e9 100%);--gradient-warm: linear-gradient(135deg, #2563eb 0%, #10b981 100%);--gradient-text: linear-gradient(135deg, #60a5fa 0%, #a5b4fc 50%, #7dd3fc 100%);--gradient-border: linear-gradient(135deg, rgba(37, 99, 235, .6), rgba(99, 102, 241, .4), rgba(14, 165, 233, .6));--glow: 0 0 60px rgba(37, 99, 235, .2);--glow-sm: 0 0 25px rgba(37, 99, 235, .1);--glow-blue: 0 0 40px rgba(37, 99, 235, .3);--glow-cyan: 0 0 40px rgba(14, 165, 233, .3);--glow-neon: 0 0 40px rgba(16, 185, 129, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-2xl: 40px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--font-en: "Inter", system-ui, -apple-system, sans-serif;--font-ar: "Almarai", system-ui, sans-serif;--nav-h: 72px;--max-w: 1180px;--px: clamp(20px, 5vw, 52px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-0);color:var(--text-1);font-family:var(--font-en);font-size:16px;line-height:1.65;overflow-x:hidden}[dir=rtl] body,[dir=rtl]{font-family:var(--font-ar)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}code{font-family:Fira Code,Cascadia Code,monospace;font-size:.875em;background:#2563eb1a;color:var(--primary-light);padding:2px 8px;border-radius:5px;border:1px solid rgba(37,99,235,.15)}pre{background:#00000080;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 28px;overflow-x:auto;margin:20px 0}pre code{background:none;padding:0;border:none;color:#e2e8f0;font-size:.875rem;line-height:1.7}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--bg-card);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--border);transition:all var(--transition-slow)}.glass:hover{background:var(--bg-card-hover);border-color:#2563eb33;box-shadow:0 32px 64px #0006,inset 0 1px #ffffff0f}.gradient-border{position:relative;border:1px solid transparent;background-clip:padding-box}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-weight:600;font-size:.9rem;letter-spacing:.02em;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 24px #2563eb59;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #2563eb80;filter:brightness(1.1)}.btn-ghost{border:1px solid rgba(255,255,255,.1);color:var(--text-2);background:#ffffff08}.btn-ghost:hover{border-color:var(--primary-light);color:var(--primary-light);background:#2563eb0f;box-shadow:0 0 20px #2563eb1a}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:.72rem;font-weight:600;background:#2563eb14;border:1px solid rgba(37,99,235,.2);color:var(--primary-light);letter-spacing:.03em;white-space:nowrap}.section-label{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:16px}.section-label:before{content:"";display:block;width:24px;height:2px;background:var(--gradient);border-radius:2px;box-shadow:0 0 8px #2563eb66}.section-title{font-size:clamp(1.5rem,5vw,2.75rem);font-weight:800;line-height:1.1;color:var(--text-1);letter-spacing:-.03em}.page-section{padding:clamp(48px,6vw,80px) var(--px);max-width:var(--max-w);margin:0 auto}[dir=rtl]{--px: clamp(16px, 3.5vw, 44px);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;word-spacing:.04em}[dir=rtl] .section-label{text-transform:none;letter-spacing:0;font-size:.8rem;word-spacing:0}[dir=rtl] .section-title{letter-spacing:0;line-height:1.3}[dir=rtl] .tag{letter-spacing:0;word-spacing:0}[dir=rtl] .article-content p{line-height:2.1}[dir=rtl] .article-content h2{letter-spacing:0;line-height:1.4}[dir=rtl] .article-content li{line-height:2}.bg-mesh{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg-0)}.bg-mesh:before{content:"";position:absolute;top:-20%;left:-15%;width:65%;height:75%;background:radial-gradient(ellipse,rgba(37,99,235,.1) 0%,transparent 75%);filter:blur(80px);animation:aurora 18s ease-in-out infinite alternate}.bg-mesh:after{content:"";position:absolute;bottom:-15%;right:-15%;width:55%;height:65%;background:radial-gradient(ellipse,rgba(6,182,212,.09) 0%,transparent 75%);filter:blur(100px);animation:aurora 24s ease-in-out infinite alternate-reverse}.bg-mesh .mesh-3{position:absolute;top:35%;left:40%;width:45%;height:45%;background:radial-gradient(ellipse,rgba(37,99,235,.07) 0%,transparent 75%);filter:blur(120px);animation:aurora 30s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.97)}to{transform:translate(50px,20px) scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shimmerBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #2563eb26}50%{box-shadow:0 0 50px #2563eb59,0 0 80px #0ea5e926}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:.6}25%{transform:translateY(-40px) translate(15px) scale(1.1);opacity:1}50%{transform:translateY(-20px) translate(-10px) scale(.9);opacity:.7}75%{transform:translateY(-60px) translate(20px) scale(1.05);opacity:.9}to{transform:translateY(-80px) translate(0) scale(1);opacity:0}}@keyframes orbit-cw{0%{transform:translate(-50%,-50%) rotate(var(--start, 0deg)) translate(var(--r)) rotate(calc(-1 * var(--start, 0deg)))}to{transform:translate(-50%,-50%) rotate(calc(var(--start, 0deg) + 360deg)) translate(var(--r)) rotate(calc(-1 * (var(--start, 0deg) + 360deg)))}}.animate-fade-up{animation:fadeUp .7s cubic-bezier(.4,0,.2,1) both}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#6366f1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}::selection{background:#2563eb4d;color:#fff}.article-content h2{font-size:1.4rem;font-weight:700;color:var(--text-1);margin:2.5rem 0 .8rem;padding-top:1rem;border-top:1px solid var(--border)}.article-content h2:first-child{border-top:none;padding-top:0;margin-top:.5rem}.article-content p{color:var(--text-2);line-height:1.9;margin-bottom:1.25rem;font-size:1.05rem}.article-content ul,.article-content ol{color:var(--text-2);padding-inline-start:1.75rem;margin-bottom:1.25rem}.article-content ul li,.article-content ol li{margin-bottom:.5rem;line-height:1.8;font-size:1.05rem}.article-content strong{color:var(--text-1);font-weight:600}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}