/* =====================================================================
   login.css — Authentication / landing screen.
   ===================================================================== */

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

.auth-card {
    width: min(92vw, 380px);
    background: var(--card);
    border: 1px solid var(--card-border);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow-card);
}
.auth-card h2 {
    color: var(--accent);
    margin-top: 0;
    font-size: 22px;
}
.auth-panel p { color: var(--subtext); font-size: 14px; }
.auth-panel hr {
    border: none;
    border-top: 1px solid var(--card-border);
    margin: 18px 0;
}
.auth-panel .secondary-btn { width: 100%; margin: 4px 0; }