:root{--ab-border-size:1px;--ab-radius:12px;--ab-border-color:#57FBF5;--ab-bg:#0C0C28;--ab-speed:20s}.animated-border{position:relative;border-radius:var(--ab-radius);overflow:hidden;background:#fff0}.animated-border::before{content:"";position:absolute;left:50%;top:50%;width:500px;height:100%;transform:translate(-50%,-50%) rotate(0deg);background:linear-gradient(90deg,transparent,var(--ab-border-color),var(--ab-border-color),transparent);animation:ab-rotate var(--ab-speed) linear infinite;pointer-events:none}.animated-border::after{content:"";position:absolute;inset:var(--ab-border-size);border-radius:calc(var(--ab-radius) - var(--ab-border-size));background:var(--ab-bg);pointer-events:none}.animated-border>*{position:relative;z-index:1}@keyframes ab-rotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}