.loginMain {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.loginForm__submit {
    align-self: flex-start;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 16px;
}

.loginDivider {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-muted);
}

.loginDivider::before,
.loginDivider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-color);
}

.loginDivider__text {
    font-size: 13px;
    text-transform: lowercase;
}

.loginCode__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.loginCode__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 0 4px;
}

@media (max-width: 640px) {
    .loginForm__submit { width: 100%; }
    .loginCode__actions { flex-direction: column; align-items: stretch; }
    .loginCode__resend .button { width: 100%; }
}