:root {
    --bg: #08111f;
    --panel: rgba(7, 16, 30, 0.82);
    --panel-border: rgba(140, 181, 255, 0.18);
    --text: #f5f7ff;
    --muted: #9fb0cb;
    --accent: #8af7a7;
    --danger: #ff7b72;
}

html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    color: var(--text);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background:
        radial-gradient(circle at top, rgba(82, 174, 255, 0.16), transparent 32%),
        radial-gradient(circle at 20% 80%, rgba(138, 247, 167, 0.12), transparent 24%),
        linear-gradient(160deg, var(--bg), #030813 70%);
}

a {
    color: inherit;
}

button,
input {
    font: inherit;
}

h1:focus {
    outline: none;
}

.status-page {
    min-height: 100vh;
    display: grid;
    place-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
}

.status-page h1,
.status-page p {
    margin: 0;
}