::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f180}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .5s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .4s ease-out forwards}.animate-pulse-glow{animation:pulseGlow 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.animate-initial{opacity:0}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-card{transition:all .3s ease}.tool-card:hover{transform:translateY(-4px)}@keyframes starFloat{0%,to{transform:translate(0)}25%{transform:translate(var(--move-x, 10px),var(--move-y, -10px))}50%{transform:translate(calc(var(--move-x, 10px) * .5),calc(var(--move-y, -10px) * -.5))}75%{transform:translate(calc(var(--move-x, 10px) * -.5),var(--move-y, -10px))}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes shootingStar{0%{transform:rotate(var(--angle, 220deg)) translate(0);opacity:0}5%{opacity:1}80%{opacity:1}to{transform:rotate(var(--angle, 220deg)) translate(2000px);opacity:0}}@keyframes starGlow{0%,to{box-shadow:0 0 2px 1px #a5b4fc66}50%{box-shadow:0 0 8px 3px #a5b4fccc}}.animate-star-glow{animation:starGlow 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-rotate 4s ease infinite}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-card{animation:float-card 4s ease-in-out infinite}@keyframes meteor{0%{transform:translate(0) translateY(0);opacity:1}70%{opacity:1}to{transform:translate(250px) translateY(30px);opacity:0}}.animate-meteor{animation:meteor 2s linear infinite}@keyframes hologram{0%{transform:translateY(100%);opacity:0}50%{opacity:1}to{transform:translateY(-100%);opacity:0}}.animate-hologram{animation:hologram 3s ease-in-out infinite}@keyframes loading-bar{0%{width:0%}to{width:100%}}.animate-loading-bar{animation:loading-bar 2s ease-out forwards}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out forwards}