/* Import Font dari Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Nunito+Sans:wght@400;600&display=swap');

/* Variabel Warna Sesuai Konsep */
:root {
    --hijau-utama: #198754;
    --hijau-muda: #28a745;
    --emas: #ffc107;
    --teks-gelap: #212529;
    --latar-abu: #f8f9fa;
    --border-radius-utama: 0.5rem; /* Radius sudut yang konsisten */
}

/* --- Gaya Dasar & Tipografi --- */
body {
    font-family: 'Nunito Sans', sans-serif;
    color: var(--teks-gelap);
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* PENYEMPURNAAN: Menambahkan sedikit spasi antar huruf pada judul utama untuk kesan premium */
.section-title {
    margin-bottom: 40px;
    font-weight: 700;
    color: var(--hijau-utama);
    letter-spacing: 0.5px; 
}

/* --- EFEK TRANSISI HALUS (Kunci Ke-eleganan) --- */
.btn, .card, .nav-link, .accordion-button {
    transition: all 0.3s ease-in-out;
}

/* --- Komponen Kustom & Modernisasi --- */

/* Tombol Utama (Aksen Emas) */
.btn-primary {
    background-color: var(--emas);
    border-color: var(--emas);
    color: var(--teks-gelap);
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.2); /* Bayangan halus */
}
.btn-primary:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: var(--teks-gelap);
    transform: translateY(-3px); /* Efek tombol terangkat saat disentuh */
    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.3);
}

/* Navigasi (Dibuat lebih modern) */
.navbar {
    background-color: rgba(255, 255, 255, 0.8); /* Latar belakang semi-transparan */
    backdrop-filter: blur(10px); /* Efek glass/kaca modern */
    border-bottom: 1px solid #eee;
    transition: background-color 0.4s ease;
}
.navbar.scrolled {
    background-color: rgba(255, 255, 255, 1); /* Jadi solid saat di-scroll */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.navbar-brand {
    font-weight: 700;
}
.nav-link {
    font-weight: 600;
    color: var(--teks-gelap);
}
.nav-link:hover, .nav-link.active {
    color: var(--hijau-utama);
}
.navbar .btn-success {
    border-radius: 50px; /* Tombol login dibuat membulat */
    padding: 8px 20px;
}

/* Hero Section (Beranda) */
.hero-section {
    color: white;
    min-height: 85vh;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://images.unsplash.com/photo-1584033325514-173afe0b332b?q=80&w=2070&auto=format&fit=crop) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.hero-section h1 {
    font-size: clamp(2.5rem, 5vw, 3.8rem); /* Ukuran font responsif */
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* Kartu Lomba (Diberi efek modern) */
.section-lomba .card {
    border: 1px solid #eee;
    border-radius: var(--border-radius-utama);
    box-shadow: 0 4px 25px rgba(0,0,0,.05);
}
.section-lomba .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
}
.section-lomba .icon {
    font-size: 50px;
    color: var(--hijau-utama);
}

/* Footer */
.footer {
    background-color: var(--teks-gelap);
    color: white;
    padding: 40px 0;
}
.footer a {
    color: var(--emas);
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}