/* 1.7 · Member sign-in & security: Google / Apple, email code, two-step verification, mobile check */
.au-oauth { display: grid; gap: 10px; margin: 0 0 4px; }
.au-oauth__btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 16px; border-radius: 14px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
.au-oauth__btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -14px rgba(20,10,50,.45); }
.au-oauth__btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--a-violet) 50%, transparent); outline-offset: 2px; }
.au-oauth__btn--google { background: #FFFFFF; color: #1F1F1F; border: 1.5px solid #D5D8E1; }
.au-oauth__btn--apple { background: #000000; color: #FFFFFF; border: 1.5px solid #000000; }
html[data-mode="dark"] .au-oauth__btn--apple { background: #FFFFFF; color: #000000; border-color: #FFFFFF; }
.au-oauth__logo { width: 20px; height: 20px; flex: none; }
.au-or { display: flex; align-items: center; gap: 12px; margin: 14px 0 4px; color: var(--a-muted); font-size: 13px; font-weight: 700; }
.au-or::before, .au-or::after { content: ""; flex: 1; height: 1px; background: var(--a-line); }
.au-codebtn { margin-top: 10px; }
.au-more { margin-top: 14px; border-radius: 14px; border: 1.5px solid var(--a-line); background: var(--a-card); }
.au-more > summary { display: flex; align-items: center; gap: 8px; padding: 12px 14px; cursor: pointer; font-weight: 700; font-size: 14px; color: var(--a-ink2); list-style: none; }
.au-more > summary::-webkit-details-marker { display: none; }
.au-more > summary .ic { width: 18px; height: 18px; color: var(--a-violet); }
.au-more[open] > summary { border-bottom: 1px solid var(--a-line); }
.au-more > form, .au-more > p { padding: 12px 14px; margin: 0; }
.au-small { color: var(--a-muted); font-size: 13px; line-height: 1.6; }

/* security page */
.ac-sec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
@media (max-width: 900px) { .ac-sec { grid-template-columns: minmax(0, 1fr); } }
.ac-sec .ac-form { display: grid; gap: 14px; margin-top: 4px; }
.ac-sec .ac-form + .ac-form { margin-top: 16px; }
.ac-sec__mail { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--a-line); line-height: 1.7; }
.ac-sec__mail > .ic { width: 18px; height: 18px; margin-top: 4px; flex: none; color: var(--a-violet); }
.ac-sec__mail small { color: var(--a-muted); }
.ac-steps { margin: 0 0 14px; padding-inline-start: 20px; display: grid; gap: 6px; color: var(--a-ink2); line-height: 1.7; }
.ac-mfa { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin: 0 0 16px; padding: 14px; border-radius: 16px; background: var(--a-sunk); }
.ac-mfa__qr { width: 168px; height: 168px; padding: 10px; border-radius: 14px; background: #FFFFFF; flex: none; }
.ac-mfa__qr svg { width: 100%; height: 100%; display: block; }
.ac-mfa__key { display: grid; gap: 6px; min-width: 0; }
.ac-mfa__key small { color: var(--a-muted); }
.ac-mfa__key code { font-size: 15px; font-weight: 800; letter-spacing: .06em; color: var(--a-ink); word-break: break-all; }
.ac-rc { margin: 0 0 16px; padding: 14px 16px; border-radius: 16px; border: 1.5px dashed color-mix(in srgb, #D97706 55%, transparent); background: color-mix(in srgb, #F59E0B 9%, var(--a-card)); }
.ac-rc p { margin: 0 0 10px; line-height: 1.7; color: var(--a-ink); }
.ac-rc__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; margin: 0 0 12px; padding-inline-start: 22px; }
.ac-rc__list code { font-size: 15px; font-weight: 800; letter-spacing: .08em; color: var(--a-ink); }
.ac-rc__acts { display: flex; flex-wrap: wrap; gap: 8px; }
.ac-ids { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 10px; }
.ac-ids li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--a-sunk); }
.ac-ids__n { display: grid; font-weight: 800; color: var(--a-ink); }
.ac-ids__n small { font-weight: 600; color: var(--a-muted); }
.ac-ids form { margin: 0; }