body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            transition: background-color 0.5s ease, color 0.5s ease;
            scroll-behavior: smooth;
        }
        .theme-dark { background-color: #1a1c1e; color: #e2e8f0; }
        .theme-light { background-color: #f8fafc; color: #1e293b; }
        
        .nav-scrolled { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
        
        /* Modal Custom Styling */
        .modal-content { border-radius: 2.5rem; border: none; overflow: hidden; }
        .theme-dark .modal-content { background-color: #242729; color: white; }
        .theme-light .modal-content { background-color: #ffffff; color: #1a1c1e; }
        
        .portfolio-card:hover img { transform: scale(1.05); }
        .portfolio-card { cursor: pointer; transition: all 0.3s ease; }
        
        /* Hilangkan underline default bootstrap pada link */
        a { text-decoration: none !important; }
        /* Perbaikan CSS Navigasi */
#mainNav {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    padding-top: 80px; /* Sesuai dengan tinggi h-20 navbar lo */
}

/* Style khusus untuk Form Contact */
.contact-input {
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: white;
    transition: all 0.3s ease;
}

.contact-input:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #10b981; /* Warna hijau emerald sesuai tombol */
    outline: none;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.1);
}

.theme-light .contact-input {
    background-color: #f1f5f9;
    border-color: #e2e8f0;
    color: #1e293b;
}

/* Gaya untuk menu yang sedang aktif */
.nav-link-custom.active {
    background-color: rgba(37, 99, 235, 0.1); /* Background biru transparan */
    color: #2563eb !important; /* Warna teks biru */
}