.card{background:#08080c;border-radius:1.5rem;flex-direction:column;padding:2px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;animation:linear both card-slide-in;animation-timeline:view();animation-range:entry cover 30%;display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:0;opacity:.8;background:conic-gradient(#0000 0%,#00f2ff 15%,#0000 30%,#5000ff 50%,#0000 70%);animation:15s linear infinite card-border-rotate;position:absolute;inset:-100%}.card__inner{z-index:1;background:#08080c;border-radius:calc(1.5rem - 2px);flex-direction:column;flex:1;justify-content:space-between;padding:4rem 3rem;display:flex;position:relative;overflow:hidden}.card__icon{filter:drop-shadow(0 0 12px #00f2ff80);justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:3rem;display:flex}.card__icon-symbol{color:#00f2ff;font-size:3.5rem}.card__title{text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin-bottom:2rem;font-family:Montserrat,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;transition:color .5s}.card__content{color:#acabaa;max-width:24rem;margin-bottom:4rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.6}.card__link{color:#00f2ff;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;align-items:center;gap:1rem;font-size:.875rem;font-weight:900;display:flex}.card__link-arrow{font-size:1.25rem}.card:hover{z-index:10;box-shadow:0 25px 80px #00f2ff40,0 10px 40px #5000ff33;opacity:1!important;transform:scale(1.06)!important}.card:hover:before{animation-duration:6s}@keyframes card-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes card-slide-in{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0}}.grid{gap:4rem;width:100%;display:grid}.grid--fluid{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}.grid:hover .card:not(:hover){opacity:.6;transform:scale(.96)!important}