/* --- Kleurenpalet (gebaseerd op HEX voorbeeld) --- */
        :root {
            --color-background: #f1f5f9;      /* Licht leisteen-grijs (slate-100) */
            --color-text-primary: #1e2936;    /* Donker leisteen-grijs (slate-800) */
            --color-text-secondary: #4b5563;  /* Medium grijs (gray-600) */
            --color-watermark-bg: rgba(30, 41, 54, 0.7); /* Donker leisteen-grijs met transparantie */
            --color-watermark-text: #ffffff;
        }

        /* --- Algemene Setup --- */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--color-background);
            color: var(--color-text-primary);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* --- Gecentreerde Layout --- */
        .center-container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            min-height: 100vh;
        }

        /* --- Typografie --- */
        h1 {
            font-size: 5vw; 
            font-weight: 800;
            margin: 0;
            line-height: 1.1;
            color: var(--color-text-primary);
        }

        p {
            font-size: 1.5vw; 
            font-weight: 400;
            margin-top: 12px;
            letter-spacing: 0.5px;
            color: var(--color-text-secondary);
        }

        /* Zorg voor leesbaarheid op verschillende schermen */
        @media (max-width: 600px) {
            h1 { font-size: 10vw; }
            p { font-size: 3vw; }
        }
        @media (min-width: 1400px) {
            h1 { font-size: 70px; }
            p { font-size: 21px; }
        }

        
        #tld {
            display: inline-block; 
            min-width: 1.7em; 
            text-align: left;
            transition: opacity 0.3s ease-in-out; /* Fade animatie */
        }

        /* --- Hosting Watermerk --- */
        .hosting-credit {
            position: fixed;
            bottom: 10px;
            right: 15px;
            font-size: 12px;
            font-weight: 400;
            color: var(--color-watermark-bg);
            padding: 4px 8px;
            border-radius: 8px;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            z-index: 1000;
            text-decoration: none;
            transition: opacity 0.2s ease;
        }
        .hosting-credit:hover {
            opacity: 0.8;
        }