@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-family: 'Noto Serif', serif;
    background-color: #0a0a0a; /* Hitam pekat elegan */
    color: #d1d5db;
    overflow-x: hidden;
}

.font-cinzel { 
    font-family: 'Cinzel', serif; 
}

/* 🌟 Efek Gradien Banner Membaur ke Bawah (Seperti Gambar Anda) */
.banner-fade-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 250px; /* Tinggi efek blur/membaur */
    background: linear-gradient(to bottom, rgba(10,10,10,0) 0%, rgba(10,10,10,1) 100%);
    pointer-events: none;
}

/* 🌟 Kotak Konten Tanpa Garis Kaku (Jianghu Style) */
.card-jianghu {
    background: rgba(20, 20, 20, 0.6);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.9);
    border-radius: 16px;
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

.card-jianghu:hover {
    background: rgba(30, 30, 30, 0.8);
    box-shadow: 0 10px 40px rgba(217, 119, 6, 0.15); /* Pendaran emas saat disentuh */
    transform: translateY(-3px);
}

/* 🌟 Tombol Emas Elegan */
.btn-gold {
    background: linear-gradient(to bottom, #d97706, #92400e);
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.4);
    border: 1px solid #f59e0b;
    border-radius: 50px; /* Pill shape seperti di gambar */
}
.btn-gold:hover {
    background: linear-gradient(to bottom, #f59e0b, #b45309);
    box-shadow: 0 4px 25px rgba(217, 119, 6, 0.8);
}