.auth-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
    background: var(--background);
}

.auth-card {
    width: 100%;
    max-width: 24rem;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.auth-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

.auth-logo {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-logo svg {
    width: 100%;
    height: 100%;
}

.auth-heading {
    text-align: center;
}

.auth-heading h1 {
    font-size: 1.25rem;
    font-weight: 500;
}

.auth-heading p {
    margin-top: var(--space-2);
    font-size: 0.875rem;
    color: var(--muted-foreground);
}

.auth-footer {
    text-align: center;
    font-size: 0.875rem;
    color: var(--muted-foreground);
}