#bd_account_login { align-items: center; justify-content: center; padding: 16px; }

#bd_account_login .card {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 4px 24px rgba(26, 58, 92, .06);
}

#bd_account_login .logo { display: block; max-width: 180px; margin: 0 auto 24px; }

#bd_account_login .alt { margin: 20px 0 0; text-align: center; font-size: .875rem; color: var(--muted); }
#bd_account_login .alt a { color: var(--primary); font-weight: 600; }

#bd_account_login .success { color: #10b981; font-size: .875rem; margin: 14px 0 0; }

#bd_account_login .notice {
    margin: 14px 0 0;
    padding: 12px 14px;
    font-size: .875rem;
    background: #fffbeb;
    border: 1px solid #f59e0b;
    border-radius: 8px;
}
#bd_account_login .notice p { margin: 0; }
#bd_account_login .notice p + p { margin-top: 6px; }
#bd_account_login .notice a { color: var(--primary); font-weight: 600; }

#bd_account_login .optional { font-weight: 400; color: var(--muted); }

#bd_account_login .inline-email {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    font-size: .9rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 8px;
    word-break: break-all;
}
#bd_account_login .link {
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: var(--primary);
    background: none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}

#bd_account_login .env { margin: 20px 0 0; text-align: center; font-size: .75rem; color: var(--muted-2); }