/* Self-hosted fonts (replaces Google Fonts; closes SRI + cross-origin CSP). */
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/webfonts/lato-400.woff2') format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/webfonts/lato-700.woff2') format('woff2');}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/webfonts/robotocondensed-400.woff2') format('woff2');}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/webfonts/robotocondensed-700.woff2') format('woff2');}

		html,
		body {
			min-height: 100%;
		}

		body {
			margin: 0;
			background-color: #28576C;
			color: #ffffff;
			font-family: Lato, Arial, sans-serif;
		}

		.maintenance-page {
			position: relative;
			min-height: 100vh;
			overflow: hidden;
		}

		.maintenance-page {
			background-image: linear-gradient(rgba(20, 56, 76, 0.66), rgba(20, 56, 76, 0.66)), url(../images/header-01.png);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		.logo_kanan {
			position: absolute;
			top: 30px;
			right: 0;
			z-index: 1;
			background: white;
			padding: 5px;
			border-radius: 30px 0 0 30px;
			width: 300px;
			height: 60px;
			box-sizing: border-box;
			opacity: 0.66;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 10px;
		}

		.logo_header {
			width: 50px;
			height: 50px;
			background-image: url(../images/logo_kemenlu.png);
			background-repeat: no-repeat;
			background-size: auto 100%;
			background-position: center;
			flex: 0 0 50px;
		}

		.logo_text {
			width: 200px;
			height: 50px;
			background-image: url(../images/logo-text.png);
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: left center;
			flex: 0 0 200px;
		}

		.maintenance-content {
			position: relative;
			z-index: 2;
			display: flex;
			min-height: 100vh;
			align-items: center;
			justify-content: center;
			text-align: center;
			padding: 140px 24px 80px;
			box-sizing: border-box;
		}

		.maintenance-inner {
			max-width: 760px;
		}

		.maintenance-title {
			margin: 0;
			font-family: "Roboto Condensed", Lato, Arial, sans-serif;
			font-size: 72px;
			line-height: 1.05;
			font-weight: 700;
			letter-spacing: .08rem;
			text-transform: uppercase;
			color: #F6B60E;
		}

		.maintenance-banner {
			display: inline-block;
			margin: 22px 0 0;
			padding: 12px 28px;
			border-radius: 24px;
			background: linear-gradient(90deg, rgba(246, 182, 14, 0.96), rgba(255, 214, 102, 0.96));
			color: #14384C;
			font-size: 18px;
			font-weight: 700;
			letter-spacing: .02rem;
			line-height: 1.6;
			text-transform: none;
			box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
		}

		@media only screen and (max-width: 640px) {
			.logo_kanan {
				top: 20px;
				width: 250px;
				height: 56px;
			}

			.logo_header {
				width: 46px;
				height: 46px;
			}

			.logo_text {
				width: 170px;
				height: 46px;
			}

			.maintenance-title {
				font-size: 46px;
			}

			.maintenance-banner {
				padding: 10px 18px;
				font-size: 16px;
				line-height: 1.6;
			}
		}