@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;700;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,Outfit,Noto Sans Arabic,sans-serif;direction:rtl;background-color:#f6f6f8;color:#111318;min-height:100vh;transition:background-color .3s ease,color .3s ease}.dark body,html.dark body{background-color:#130f25;color:#e2e8f0}#root{min-height:100vh;display:flex;flex-direction:column}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-animate{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.is-visible{opacity:1;transform:translateY(0) scale(1)}.scroll-animate:nth-child(1){transition-delay:0s}.scroll-animate:nth-child(2){transition-delay:.08s}.scroll-animate:nth-child(3){transition-delay:.16s}.scroll-animate:nth-child(4){transition-delay:.24s}.scroll-animate:nth-child(5){transition-delay:.32s}.scroll-animate:nth-child(6){transition-delay:.4s}.card-glow{transition:box-shadow .3s ease,transform .3s ease}.card-glow:hover{box-shadow:0 8px 30px #6366f11f,0 2px 8px #0000000f;transform:translateY(-2px)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}.pulse-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:pulse-ring 1.5s ease-out infinite;opacity:.3}
