.maintenance-page {
    min-height: 100vh;
    width: 100vw;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #09111f 0%, #132540 52%, #0a172b 100%);
    color: #f4f8ff;
    font-family: Arial, sans-serif;
}

body {
    margin: 0;
    min-height: 100vh;
    width: 100vw;
}

.maintenance-card {
    width: 64vw;
    min-height: 42vh;
    padding: 6vh 5vw;
    border-radius: 2vw;
    background: rgba(7, 14, 25, 0.84);
    box-shadow: 0 0 3vw rgba(0, 0, 0, 0.28);
    border: 0.12vw solid rgba(132, 184, 255, 0.24);
}

.maintenance-eyebrow {
    margin: 0 0 2vh 0;
    font-size: 1.1vw;
    letter-spacing: 0.18vw;
    text-transform: uppercase;
    color: #8fc1ff;
}

.maintenance-title {
    margin: 0 0 3vh 0;
    font-size: 3vw;
    line-height: 3.8vw;
}

.maintenance-copy {
    margin: 0 0 2.4vh 0;
    max-width: 46vw;
    font-size: 1.2vw;
    line-height: 2vw;
    color: #d6e4ff;
}

.maintenance-status {
    margin: 4vh 0 0 0;
    font-size: 1vw;
    letter-spacing: 0.08vw;
    color: #b8d6ff;
}

/* Portrait mobile — coarse pointer devices (phones/tablets) */
@media (orientation: portrait) and (hover: none) and (pointer: coarse) {
    .maintenance-card {
        width: 90vw;
        min-height: auto;
        padding: 4vh 6vw;
        border-radius: 4vw;
    }

    .maintenance-eyebrow {
        font-size: 2.8vw;
        letter-spacing: 0.4vw;
        margin: 0 0 2.5vh 0;
    }

    .maintenance-title {
        font-size: 6.5vw;
        line-height: 8vw;
        margin: 0 0 3vh 0;
    }

    .maintenance-copy {
        max-width: 82vw;
        font-size: 3.6vw;
        line-height: 5.8vw;
        margin: 0 0 2.4vh 0;
    }

    .maintenance-status {
        font-size: 2.8vw;
        letter-spacing: 0.2vw;
        margin: 3vh 0 0 0;
    }
}