html,
body {
    margin: 0;
    min-height: 100%;
    font-family: Arial, sans-serif;
}

body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at top, #3b164d 0%, #16091d 45%, #09060c 100%);
    color: white;
}

.coming-soon {
    width: min(90%, 900px);
    text-align: center;
    padding: 60px 30px;
}

h1 {
    margin: 0;
    font-size: clamp(3rem, 8vw, 7rem);
    letter-spacing: 0.04em;
}

.tagline {
    margin: 20px 0 40px;
    font-size: 1.35rem;
    color: #d8c7dc;
}

.server-box {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(8px);
}

.server-box span {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #b8a6bd;
}

.server-box strong {
    font-size: 1.4rem;
}

.status {
    margin-top: 34px;
    color: #c9b7cf;
}