.lh-oauth { margin-top: 1.25rem; }
.lh-oauth-sep { display: flex; align-items: center; gap: 12px; color: #71717a; font-size: 12px; margin: 0 0 14px; }
.lh-oauth-sep::before, .lh-oauth-sep::after { content: ""; flex: 1; height: 1px; background: #27272a; }
.lh-oauth-sep span { text-transform: uppercase; letter-spacing: .08em; }
.lh-oauth-btns { display: flex; flex-direction: column; gap: 10px; }
.lh-oauth-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; padding: 12px 16px; border-radius: 10px; font-weight: 650; font-size: 14px;
    text-decoration: none; border: 1px solid #3f3f46; transition: background .15s ease, border-color .15s ease;
}
.lh-oauth-google { background: #fafafa; color: #18181b; }
.lh-oauth-google:hover { background: #e4e4e7; }
.lh-oauth-discord { background: #5865F2; color: #fff; border-color: #5865F2; }
.lh-oauth-discord:hover { background: #4752c4; }
.lh-oauth-btn svg, .lh-oauth-btn i { flex-shrink: 0; }
.lh-qr-box { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.lh-qr-box canvas, .lh-qr-box img { border-radius: 12px; background: #fff; padding: 8px; }