.container { max-width: 480px; }

.container-main { max-width: 480px; padding: 0; background: #6768d2 url('set_photos.webp') no-repeat 50% 0 / contain; }
	.container-main .content { max-width: 100%; position: relative; padding: 20px 16px 16px; background: #fff; }
	.container-main .content::before { height: 33px; display: block; content: ''; position: absolute; left: 0; right: 0; top: -32px; background: url('ellipse.webp') no-repeat left 50% bottom 0 / contain; }
	.container-main .content::after { width: 219px; height: 62px; display: block; content: ''; position: absolute; left: 50%; top: -180px; transform: translateX(-50%); background: url('stars.webp') no-repeat 50% / contain; }
		.container-main .content h3 { font-family: var(--semibold); font-size: var(--size-base); line-height: 1.375; color: #24302d; }

.geo-row, .skip { font-family: var(--semibold); }
.gender-row .btn-answer { color: #fff; background: var(--color-primary); box-shadow: none; }
.account-row { gap: 8px; margin-top: 24px; }
	.account-row a { color: #6768d2; text-decoration: none; }

@media (max-height: 668px) {
	.container-main { min-height: 640px; padding-bottom: 0 !important; }
}