:root{--bg-dark: #020617;--green: #10b981;--blue: #3b82f6;--violet: #6366f1}.trend-engine{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding-left:5vw}.core{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.25),transparent 70%);box-shadow:0 0 140px #10b98140,inset 0 0 90px #3b82f626;animation:pulse 12s ease-in-out infinite}.dark .core{background:radial-gradient(circle,#10b98159,#020617f2 60%);box-shadow:0 0 140px #10b98173,inset 0 0 90px #3b82f659}.ring{position:absolute;border-radius:50%;border:1px dashed rgba(16,185,129,.2)}.dark .ring{border:1px dashed rgba(255,255,255,.15)}.ring.one{width:640px;height:640px;animation:spin 80s linear infinite}.ring.two{width:760px;height:760px;animation:spinReverse 120s linear infinite}.dot{position:absolute;width:10px;height:10px;border-radius:50%}.dot.green{background:var(--green);box-shadow:0 0 14px var(--green);animation:orbit 24s linear infinite}.dot.blue{background:var(--blue);box-shadow:0 0 14px var(--blue);animation:orbit 32s linear infinite}.dot.violet{background:var(--violet);box-shadow:0 0 14px var(--violet);animation:orbit 40s linear infinite}.animate-pulse-slow{animation:pulse-slow 6s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes orbit{0%{transform:rotate(0) translate(260px)}to{transform:rotate(360deg) translate(260px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse-slow{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbit-alt{0%{transform:rotate(90deg) translate(70px) rotate(-90deg)}to{transform:rotate(450deg) translate(70px) rotate(-450deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-spin-reverse-slow{animation:spin-reverse-slow 10s linear infinite}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}.animate-orbit-alt{animation:orbit-alt 12s linear infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .4s ease-in-out}