@import 'DomiGeek.Cadet2913.Client.jxspipw3pt.bundle.scp.css';

/* /Components/Pages/Error.razor.rz.scp.css */
.error-page[b-woc192v4df] {
    align-items: center;
    background:
        linear-gradient(90deg, rgba(7, 17, 13, 0.98), rgba(7, 17, 13, 0.84)),
        url("/images/hero-cadet.png");
    background:
        linear-gradient(90deg, rgba(7, 17, 13, 0.98), rgba(7, 17, 13, 0.84)),
        image-set(
            url("/images/hero-cadet-1600.avif") type("image/avif"),
            url("/images/hero-cadet-1600.webp") type("image/webp"),
            url("/images/hero-cadet.png") type("image/png")
        );
    background-position: center;
    background-size: cover;
    color: #f4f0e8;
    display: flex;
    min-height: calc(100vh - 120px);
    padding: clamp(4rem, 8vw, 7rem) clamp(1rem, 5vw, 5rem);
}

.error-panel[b-woc192v4df] {
    max-width: 720px;
}

.eyebrow[b-woc192v4df] {
    color: #c6a45d;
    font-family: Impact, "Arial Narrow", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.08em;
    margin: 0 0 0.75rem;
    text-transform: uppercase;
}

h1[b-woc192v4df] {
    color: #f4f0e8;
    font-family: Impact, "Arial Narrow", sans-serif;
    font-size: clamp(3rem, 8vw, 5.5rem);
    line-height: 0.95;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.error-panel p:not(.eyebrow)[b-woc192v4df] {
    color: #d9d3c4;
    font-size: 1.12rem;
    line-height: 1.5;
    margin: 0;
    max-width: 610px;
}

.request-id[b-woc192v4df] {
    background: rgba(244, 240, 232, 0.08);
    border: 1px solid rgba(198, 164, 93, 0.28);
    border-radius: 6px;
    margin-top: 1.25rem !important;
    padding: 0.85rem 1rem;
}

.request-id code[b-woc192v4df] {
    color: #f4f0e8;
}

.error-actions[b-woc192v4df] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.error-actions a[b-woc192v4df] {
    align-items: center;
    border: 1px solid #a9ab43;
    border-radius: 6px;
    display: inline-flex;
    font-family: Impact, "Arial Narrow", sans-serif;
    justify-content: center;
    min-height: 52px;
    padding: 0.8rem 1.2rem;
    text-decoration: none;
    text-transform: uppercase;
}

.error-actions a:first-child[b-woc192v4df] {
    background: #a9ab43;
    color: #07110d;
}

.error-actions a:last-child[b-woc192v4df] {
    background: rgba(7, 17, 13, 0.52);
    color: #f4f0e8;
}

@media (max-width: 620px) {
    .error-page[b-woc192v4df] {
        background:
            linear-gradient(90deg, rgba(7, 17, 13, 0.98), rgba(7, 17, 13, 0.84)),
            url("/images/hero-cadet.png");
        background:
            linear-gradient(90deg, rgba(7, 17, 13, 0.98), rgba(7, 17, 13, 0.84)),
            image-set(
                url("/images/hero-cadet-960.avif") type("image/avif"),
                url("/images/hero-cadet-960.webp") type("image/webp"),
                url("/images/hero-cadet.png") type("image/png")
            );
    }

    .error-actions a[b-woc192v4df] {
        width: 100%;
    }
}