@theme{ --color-pastel-blue-50: #f0f7ff; --color-pastel-blue-100: #dfeeff; --color-pastel-blue-200: #b8dcff; --color-pastel-purple-50: #f5f0ff; --color-pastel-purple-100: #ebe0ff; --color-pastel-purple-200: #d4bfff; --color-pastel-green-50: #f0fdf4; --color-pastel-green-100: #dcfce7; }body{font-family:Inter,sans-serif}.animate-fadeUp{animation:fadeUp .5s ease both}.animate-fadeUp1{animation-delay:.12s}.animate-fadeUp2{animation-delay:.24s}.animate-fadeUp3{animation-delay:.36s}.animate-fadeUp4{animation-delay:.48s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hover-card{transition:all .3s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.score-ring{animation:scoreGrow 1.2s ease both}@keyframes scoreGrow{0%{stroke-dashoffset:283}}.slide-in{animation:slideIn .35s ease both}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.step-pulse{animation:stepPulse .4s ease both}@keyframes stepPulse{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.confetti-piece{position:fixed;width:8px;height:8px;border-radius:2px;animation:confFall 3s linear infinite;pointer-events:none;z-index:100}@keyframes confFall{0%{transform:translateY(-10vh) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}