.clay-card{background:#f0f4f8;border-radius:32px;box-shadow:inset -10px -10px 20px #fffc,inset 10px 10px 20px #aeaec033,10px 10px 20px #aeaec033,-10px -10px 20px #fffc}.clay-button{color:#fff;background:#6c5ce7;border-radius:24px;transition:all .2s;box-shadow:6px 6px 12px #6c5ce766,-6px -6px 12px #fffc}.clay-button:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #fff3}.clay-inset{background:#eef2f6;border-radius:20px;box-shadow:inset 5px 5px 10px #a6abbd4d,inset -5px -5px 10px #fffc}.fade-in-up{animation:.5s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}