body {
				font-family: 'Arial', sans-serif;
				/* background-image: linear-gradient(135deg, #e6f7ff 0%, #f0fff0 100%), url(assets/img/bg-nam.png); */
				background-image: url(../img/bg-nam.png);
				background-repeat: no-repeat;
				background-size: cover;
        background-position: center;
				color: #333;
				text-align: center;
				margin: 0;
				padding: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100vh;
			}
			
			.maintenance-container {
				max-width: 600px;
				padding: 30px;
				background: rgba(226, 219, 219, 0.205);
				border-radius: 10px;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
				backdrop-filter: blur(10px);
			}
			
		.logo {
				max-width: 200px;
				margin-bottom: 20px;
			}
			
			h1 {
				color: #0066cc;
				margin-bottom: 10px;
			}
			
			p {
				font-size: 18px;
				margin-bottom: 25px;
				line-height: 1.6;
			}
			
			.progress-bar {
					height: 6px;
					background: #e0e0e0;
					border-radius: 3px;
					margin: 20px 0;
					overflow: hidden;
			}
			
			.progress {
					height: 100%;
					width: 70%;
					background: linear-gradient(90deg, #0066cc, #00cc66);
					animation: progress-animation 2s ease-in-out infinite;
			}
			
			@keyframes progress-animation {
					0% { width: 30%; }
					50% { width: 80%; }
					100% { width: 30%; }
			}
			
			.contact {
					margin-top: 30px;
					font-size: 16px;
					color: #555;
			}
			
			.contact a {
					color: #0066cc;
					text-decoration: none;
					font-weight: bold;
			}
			
			.contact a:hover {
					text-decoration: underline;
			}