#page .fjm-recovery {
    box-sizing: border-box;
    width: min(100%, 500px);
    margin: 24px auto 72px;
    padding: 32px;
    color: #f5f5f5;
    background: rgba(8, 8, 8, .94);
    border: 1px solid #444;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
    font-size: 16px;
    line-height: 1.6;
}
.fjm-recovery p { margin: 0 0 20px; }
.fjm-recovery .fjm-recovery-intro { color: #ddd; }
.fjm-recovery .fjm-recovery-note { color: #bbb; font-size: 14px; }
.fjm-recovery-form { display: grid; gap: 12px; margin: 24px 0; }
.fjm-recovery-form label { color: #f5f5f5; font-size: 15px; font-weight: 600; }
.fjm-recovery-form input[type="text"],
.fjm-recovery-form input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0 0 10px;
    padding: 10px 14px;
    color: #fff;
    background: #171717;
    border: 1px solid #777;
    border-radius: 6px;
    font-size: 16px;
}
.fjm-recovery .fjm-recovery-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 8px 0 0;
    padding: 12px 20px;
    color: #fff;
    background: #a5202b;
    border: 1px solid #ce4651;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.fjm-recovery .fjm-recovery-button:hover { color: #fff; background: #c32634; }
.fjm-recovery a { color: #ff9ca5; text-decoration: underline; }
.fjm-recovery a:hover { color: #fff; }
.fjm-recovery a:focus-visible,
.fjm-recovery button:focus-visible,
.fjm-recovery input:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.fjm-recovery .fjm-recovery-links { margin: 24px 0 0; font-size: 14px; text-align: center; }
.fjm-recovery-error { margin-bottom: 24px; padding: 14px 16px; background: #39171a; border-left: 3px solid #ff858f; }
.fjm-recovery-error p:last-child { margin-bottom: 0; }
.fjm-recovery .fjm-recovery-success { color: #a8e2bd; font-size: 21px; font-weight: 600; }
@media (max-width: 540px) {
    #page .fjm-recovery { margin-top: 12px; padding: 24px 20px; border-radius: 10px; }
}