/* Login — uses global.css variables (load global.css before this file) */

body.auth-page {
    margin: 0;
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
}

.auth-wrap {
    width: 100%;
    max-width: 560px;
    padding: 120px 24px 48px;
    margin: 0 auto;
    box-sizing: border-box;
}

.auth-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 32px 28px 36px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
}

.auth-errors {
    max-width: 90%;
    margin: 0 auto 20px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(185, 28, 28, 0.15);
    color: #fecaca;
    font-size: 0.95rem;
}

.auth-errors p {
    margin: 0.35em 0;
}

.auth-google {
    display: block;
    padding-top: 8px;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.auth-wrap .center {
    max-width: 100%;
    height: auto;
}