Merge branch 'main' of https://git.ifuntanhub.dev/tisto/student-web-if-development-kit

Reviewed-on: #8
Reviewed-by: pancaa <d1041231077@student.untan.ac.id>

groups/HarusSelesaiKP/style.css

@@ -119,7 +119,7 @@ body {
 	display: block;
 }
 
-.article-body>*+* {
+.article-body > * + * {
 	margin-top: 1.1em;
 }
 
@@ -300,10 +300,12 @@ body {
 		position: absolute;
 		inset: 0;
 		z-index: 1;
-		background: linear-gradient(270deg,
+		background: linear-gradient(
-				rgba(0, 0, 0, 0) 21.76%,
+			270deg,
-				rgba(0, 0, 0, 0.4) 63.31%,
+			rgba(0, 0, 0, 0) 21.76%,
-				rgba(0, 49, 80, 0.72) 78.24%);
+			rgba(0, 0, 0, 0.4) 63.31%,
+			rgba(0, 49, 80, 0.72) 78.24%
+		);
 	}
 
 	/* Judul Hero */
@@ -425,7 +427,7 @@ body {
 			font-size: 8px;
 			font-weight: 500;
 
-			p+p {
+			p + p {
 				margin-top: 8px;
 			}
 		}
@@ -982,10 +984,12 @@ body {
 	.pontianak-overlay {
 		position: absolute;
 		inset: 0;
-		background: linear-gradient(0deg,
+		background: linear-gradient(
-				rgba(0, 0, 0, 0.9) -14.48%,
+			0deg,
-				rgba(0, 0, 0, 0.4) 42.76%,
+			rgba(0, 0, 0, 0.9) -14.48%,
-				rgba(0, 0, 0, 0) 100%);
+			rgba(0, 0, 0, 0.4) 42.76%,
+			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(
-					rgba(0, 0, 0, 0.8) 0%,
+				0deg,
-					rgba(0, 0, 0, 0.2) 50%,
+				rgba(0, 0, 0, 0.8) 0%,
-					rgba(0, 0, 0, 0) 100%);
+				rgba(0, 0, 0, 0.2) 50%,
+				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(
-					#012338 0%,
+				0deg,
-					rgba(1, 35, 56, 0.4) 55%,
+				#012338 0%,
-					rgba(1, 35, 56, 0) 100%);
+				rgba(1, 35, 56, 0.4) 55%,
+				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(
-						#012338 0%,
+					270deg,
-						rgba(0, 0, 0, 0.4) 65%,
+					#012338 0%,
-						rgba(0, 0, 0, 0) 78%);
+					rgba(0, 0, 0, 0.4) 65%,
+					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
@@ -1624,13 +1648,13 @@ body.lang-pending {
 	will-change: box-shadow;
 }
 
-#nav-wrapper>div:first-child {
+#nav-wrapper > div:first-child {
 	transform: translateZ(0);
 	-webkit-transform: translateZ(0);
 }
 
 @media (max-width: 1023px) {
-	#nav-wrapper>div:first-child {
+	#nav-wrapper > div:first-child {
 		min-height: 0 !important;
 		max-height: none;
 	}
@@ -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);
-}