.card-spotlight{position:relative;border-radius:16px;overflow:hidden;background-color:rgba(102,43,234,.06);border:1px solid rgba(102,43,234,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(102,43,234,.1);transition:box-shadow .3s ease,transform .3s ease}.card-spotlight:hover{box-shadow:0 12px 32px rgba(102,43,234,.25)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.2}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:-moz-fit-content;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;z-index:0;pointer-events:none}.gradient-overlay,.gradient-overlay:before{position:absolute;top:0;left:0;border-radius:inherit}.gradient-overlay:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}