html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.blob{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.45;pointer-events:none}
.grad-text{background:linear-gradient(90deg,#00D4FF,#6C5CE7,#00D4FF);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient 6s linear infinite}
@keyframes gradient{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.marquee{display:flex;gap:4rem;animation:scroll 30s linear infinite;width:max-content}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.card-hover{transition:transform .3s ease, box-shadow .3s ease}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(11,31,77,.25)}
.reveal{opacity:0;transform:translateY(20px);transition:all .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.dot-pattern{background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);background-size:24px 24px}