/* auth.css — Login / Verify / Complete-profile pages.
 * Centered card on charcoal canvas. Mint primary CTA. */

.qb-auth {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
}

.qb-auth__card {
    background: var(--qb-elev-1);
    border: 1px solid var(--qb-rule-2);
    padding: 32px;
}

.qb-auth__form > * + * { margin-top: 18px; }

.qb-auth__hint {
    margin-top: 28px;
    text-align: center;
    color: var(--qb-text-faint);
    font-size: 12px;
    line-height: 1.55;
}
.qb-auth__hint a {
    color: var(--qb-mint);
    text-decoration: none;
    transition: color 0.12s ease;
}
.qb-auth__hint a:hover {
    color: var(--qb-mint-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.qb-auth__email {
    display: inline-block;
    margin-top: 6px;
    font-family: "IBM Plex Mono", monospace;
    color: var(--qb-text);
    font-size: 14px;
}

@media (max-width: 480px) {
    .qb-auth__card { padding: 24px; }
}