/* Stijl voor de body om de gradient toe te voegen */
body.hosting-style {
    /* Een subtiele, professionele gradient die typisch is voor hosting/tech pagina's */
    background-color: #f4f7f6;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* De witte box in het midden */
.construction-box {
    background-color: #ffffff;
    padding: 2.5rem 3rem;
    border-radius: 0.75rem; /* Afgeronde hoeken */
    
    /* Een zachte schaduw voor een 'zwevend' effect */
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
    
    /* Zorgt dat de box niet te breed wordt op grote schermen */
    max-width: 650px; 
}

/* Een klein effect voor het icoon */
.bi-gear-wide-connected {
    /* Optioneel: langzame draai-animatie */
    /* animation: spin 12s linear infinite; */
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}