.skill-card {
    @apply bg-white p-6 rounded-lg shadow-md text-center font-semibold
    transform transition-transform duration-300 hover:scale-105
    border-2 border-teal-100 text-teal-700;
}

/* 스크롤 애니메이션 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* 모바일 최적화 */
@media (max-width: 768px) {
    .skill-card {
        @apply p-4;
    }
}