.interactive-surface{position:relative;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.interactive-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),#7baeff13,transparent 72%);opacity:0;transition:opacity .3s}
.interactive-surface:hover{border-color:#6587a2;transform:translateY(-3px);box-shadow:0 16px 35px #02071340}
.interactive-surface:hover:before{opacity:1}
.motion-ready .reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.interactive-surface,.interactive-surface:before{transition:none}.interactive-surface:hover{transform:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}}