.root {
	padding: 32px 24px 48px;
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.welcome {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	min-height: 160px;
}

.greeting {
	font-weight: 800;
	font-size: 52px;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: variables.$text-primary;
	margin: 0;
}

.subtitle {
	@include typography.font-body-mr;
	font-size: 18px;
	color: variables.$text-secondary;
	margin: 0;
}

.actionsSection {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.actionsTitle {
	@include typography.font-header-l;
	color: variables.$text-primary;
	margin: 0;
}

.actions {
	display: flex;
	gap: 16px;
}
