:root{--color-primary-light: #deebeb;--color-primary: #83b1bb;--color-primary-dark: #4b8890;--color-secondary: #215c6a;--color-secondary-dark: #1e4d56;--color-accent: #0f2b31}body{margin:0;padding:0;overflow-x:hidden;width:100vw;font-family:Inter,sans-serif;font-family:Nunito,Helvetica,Arial,sans-serif}html{width:100vw;overflow-x:hidden}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#1e4d56;padding:2rem;height:200px;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgb(255, 255, 255)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.fade-enter{opacity:0;transform:translate(20px)}.fade-enter-active{opacity:1;transform:translate(0);transition:opacity .4s ease,transform .4s ease}.fade-exit{opacity:1;transform:translate(0)}.fade-exit-active{opacity:0;transform:translate(-20px);transition:opacity .4s ease,transform .4s ease}