<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Sito in Costruzione</title>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Segoe UI", Arial, sans-serif;
            background: linear-gradient(135deg, #005aa7, #00b4db);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .container {
            text-align: center;
            background: rgba(255,255,255,0.08);
            padding: 50px;
            border-radius: 16px;
            backdrop-filter: blur(8px);
            box-shadow: 0 15px 40px rgba(0,0,0,.25);
            max-width: 700px;
            width: 90%;
        }

        h1 {
            font-size: 3em;
            margin-bottom: 20px;
        }

        p {
            font-size: 1.2em;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .status {
            margin-top: 30px;
            padding: 15px;
            background: rgba(0,0,0,.25);
            border-radius: 8px;
            font-family: Consolas, monospace;
            font-size: 0.95em;
        }

        .footer {
            margin-top: 30px;
            font-size: 0.9em;
            opacity: .8;
        }

        .check {
            color: #7CFC00;
            font-weight: bold;
        }

        @media (max-width:600px) {
            h1 {
                font-size: 2.2em;
            }

            p {
                font-size: 1em;
            }
        }
    </style>
</head>
<body>

<div class="container">

    <h1>🚧 Sito in Costruzione</h1>

    <p>Il dominio è stato configurato correttamente.</p>

    <p>Il server IIS è operativo e sta rispondendo alle richieste.</p>

    <div class="status">
        <div><span class="check">✔</span> Host: <span id="host"></span></div>
        <div><span class="check">✔</span> Protocollo: <span id="protocol"></span></div>
        <div><span class="check">✔</span> Data/Ora client: <span id="datetime"></span></div>
    </div>

    <div class="footer">
        © <span id="year"></span> - Pagina di test IIS
    </div>

</div>

<script>
document.getElementById("host").textContent = window.location.hostname;
document.getElementById("protocol").textContent = window.location.protocol.replace(":","");
document.getElementById("datetime").textContent = new Date().toLocaleString("it-IT");
document.getElementById("year").textContent = new Date().getFullYear();
</script>

</body>
</html>