/* ============================================================
H3G LINE HAROMAIN - BACKGROUND & OVERLAY STYLES
File background: /assets/bgimages/bg-h3g.webp  - bg-h3g.webp - bg-tim.webp
============================================================ */

body {
background-color: #070a12;
background-image:
linear-gradient(
to bottom,
rgba(7, 10, 18, 0.82),
rgba(7, 10, 18, 0.92)
),
url('../bgimages/bg-h3g.webp');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
min-height: 100vh;
}

/* Fallback & smooth transition jika gambar lambat dimuat */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 50% 20%, rgba(16, 185, 129, 0.08) 0%, rgba(7, 10, 18, 0.6) 70%);
pointer-events: none;
z-index: 0;
}

/* Memastikan konten utama berada di atas background overlay */
#app-content, header, footer {
position: relative;
z-index: 1;
}

/* Splash Screen tetap berdiri independen di atas seluruh elemen */
#splash-screen {
z-index: 9999 !important;
}