.register-container { position: relative; display: flex; color: #FFF; }
.register-container.business, .register-container.private { padding-top: 6vw; }
.register-section { position: relative; padding: 60px 60px 0; width: 50%; }
.register-section.other-section { display: flex; flex-direction: column; }
.register-section-title { margin-bottom: 50px; font-size: 3.5rem; line-height: 1.125em; letter-spacing: 1.5px; }
.register-section-title.other-section { font-size: 1.75rem; }
.register-field-container { position: relative; display: block; margin: 25px 0; }
.register-field-container.error { color: red; }
.register-field-container.privacy { cursor: pointer; line-height: 1.75em; }
.register-field:not([type=checkbox]) { display: block; padding: 22px 50px; width: 100%; color: #FFF; font-size: 1.125rem; background-color: transparent; border: 1px solid #FFF; border-radius: 10px; outline: none; transition: .125s; }
.register-field[type=checkbox] { margin-right: 5px; }
.register-field:focus { border-color: rgb(var(--color)); }
.register-field-container.error > .register-field { border-color: red; }
.register-field::placeholder { color: #FFF; font-size: 1.125rem; font-family: "Comfortaa", sans-serif; opacity: 1; }
.register-field-notes { margin-top: 15px; font-size: .8375rem; }
.register-field-visibility { position: absolute; display: block; top: calc((46px + 1.5rem) / 2); right: 25px; fill: #FFF; transform: translateY(-50%); cursor: pointer; user-select: none; }
.register-field-visibility-icon { width: 30px; height: auto; }
.register-field-visibility-icon.off { display: none; }
.register-field-visibility.on > .register-field-visibility-icon.off { display: block; }
.register-field-visibility.on > .register-field-visibility-icon:not(.off) { display: none; }
.register-submit-container { margin: 50px 0; }
.register-submit-button { display: block; padding: 15px 50px; width: 100%; color: #FFF; font-size: 1.125rem; font-family: inherit; text-align: center; text-decoration: none; background: rgba(var(--color), .5); border: 1px solid rgb(var(--color)); border-radius: 10px; cursor: pointer; user-select: none; transition: .125s; }
.register-submit-button.wait { display: none; filter: brightness(50%); cursor: default; }
.register-submit-container.wait > .register-submit-button.wait { display: block; }
.register-submit-container.wait > .register-submit-button:not(.wait) { display: none; }
.register-anchor-container { margin: 50px 0; font-size: 1.25rem; letter-spacing: 1.5px; line-height: 1.75rem; text-align: center; }
.register-highlighted { position: relative; color: inherit; font-weight: 700; text-decoration: none; white-space: nowrap; }
.register-highlighted:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 150px; max-width: 66.6666%; height: 3px; background-color: rgb(var(--color)); }
.register-section-abstract { font-size: 1.25rem; line-height: 1.5em; }
.register-section-abstract ul { padding-left: 25px; }
.register-section-abstract li { margin: 15px 0; }
.register-image-container { display: block; margin: auto -125px 0; padding-top: 50px; }
.register-image { display: block; width: 100%; height: auto; }

@media (pointer: fine) {
    .register-submit-button:not(.wait):hover { background: rgb(var(--color)); }
}

@media (max-width: 1599px) {
    .register-section { padding-inline: 75px; }
    .register-image-container { margin-inline: -75px; }
}

@media (max-width: 1023px) {
    .register-container { display: block; }
    .register-section { width: unset; }
    .register-section.other-section { padding-block: 50px; }
    .register-image-container { display: none; }
}

@media (max-width: 639px) {
    .register-section { padding-inline: 25px; }
    .register-section-title { font-size: 2rem; }
    .register-section-title.other { font-size: 1.25rem; }
    .register-section-abstract,
    .register-field,
    .register-field::placeholder,
    .register-anchor-container { font-size: .9375rem; }
}

.register-container {
    background: transparent radial-gradient(closest-side at 50% 77%, #5b6675, #5a6574 0%, #2d3541) 0% 0% no-repeat padding-box;
}

@media (max-width: 1536px) {
	.register-container.business, .register-container.private { padding-top: 6vw; }
}

@media (max-width: 1280px) {
	.register-container.business, .register-container.private { padding-top: 8vw; }
}

@media (max-width: 1024px) {
	.register-container.business, .register-container.private { padding-top: 10vw; }
}

@media (max-width: 768px) {
	.register-container.business, .register-container.private { padding-top: 11vw; }
}

@media (max-width: 640px) {
	.register-container.business, .register-container.private { padding-top: 14vw; }
}