* {
			box-sizing: border-box;
		}

		html,
		body {
			margin: 0;
			padding: 0;
			min-height: 100%;
			font-family: Arial, sans-serif;
			background: #f4f6f8;
			color: #222;
		}

		body {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 24px;
		}

		.maintenance {
			width: 100%;
			max-width: 620px;
			padding: 48px 36px;
			text-align: center;
			background: #ffffff;
			border-radius: 18px;
			box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
		}

		.maintenance__icon {
			width: 72px;
			height: 72px;
			margin: 0 auto 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: #fff3e8;
			color: #f78536;
			font-size: 36px;
			line-height: 1;
		}

		.maintenance__title {
			margin: 0 0 16px;
			font-size: 32px;
			line-height: 1.25;
			font-weight: 700;
		}

		.maintenance__text {
			margin: 0 auto 28px;
			max-width: 460px;
			font-size: 18px;
			line-height: 1.55;
			color: #555;
		}

		.maintenance__note {
			margin: 0;
			font-size: 14px;
			line-height: 1.5;
			color: #888;
		}

		@media (max-width: 600px) {
			.maintenance {
				padding: 36px 24px;
				border-radius: 14px;
			}

			.maintenance__title {
				font-size: 26px;
			}

			.maintenance__text {
				font-size: 16px;
			}
		}