@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Ping AR;src:local("Ping AR"),local("PingArabic"),local("PingArabic-Regular");font-display:swap}@font-face{font-family:LT Hairline;src:local("LT Hairline"),local("Univers LT Std Hairline"),local("Lato-Hairline");font-display:swap}body{font-family:LT Hairline,Outfit,sans-serif;scroll-behavior:smooth;@apply antialiased;}[dir=rtl] body{font-family:Ping AR,Cairo,sans-serif}.text-navy{color:#00172d}.bg-navy{background-color:#00172d}.text-lime{color:#84cc16}.bg-lime{background-color:#84cc16}.dark .dark-bg{background-color:#0f172a}.dark .dark-card{background-color:#1e293b}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 12s linear infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes move-twinkle{0%{transform:translateY(0) translate(0);opacity:.8}50%{opacity:.4}to{transform:translateY(-100px) translate(20px);opacity:.8}}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background-color:#84cc16;border-radius:50%;opacity:0;animation:move-twinkle linear infinite}.glass{@apply bg-white/10 backdrop-blur-md border border-white/20;}.glass-dark{@apply bg-slate-900/60 backdrop-blur-md border border-white/10;}.glass-dark-premium{@apply bg-[#0B1F3A]/60 backdrop-blur-xl border border-white/10 shadow-xl shadow-black/30 ring-1 ring-white/5 transition-all duration-500;}.glass-dark-premium:hover{@apply border-lime-500/30 bg-[#0B1F3A]/80 shadow-[0_0_30px_rgba(132,204,22,.15)];}.bg-grid-pattern{background-image:radial-gradient(rgba(132,204,22,.1) 1px,transparent 1px);background-size:24px 24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-shimmer{background:linear-gradient(90deg,#84cc1600,#84cc1666,#84cc1600);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes wave{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}}