html, body {
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
    min-height: 100%;
}

a {
    text-decoration: none;
}

h1:focus {
    outline: none;
}

.ccms-page {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ccms-surface {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
}

.ccms-login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #0b4f9f 0%, #1f7bc9 48%, #f7fbff 48%, #f7fbff 100%);
}

.ccms-login-panel {
    width: min(440px, calc(100vw - 2rem));
}

.validation-message {
    color: #d32f2f;
    font-size: .875rem;
}