.hero-flow-card{position:relative;display:block;border-radius:.75rem;overflow:hidden;isolation:isolate;background:#000;transition:transform .3s ease,box-shadow .4s ease}.hero-flow-card:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,var(--c1) 70deg,var(--c2) 150deg,transparent 210deg,transparent 1turn);animation:hero-flow-spin 4s linear infinite}.hero-flow-card:after{content:"";position:absolute;z-index:1;inset:1.5px;border-radius:calc(.75rem - 1.5px);background:#000}.hero-flow-content{position:relative;z-index:2}.hero-flow-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px -18px var(--accent)}.hero-flow-card:hover:before{animation-duration:1.6s}@keyframes hero-flow-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hero-flow-card:before{animation:none}}