/* ==========================================
   KRUMPLD — PASSWORD UPDATED
   KRUMPLD MOD: no dark card here, by explicit
   request -- plain centered text directly on
   the page's own light background, dark text,
   and a solid dark button (matching the Sign
   In page's own submit button style, since
   this button says "Sign In" too). This is
   deliberately different from "Check Your
   Inbox" (which keeps its dark card) -- only
   this specific screen was asked to drop the
   box treatment.
   ========================================== */

.kr-password-updated {
    max-width: 440px;
    margin: 96px auto;
    padding: 0 24px;
    box-sizing: border-box;
    text-align: center;
    color: #111;
}

.kr-password-updated__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #111;
    color: #111;
    margin-bottom: 24px;
}

.kr-password-updated__eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 12px;
}

.kr-password-updated h1 {
    font-size: 26px;
    font-weight: 500;
    color: #111;
    margin: 0 0 16px;
}

.kr-password-updated__body {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin: 0 0 8px;
}

.kr-password-updated__button {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background: #111;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 14px;
    margin-top: 32px;
}

.kr-password-updated__button:hover {
    opacity: 0.85;
}

.kr-password-updated__button:focus-visible {
    outline: 2px solid #111;
    outline-offset: 3px;
}

@media (max-width: 480px) {
    .kr-password-updated {
        margin: 56px auto;
    }
}