/* css/front-page.css */

.hero-landing {
    height: 100vh; /* Memaksa tampilan penuh 100% tinggi layar */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    /* Overlay gelap kebiruan agar teks emas sangat elegan */
    background-image: 
        linear-gradient(rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.85)), 
        url('../assets/bg-main.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Animasi Judul Utama */
.animate-title {
    font-size: 5.5rem;
    font-weight: 800;
    color: #F4D068; /* Soft Gold */
    margin: 0;
    letter-spacing: 2px;
    text-shadow: 0 10px 30px rgba(244, 208, 104, 0.2);
    
    /* Konfigurasi animasi */
    opacity: 0;
    animation: slideUpFade 1s forwards cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Animasi Tagline Serentak */
.animate-taglines {
    opacity: 0;
    /* Muncul setelah judul selesai (delay 0.6s) */
    animation: slideUpFade 1.2s forwards cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s;
}

/* css/front-page.css */

.tagline-1 {
    font-size: 2.5rem; /* Dinaikkan drastis dari 1.8rem */
    color: #f8fafc;
    margin-top: 15px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.tagline-2 {
    font-size: 2.2rem; /* Dinaikkan drastis dari 1.5rem */
    color: #cbd5e1;
    margin-top: 10px;
    font-weight: 500;
    font-style: italic;
}

/* Keyframes untuk transisi muncul dari bawah */
@keyframes slideUpFade {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}