@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0b0f1a;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-hover:#374151;--bg-glass:#111827b3;--bg-glass-light:#1f293780;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#818cf8;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f126;--accent-glow-strong:#6366f14d;--accent-gradient:linear-gradient(135deg, #6366f1, #818cf8, #a78bfa);--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--border-primary:#4b55634d;--border-secondary:#4b556326;--border-accent:#6366f14d;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #6366f133;--shadow-glow-strong:0 0 40px #6366f14d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) var(--bg-primary)}::selection{background:var(--accent-glow-strong);color:var(--text-primary)}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(2deg)}66%{transform:translateY(-8px)rotate(-1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(60px,-80px)scale(1.1)}50%{transform:translate(-40px,-120px)scale(.95)}75%{transform:translate(80px,-40px)scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-70px,60px)scale(1.05)}50%{transform:translate(50px,100px)scale(.9)}75%{transform:translate(-90px,30px)scale(1.1)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,70px)scale(.95)}50%{transform:translate(-60px,-50px)scale(1.1)}75%{transform:translate(30px,-90px)scale(1)}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-in-right{animation:.5s forwards slideInRight}.animate-slide-in-left{animation:.5s forwards slideInLeft}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{animation:2s linear infinite shimmer}.animate-float{animation:6s ease-in-out infinite float}.animate-shake{animation:.5s ease-in-out shake}.animate-scale-in{animation:.3s forwards scaleIn}.animate-spin{animation:1s linear infinite spin}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.scroll-animate{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-animate.visible{opacity:1;transform:translateY(0)}