.oauth-login { margin: 0 0 1rem; }
.oauth-title { display: flex; align-items: center; justify-content: center; gap: .5rem; font-weight: 900; font-size: 1.05rem; margin-bottom: .8rem; color: #29141d; }
.oauth-badge { display: inline-flex; padding: .2rem .55rem; border-radius: 999px; background: #9d174d; color: #fff; font-size: .7rem; font-weight: 900; }
.oauth-login .oauth-divider { margin-top: 1.2rem; }
.oauth-divider { display: flex; align-items: center; gap: .75rem; margin: 1rem 0; color: #846e76; font-size: .82rem; }
.oauth-divider::before, .oauth-divider::after { content: ""; flex: 1; height: 1px; background: #ead9df; }
.oauth-login-options { display: grid; gap: .7rem; }
.oauth-button { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 52px; border: 1px solid #dbc9d0; border-radius: 15px; background: #fff; color: #29141d; font-weight: 850; text-decoration: none; box-shadow: 0 6px 18px rgba(67,25,40,.06); }
.oauth-button { font-size: 1.02rem; }
.oauth-icon { display: grid; place-items: center; }
.oauth-icon svg { width: 30px; height: 30px; display: block; }
.oauth-button.line { color: #063d21; border-color: #9ce6b7; background: #f3fff7; }
.oauth-login > p { margin: .75rem .4rem 0; color: #846e76; font-size: .75rem; line-height: 1.5; text-align: center; }
.member-logout { float: right; position: relative; z-index: 2; margin-top: -64px; padding: .55rem .85rem; border: 1px solid #ddc6cf; border-radius: 999px; color: #9d174d; background: rgba(255,255,255,.94); font-size: .82rem; font-weight: 850; }