/* Variabel Warna Kekinian (Gaya 2026) */
:root {
    --bs-primary: #6366f1; /* Indigo modern menggantikan biru kaku */
    --bs-primary-rgb: 99, 102, 241;
    --bs-body-bg: #fcfcfd; /* Putih tulang yang lembut / humanis */
    --bs-body-color: #334155; /* Slate / Abu-abu gelap (Lebih ramah mata dari hitam pekat) */
}

/* Mengatur Font Utama */
body {
    font-family: 'Poppins', sans-serif;
    padding-top: 76px; /* Memberi ruang agar konten tidak tertutup fixed navbar */
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

/* Kustomisasi Navbar */
.navbar {
    transition: all 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px); /* Efek Glassmorphism (Kaca Buram) */
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Area Hero (Bagian Atas) */
.hero-section {
    min-height: 85vh;
    /* Mesh Gradient: Gradasi pastel ungu, pink, dan biru lembut */
    background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 50%, #fff1f2 100%);
    position: relative;
    overflow: hidden;
}

.hero-img {
    max-width: 85%;
    animation: float 5s ease-in-out infinite;
    /* Memberikan bayangan berwarna pada gambar ilustrasi */
    filter: drop-shadow(0 20px 30px rgba(99, 102, 241, 0.15));
}

/* Animasi Melayang untuk Gambar */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* Background Kustom untuk Section */
.bg-soft-warm {
    background-color: #fafaf9; /* Warna beige sangat terang */
}

/* Efek Kartu Fitur (Hover) */
.feature-card {
    border-radius: 24px; /* Sudut lebih melengkung */
    border: 1px solid rgba(255,255,255,0.8) !important; /* Efek bezel/kaca ringan */
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;
}

.feature-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(99, 102, 241, 0.12) !important; /* Bayangan glow berwarna indigo */
}

/* Ikon di dalam Kartu */
.icon-box {
    width: 65px;
    height: 65px;
    border-radius: 20px; /* Bentuk squircle modern */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}