/* ============================================================================
   Auth screens — centered glass card, reused by login/register/forgot pages
   ============================================================================ */

.auth-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.auth-card {
    width: 100%;
    max-width: 440px;
    padding: 44px 38px;
    text-align: center;
}

.auth-card .kanji-watermark { font-size: 9rem; }

.auth-logo {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-size: 1.7rem;
    font-weight: 800;
    text-decoration: none;
    margin-bottom: 8px;
}
.auth-logo span { color: var(--accent); }

.auth-card h1 { font-size: 1.4rem; margin-bottom: 8px; }
.auth-card .auth-sub { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 30px; }

.oauth-row { display: flex; flex-direction: column; gap: 12px; margin-bottom: 26px; }
.btn-oauth {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; padding: 13px; border-radius: 50px;
    background: rgba(255,255,255,0.05); border: 1px solid var(--border-white);
    color: var(--text-main); text-decoration: none; font-weight: 600; font-size: 0.92rem;
    transition: all 0.2s;
}
.btn-oauth:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.2); }
.btn-oauth .glyph { font-size: 1.1rem; width: 1.2em; text-align: center; }

.divider {
    display: flex; align-items: center; gap: 14px;
    color: var(--text-faint); font-size: 0.78rem; margin: 22px 0;
}
.divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: var(--border-white); }

.auth-foot { margin-top: 26px; font-size: 0.88rem; color: var(--text-muted); }
.auth-foot a { color: var(--accent); text-decoration: none; font-weight: 600; }
.auth-foot a:hover { text-decoration: underline; }

.back-home { display: block; margin-bottom: 20px; font-size: 0.85rem; color: var(--text-faint); text-decoration: none; }
.back-home:hover { color: var(--text-muted); }