.animate-in { animation: slideInUp 0.6s ease-out forwards; opacity: 0; } .delay-1 { animation-delay: 0.1s; } .delay-2 { animation-delay: 0.2s; } .delay-3 { animation-delay: 0.3s; } .delay-4 { animation-delay: 0.4s; } .delay-5 { animation-delay: 0.5s; } .delay-6 { animation-delay: 0.6s; } .delay-7 { animation-delay: 0.7s; } .delay-8 { animation-delay: 0.8s; }
.btn-secondary { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(12px); transition: all 0.3s ease; } .btn-secondary:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); } SONE-166
.card-hover { transition: all 0.3s ease; } .card-hover:hover { border-color: rgba(255,255,255,0.2); background: #0f0f0f; box-shadow: 0 0 60px rgba(0,255,196,0.07); } } .delay-1 { animation-delay: 0.1s
.toast { animation: slideInUp 0.4s ease-out forwards, fadeIn 0.4s ease-out forwards; } } .delay-2 { animation-delay: 0.2s
.rating-bar-fill { animation: widthGrow 1.5s ease-out forwards; width: 0%; }