/* style.css */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

input::placeholder, textarea::placeholder {
    color: #6b7280;
}

/* Hide scrollbar but allow scrolling */
body::-webkit-scrollbar {
    display: none;
}
body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#profile-card, #workout-section {
    transition: all 0.3s ease;
}