/* PENGATURAN UMUM */
body {
    background-color: #0f172a;
}

/* GRADIENT BACKGROUND UNTUK HERO */
.hero-gradient {
    background: radial-gradient(circle at top right, #1e293b, #0f172a);
}

/* STYLE UNTUK FORM INPUT */
.form-input {
    width: 100%;
    background-color: #1e293b; /* slate-800 */
    border: 1px solid #334155; /* slate-700 */
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    color: white;
    transition: all 0.3s ease;
}

.form-input:focus {
    outline: none;
    border-color: #2563eb; /* blue-600 */
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}

/* STYLE BADGE SKILL */
.skill-badge {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.skill-badge:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* PENGATURAN CETAK (PRINT TO PDF) */
@media print {
    body { 
        background-color: white !important; 
        color: black !important; 
    }
    
    nav, .no-print, button, .btn-explore { 
        display: none !important; 
    }
    
    section { 
        page-break-after: always; 
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        background: none !important;
    }

    .hero-gradient {
        background: none !important;
    }

    .bg-slate-800 {
        background: white !important;
        border: 1px solid #eee !important;
    }

    .text-slate-400, .text-slate-500 {
        color: #4b5563 !important;
    }
}