@property --lightbar-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.signup-card{border-color:rgba(184,175,249,.34);box-shadow:0 30px 80px rgba(4,7,18,.4),0 0 32px rgba(109,92,232,.1)}.signup-card:after{inset:-3px;padding:3px;border-radius:30px;background:conic-gradient(from var(--lightbar-angle),#8be2d5 0deg,#6d5ce8 75deg,#ef6b8d 145deg,#cce989 215deg,#8be2d5 285deg,#6d5ce8 360deg);filter:drop-shadow(0 0 7px rgba(139,226,213,.45));opacity:.92;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:lightbar-flow 4.2s linear infinite,lightbar-breathe 1.8s ease-in-out infinite alternate}.signup-card:focus-within:after{filter:drop-shadow(0 0 10px rgba(139,226,213,.68));animation-duration:2.8s,1.2s}.signup-card:before{left:32px;right:32px;top:1px;height:1px;z-index:3;opacity:.75}@keyframes lightbar-flow{to{--lightbar-angle:360deg}}@keyframes lightbar-breathe{from{opacity:.7}to{opacity:1}}@media(min-width:1200px){.signup-card:after{inset:-4px;padding:4px;border-radius:32px}}@media(max-width:620px){.signup-card:after{inset:-3px;padding:3px;border-radius:28px;filter:drop-shadow(0 0 5px rgba(139,226,213,.38))}}@media(prefers-reduced-motion:reduce){.signup-card:after{animation:none!important;--lightbar-angle:35deg;opacity:.86}}