@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.GlowingBorder_card__oOyJx{margin:0 auto;padding:3rem 2rem;width:100%;min-height:320px;background:linear-gradient(160deg,rgba(10,22,50,.78),rgba(8,17,40,.58));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;position:relative;display:flex;flex-direction:column;z-index:0;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .45s ease,border-color .3s ease;transform-style:preserve-3d;cursor:pointer;border:1px solid rgba(184,214,255,.16);box-shadow:0 18px 42px rgba(3,9,24,.48)}.GlowingBorder_card__oOyJx:before{content:"";position:absolute;inset:-1.5px;z-index:-2;background:conic-gradient(from var(--angle),rgba(59,130,246,0),rgba(59,130,246,.95),rgba(45,212,191,.9),rgba(244,114,182,.85),rgba(249,115,22,.8),rgba(59,130,246,0));border-radius:25px;animation:GlowingBorder_spin__hW2Xc 4.8s linear infinite}.GlowingBorder_card__oOyJx:after{content:"";position:absolute;inset:1px;background:linear-gradient(180deg,rgba(8,17,40,.92),rgba(7,16,38,.88));border-radius:23px;z-index:-1}.GlowingBorder_card__oOyJx:hover{transform:perspective(1200px) rotateX(10deg) rotateY(-8deg) translateY(-12px);border-color:rgba(142,195,255,.45);box-shadow:0 34px 68px rgba(3,9,24,.62),0 0 24px rgba(59,130,246,.25)}.GlowingBorder_card__oOyJx:hover a,.GlowingBorder_card__oOyJx:hover h3,.GlowingBorder_card__oOyJx:hover p{transform:translateZ(50px)}@keyframes GlowingBorder_spin__hW2Xc{0%{--angle:0deg}to{--angle:360deg}}