@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-spin-slow{animation:40s linear infinite spin-slow}.animate-spin-slow-reverse{animation:60s linear infinite spin-slow-reverse}.animate-bounce-slow{animation:4s ease-in-out infinite bounce-slow}.orb{cursor:pointer;max-width:100%;transition:all 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.orb-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .7s;display:flex}.orb-content:hover{background:#ffffff26;border-color:#22d3ee80;transform:scale(1.1)}.orb.centered .orb-content{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:radial-gradient(circle,#ffffff26 0%,#0000001a 100%);border-color:#ffffff80;box-shadow:0 0 100px #22d3ee66}.orb-icon{border-radius:50%;margin-bottom:12px;padding:12px;animation:4s ease-in-out infinite bounce-slow;box-shadow:0 0 20px #0000004d}@media (min-width:768px){.orb-icon{margin-bottom:16px;padding:16px;box-shadow:0 0 30px #0000004d}}.orb-title{letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 10px #0000004d;font-size:9px;font-weight:900}@media (min-width:768px){.orb-title{letter-spacing:.25em;font-size:11px}}.orb-details{flex-direction:column;gap:6px;transition:all 1s;display:flex}@media (min-width:768px){.orb-details{gap:12px}}.detail-item{align-items:center;gap:8px;display:flex}@media (min-width:768px){.detail-item{gap:12px}}.detail-dot{background:var(--blue-normal);width:4px;height:4px;box-shadow:0 0 6px var(--blue-normal);border-radius:50%;flex-shrink:0}@media (min-width:768px){.detail-dot{width:6px;height:6px;box-shadow:0 0 8px var(--blue-normal)}}.detail-text{text-transform:uppercase;letter-spacing:.08em;color:var(--blue-light);text-shadow:0 1px 5px #0000004d;font-size:9px;font-weight:700}@media (min-width:768px){.detail-text{letter-spacing:.1em;font-size:10px}}.orb-ring{pointer-events:none;border:1px solid #22d3ee4d;border-radius:50%;animation:40s linear infinite spin-slow;position:absolute;inset:-20px}@media (min-width:768px){.orb-ring{inset:-30px}}.ring-dot{background:var(--white);width:12px;height:12px;box-shadow:0 0 10px var(--white);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in-105{0%{transform:scale(1)}to{transform:scale(1.05)}}.animate-in{animation-duration:1s;animation-fill-mode:forwards}.fade-in{animation-name:fade-in}.zoom-in-105{animation-name:zoom-in-105}