/* Sign-in page — one white card floating in a baby blue sky. */

.auth-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
    background:
        radial-gradient(800px 500px at 15% 0%, rgba(191, 224, 247, 0.9), transparent 60%),
        radial-gradient(700px 450px at 90% 20%, rgba(191, 224, 247, 0.65), transparent 60%),
        radial-gradient(600px 400px at 50% 110%, rgba(191, 224, 247, 0.5), transparent 65%),
        var(--paper);
}

.auth-card {
    width: 100%;
    max-width: 400px;
    background: var(--cloud);
    border: 1px solid var(--line);
    border-radius: 26px;
    box-shadow: var(--shadow-lift);
    padding: 2.5rem 2.25rem 2rem;
    text-align: center;
}

.auth-logo {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 1.6rem;
}

.auth-logo .brand-dot {
    color: var(--sky);
}

.auth-title {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.35rem;
}

.auth-subtitle {
    color: var(--ink-soft);
    font-size: 0.95rem;
    margin-bottom: 1.8rem;
}

.auth-form {
    text-align: left;
}

.auth-submit {
    width: 100%;
    margin-top: 0.4rem;
    padding: 0.8rem;
    font-size: 1rem;
}

.auth-note {
    margin-top: 1.5rem;
    font-size: 0.84rem;
    color: var(--ink-soft);
}