.error-page {
    display: grid;
    min-height: 55vh;
    place-items: center;
    padding: 4rem 1.25rem;
    background: linear-gradient(180deg, #fff 0%, #fff8db 100%);
    text-align: center;
}

.error-page__content {
    width: min(100%, 42rem);
}

.error-page__code {
    display: block;
    color: #0b63b6;
    font-size: clamp(5rem, 18vw, 10rem);
    font-weight: 800;
    line-height: .85;
    opacity: .14;
}

.error-page__eyebrow {
    margin: 1.5rem 0 .5rem;
    color: #00613d;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.error-page h1 {
    margin: 0;
    color: #173b2d;
    font-size: clamp(2rem, 6vw, 3.25rem);
    line-height: 1.15;
}

.error-page h1 + p {
    max-width: 34rem;
    margin: 1rem auto 0;
    color: #53635d;
    font-size: 1.05rem;
    line-height: 1.7;
}

.error-page__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: 2rem;
}

.error-page__actions a,
.error-page__actions button {
    min-width: 10rem;
    border: 1px solid #0b63b6;
    border-radius: 999px;
    padding: .75rem 1.25rem;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.error-page__primary,
.error-page__primary:hover {
    background: #0b63b6;
    color: #fff;
}

.error-page__secondary,
.error-page__secondary:hover {
    background: #fff;
    color: #0b63b6;
}

.error-page small {
    display: block;
    margin-top: 1.5rem;
    color: #6b7280;
    overflow-wrap: anywhere;
}