.rms-auth {
    background: #fff;
    border: 1px solid #e0e4e8;
    border-radius: 12px;
    padding: clamp(20px, 5vw, 36px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    color: #263238;
}
.rms-auth h1 { font-size: 28px; line-height: 1.25; margin: 0 0 12px; text-align: center; }
.rms-auth-intro { color: #54616a; text-align: center; margin-bottom: 24px; }
.rms-auth-social { display: grid; gap: 12px; }
.rms-auth-divider { display: flex; align-items: center; gap: 12px; margin: 24px 0; color: #54616a; }
.rms-auth-divider::before, .rms-auth-divider::after { content: ''; height: 1px; background: #dce1e5; flex: 1; }
.rms-auth-field { margin-bottom: 18px; }
.rms-auth-field label { display: block; font-weight: 600; margin-bottom: 6px; }
.rms-auth-field input:not([type=checkbox]) {
    box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px;
    border: 1px solid #aeb8c0; border-radius: 6px; background: #fff; color: #263238; font: inherit;
}
.rms-auth-checkbox { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rms-auth-checkbox label { margin: 0; font-weight: 400; }
.rms-auth-help { font-size: 13px; color: #54616a; margin-top: 6px; }
.rms-auth-help ul { padding-left: 20px; }
.rms-auth .errorlist { color: #a51d24; padding-left: 20px; margin: 8px 0; }
.rms-auth-forgot { display: inline-block; margin-bottom: 20px; }
.rms-auth-submit { width: 100%; min-height: 48px; border: 0; border-radius: 6px; background: #3f51b5; color: white; font: inherit; font-weight: 600; cursor: pointer; }
.rms-auth-submit:hover { background: #303f91; }
.rms-auth :is(a, button, input):focus-visible { outline: 3px solid #3f51b5; outline-offset: 3px; }
/* Real navigation links work with keyboard input and without JavaScript. */
.rms-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0 0 24px; padding: 5px; background: #edf0f6; border-radius: 8px; }
.rms-auth .rms-auth-tabs a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 8px; border-radius: 5px; color: #303f91; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; }
.rms-auth .rms-auth-tabs a:hover { background: #dfe4f1; }
.rms-auth .rms-auth-tabs a[aria-current="page"] { background: #3f51b5; color: #fff; box-shadow: 0 2px 5px #0002; }