@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 1.5s infinite}.loading{--primary-color:#3b82f6;--secondary-color:#6366f1;--accent-color:#8b5cf6;--gradient-start:#3b82f6;--gradient-end:#8b5cf6;--animation-duration:2s;display:flex;justify-content:center;align-items:center;width:120px;height:120px;position:relative}.loading span{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 4px 15px rgba(59,130,246,.3);animation:orbit var(--animation-duration) ease-in-out infinite}.loading span,.loading span:first-child{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.loading span:first-child{animation-delay:0s;box-shadow:0 4px 20px rgba(59,130,246,.4)}.loading span:nth-child(2){background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));animation-delay:-.4s;box-shadow:0 4px 20px rgba(99,102,241,.4)}.loading span:nth-child(3){background:linear-gradient(45deg,var(--accent-color),var(--primary-color));animation-delay:-.8s;box-shadow:0 4px 20px rgba(139,92,246,.4)}.loading span:nth-child(4){background:linear-gradient(45deg,var(--primary-color),var(--accent-color));animation-delay:-1.2s;box-shadow:0 4px 20px rgba(59,130,246,.3)}.loading span:nth-child(5){background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));animation-delay:-1.6s;box-shadow:0 4px 20px rgba(99,102,241,.3)}@keyframes orbit{0%{transform:rotate(0deg) translateX(30px) scale(.8);opacity:.7}50%{transform:rotate(180deg) translateX(35px) scale(1.1);opacity:1}to{transform:rotate(1turn) translateX(30px) scale(.8);opacity:.7}}.loading:before{content:"";position:absolute;width:20px;height:20px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:50%;box-shadow:0 0 20px rgba(59,130,246,.6),0 0 40px rgba(99,102,241,.4),0 0 60px rgba(139,92,246,.2);animation:centerPulse var(--animation-duration) ease-in-out infinite}@keyframes centerPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.loading:after{content:"";position:absolute;width:80px;height:80px;border:2px solid transparent;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.1),rgba(99,102,241,.2),rgba(139,92,246,.1),transparent);animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.loading{width:100px;height:100px}.loading span{width:10px;height:10px}.loading:before{width:16px;height:16px}.loading:after{width:70px;height:70px}}