body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

h1, h2, h3 {
    font-family: 'Syne', sans-serif;
}

/* Nav Link Hover */
.nav-link {
    transition: 0.3s;
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0; height: 1px;
    bottom: -5px; left: 0;
    background-color: #3b82f6;
    transition: 0.3s;
}
.nav-link:hover::after {
    width: 100%;
}

/* Text Outline Effect */
.text-outline {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
}

/* White Section Adjustments */
#works.bg-white .text-outline {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3b82f6;
}

/* Animasi Hamburger Menjadi X */
.open .hamburger-line:first-child {
    transform: rotate(45-deg) translateY(6px);
}

.open .hamburger-line:last-child {
    transform: rotate(-45deg) translateY(-6px);
}

/* Munculkan Menu Mobile */
#mobile-menu.active {
    transform: translateX(0);
}

.mobile-link {
    font-family: 'Syne', sans-serif;
    letter-spacing: -0.05em;
    transition: 0.3s;
}

.mobile-link:hover {
    color: #3b82f6;
    transform: scale(1.1);
}