.auth-story { background: linear-gradient(145deg, var(--rs-heading) 0%, color-mix(in srgb, var(--rs-secondary) 56%, var(--rs-heading)) 58%, color-mix(in srgb, var(--rs-primary) 50%, var(--rs-heading)) 100%); }
.auth-panel, .site-footer { background: var(--rs-surface); }
.auth-kicker, .forgot-link, .password-toggle { color: var(--rs-primary); }
.auth-tabs { background: var(--rs-surface-alt); }
.auth-tab.is-active, .account-card, .simple-page .entry-content { background: var(--rs-surface); }
.auth-tab.is-active { box-shadow: 0 3px 10px color-mix(in srgb, var(--rs-text) 8%, transparent); }
.field input:not([type="checkbox"]), .field select { color: var(--rs-text); border-color: var(--rs-border); background-color: var(--rs-surface); border-radius: var(--rs-button-radius); }
.field input:focus, .field select:focus { border-color: var(--rs-primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--rs-primary) 10%, transparent); }
.submit-button { border-radius: var(--rs-button-radius); background: linear-gradient(135deg, var(--rs-primary), var(--rs-primary-dark)); box-shadow: 0 10px 22px color-mix(in srgb, var(--rs-primary) 25%, transparent); }
.submit-button:hover { box-shadow: 0 14px 28px color-mix(in srgb, var(--rs-primary) 32%, transparent); }
.button-secondary { color: var(--rs-text); border-color: var(--rs-border); border-radius: var(--rs-button-radius); }
.button-secondary:hover { color: var(--rs-text); background: var(--rs-surface-alt); }
.notice-success { color: var(--rs-success); }
.notice-error { color: var(--rs-error); }