/* css/style.css */

/* Menggunakan font Inter agar terlihat profesional & bersih */
body {
    font-family: 'Inter', sans-serif;
}

/* Smooth Scrolling untuk navigasi */
html {
    scroll-behavior: smooth;
}

/* Custom Animation untuk Hero Section */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Nav Link Hover Effect - Garis bawah animasi */
.nav-link {
    position: relative;
    padding-bottom: 5px;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #f97316;
    /* Warna Secondary (Orange) */
    transition: width 0.3s;
}

.nav-link:hover::after {
    width: 100%;
}

/* Card Hover effect refinement */
.hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}