@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes loading{0%{transform:translateX(-110%)}50%{transform:translateX(160%)}100%{transform:translateX(360%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(19,168,162,.18)}50%{box-shadow:0 0 0 14px rgba(19,168,162,0)}}
.reveal-line{overflow:hidden}.reveal-line>span{display:inline-block}.magnetic{will-change:transform}.glow-dot{position:fixed;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(37,205,197,.09),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}.pulse{animation:pulseGlow 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hero-canvas,.glow-dot{display:none!important}}