.atlas-auth-card,
.atlas-account-layout {
    width: min(100%, 44rem);
    margin-inline: auto;
}

.atlas-auth-card,
.atlas-account-layout .atlas-panel {
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-large);
    background: var(--color-surface);
}

.atlas-account-layout {
    display: grid;
    gap: var(--space-5);
}

.atlas-account-form {
    display: grid;
    gap: var(--space-3);
}

.atlas-account-form input:not([type="checkbox"]),
.atlas-account-form select {
    min-height: 44px;
    width: 100%;
}

.atlas-checkbox {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    min-height: 44px;
}

.atlas-field-help {
    color: var(--color-text-secondary);
    margin-block: 0;
}

.atlas-error-summary {
    padding: var(--space-4);
    margin-block-end: var(--space-4);
    border-inline-start: 4px solid var(--color-danger);
    background: var(--color-danger-soft);
}

@media (max-width: 30rem) {
    .atlas-auth-card,
    .atlas-account-layout .atlas-panel {
        padding: var(--space-4);
    }
}