.bootstrap-status,
.bootstrap-recovery{

    width:min(520px,90vw);
    margin:18vh auto 0;
    padding:32px;
    border:1px solid rgba(142,218,255,.2);
    border-radius:20px;
    background:rgba(4,19,35,.82);
    color:var(--text);
    text-align:center;

}

.bootstrap-status p,
.bootstrap-recovery p{

    margin-top:12px;
    color:var(--text-muted);

}

.bootstrap-status nav{

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px 16px;
    margin-top:22px;

}

.bootstrap-status nav a{

    color:var(--primary-light, #8edaff);
    text-decoration:underline;
    text-underline-offset:3px;

}

.bootstrap-status-note{

    font-size:.9rem;

}

.bootstrap-status-code{

    color:var(--primary-light, #8edaff) !important;
    font-size:2rem;
    font-weight:700;
    letter-spacing:.12em;

}

.bootstrap-recovery button{

    margin-top:22px;
    padding:12px 22px;
    border:0;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font:inherit;
    cursor:pointer;

}