}
        .container {
            max-width: 550px;
            padding: 40px 30px;
            background: #1e293b;
            border-radius: 16px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
        }
        .icon {
            font-size: 64px;
            margin-bottom: 24px;
            display: inline-block;
            animation: pulse 2s infinite ease-in-out;
        }
        h1 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 16px;
            color: #38bdf8;
        }
        p {
            font-size: 16px;
            line-height: 1.6;
            color: #94a3b8;
            margin-bottom: 24px;
        }
        .divider {
            height: 1px;
            background: #334155;
            margin: 24px 0;
        }
        .contact {
            font-size: 14px;
            color: #94a3b8;
        }
        .contact a {
            color: #38bdf8;
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .contact a:hover {
            color: #7dd3fc;
            text-decoration: underline;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        @media (max-width: 480px) {
            h1 { font-size: 26px; }
            p { font-size: 15px; }
        }
    </style>
</head>
<body>

    <div class="container">
        <!-- Maintenance Icon -->
        <div class="icon">🛠️</div>
        
        <!-- Main Message -->
        <h1>We’ll Be Back Soon</h1>
        <p>Our website is currently undergoing scheduled maintenance to improve your experience. We are working hard to minimize downtime and expect to be fully operational shortly.</p>
        
        <div class="divider"></div>
        
        <!-- Support/Contact Info -->
        <div class="contact">
            Need urgent assistance? Reach out to us via 0501079037</a>.
        </div>
    </div>

</body>
</html>