5 Commits

3 changed files with 3949 additions and 2537 deletions
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+34 -51
View File
@@ -300,10 +300,12 @@ body {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(270deg,
background: linear-gradient(
270deg,
rgba(0, 0, 0, 0) 21.76%,
rgba(0, 0, 0, 0.4) 63.31%,
rgba(0, 49, 80, 0.72) 78.24%);
rgba(0, 49, 80, 0.72) 78.24%
);
}
/* Judul Hero */
@@ -982,10 +984,12 @@ body {
.pontianak-overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg,
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.9) -14.48%,
rgba(0, 0, 0, 0.4) 42.76%,
rgba(0, 0, 0, 0) 100%);
rgba(0, 0, 0, 0) 100%
);
z-index: 1;
}
@@ -1128,10 +1132,12 @@ body {
.card-overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg,
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0.2) 50%,
rgba(0, 0, 0, 0) 100%);
rgba(0, 0, 0, 0) 100%
);
z-index: 1;
}
@@ -1400,10 +1406,12 @@ body {
.cost-banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg,
background: linear-gradient(
0deg,
#012338 0%,
rgba(1, 35, 56, 0.4) 55%,
rgba(1, 35, 56, 0) 100%);
rgba(1, 35, 56, 0) 100%
);
}
}
@@ -1526,10 +1534,12 @@ body {
/* Perubahan Arah Gradasi: Mengabur ke arah kiri panel Navy */
.cost-banner-overlay {
background: linear-gradient(270deg,
background: linear-gradient(
270deg,
#012338 0%,
rgba(0, 0, 0, 0.4) 65%,
rgba(0, 0, 0, 0) 78%);
rgba(0, 0, 0, 0) 78%
);
}
}
@@ -1595,6 +1605,20 @@ body {
}
}
/* Animations */
.reveal {
opacity: 0;
transform: translateY(50px);
transition:
opacity 0.8s ease,
transform 0.8s ease;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* ============================================================
ANTI-FLICKER — localization.js sets window.__currentLang
synchronously; body stays hidden until DOMContentLoaded
@@ -1648,7 +1672,6 @@ body.lang-pending {
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
@@ -1823,7 +1846,6 @@ body.lang-pending {
}
@keyframes lucoPulse {
0%,
100% {
transform: scale(1);
@@ -1870,7 +1892,6 @@ body.lang-pending {
}
@keyframes bounce {
0%,
80%,
100% {
@@ -1894,41 +1915,3 @@ body.lang-pending {
border-right: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
}
/* ===== PAGE LOAD ANIMATIONS ===== */
@keyframes fadeInUplarge {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Hero */
.reveal {
opacity: 0;
transform: translateY(50px);
transition:
opacity 0.8s ease,
transform 0.8s ease;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}