

/* Start:/register/assets/style.css?177399959913490*/
/* .reg-page .wrapper { max-width: 1100px; margin: 0 auto; padding: 24px 16px; }
.reg-title { font-size: 28px; margin: 0 0 18px; }

.reg-form { background: #fff; border-radius: 12px; padding: 18px; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.reg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 900px) { .reg-grid { grid-template-columns: 1fr; } }

.field label { display:block; font-size: 13px; margin: 0 0 6px; opacity: .85; }
.field input { width: 100%; height: 42px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 0 12px; outline: none; }
.field input:focus { border-color: #00AEEF; box-shadow: 0 0 0 3px rgba(0,174,239,.12); }

.children { margin-top: 18px; }
.children__head { display:flex; align-items:center; justify-content:space-between; gap: 12px; margin-bottom: 10px; }
.children__title { font-size: 18px; font-weight: 600; }

.child { border: 1px solid #eee; border-radius: 12px; padding: 12px; margin-bottom: 10px; background: #fafafa; }
.child__grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 900px) { .child__grid { grid-template-columns: 1fr; } }
.child__actions { margin-top: 10px; display:flex; justify-content:flex-end; }

.agree { margin-top: 14px; }
.checkbox { display:flex; align-items:flex-start; gap: 10px; cursor: pointer; }
.checkbox input { margin-top: 3px; }

.actions { margin-top: 14px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }

.verify__error { margin-top: 10px; color: #b00020; font-size: 14px; }
.verify__hint { font-size: 13px; opacity: .85; }

.btn { display:inline-flex; align-items:center; justify-content:center; height: 42px; padding: 0 16px; border-radius: 10px; border: 0; cursor: pointer; background: #00AEEF; color:#fff; text-decoration:none; }
.btn:hover { opacity: .92; }
.btn--secondary { background:#2f2f2f; }
.btn--primary { background:#00AEEF; }
.btn--small { height: 34px; padding: 0 12px; border-radius: 9px; font-size: 13px; }
.btn--danger { background:#d64545; }
.btn:disabled { opacity: .55; cursor: not-allowed; }

.reg-success { background:#fff; border-radius:12px; padding:18px; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.reg-success__title { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.reg-success__actions { display:flex; gap: 12px; flex-wrap: wrap; } */

/* MODAL */
/* .modal { position: fixed; inset: 0; z-index: 9999; }
.modal__backdrop { position:absolute; inset:0; background: rgba(0,0,0,.45); }
.modal__card {
  position: relative;
  width: min(640px, calc(100% - 24px));
  margin: 10vh auto 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(0,0,0,.25);
  overflow: hidden;
}
.modal__head { display:flex; justify-content:space-between; align-items:center; padding: 14px 16px; border-bottom:1px solid #eee; }
.modal__title { font-size: 18px; font-weight: 700; }
.modal__close { border:0; background:transparent; font-size: 26px; line-height: 1; cursor:pointer; padding: 0 6px; }
.modal__body { padding: 16px; }
.modal__text { margin-bottom: 12px; font-size: 14px; line-height: 1.45; }
.modal__row { display:flex; gap: 12px; align-items:flex-end; flex-wrap: wrap; margin-top: 12px; }
.field--code { min-width: 220px; flex: 1; }

* {
    box-sizing: border-box
} */


.reg-page {
	font-family: "Open Sans", sans-serif;
	margin: 100px 0;
}
.wrapper {
}
.reg-title {
	color: #000;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 50px;
}
.reg-success {
}
.reg-success__title {
	color: #000;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 50px;
}
.reg-success__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}
.reg-success__btn {
    min-height: 60px;
    background: #00AEEF;
    border-radius: 10px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .25s all ease-in-out;
}
.reg-success__btn:hover {
	background-color: #1588BD
}
.reg-success__buy {
    background: #f9b70b;
}
.reg-success__buy::before {
    content: '';
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23fff' d='m13.817 5.669 4.504 4.501-8.15 8.15-4.501-4.504 8.147-8.147Zm-3.006 13.944 8.8-8.8a.896.896 0 0 0 .001-1.28l-5.156-5.156a.926.926 0 0 0-1.28.001l-8.8 8.8a.894.894 0 0 0-.001 1.28l5.156 5.156a.926.926 0 0 0 1.28-.001Zm12.663-9.073L10.556 23.473A1.834 1.834 0 0 1 9.267 24c-.502 0-.957-.201-1.289-.527L6.184 21.68a2.74 2.74 0 0 0-3.875-3.874l.001-.001-1.781-1.794a1.834 1.834 0 0 1-.527-1.289c0-.502.201-.957.527-1.289L13.448.527A1.834 1.834 0 0 1 14.737 0c.502 0 .957.201 1.289.527l1.781 1.781a2.741 2.741 0 1 0 3.874 3.874l.001-.001 1.794 1.781c.326.332.527.787.527 1.289 0 .502-.201.957-.527 1.289h-.002Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}
.reg-success__buy:hover {
    background: #e2a60f;
    color: #fff;
}
.reg-success__buy {

}
.reg-success__user {

}
.reg-page__container {
	max-width: calc(950px + 64px);
	margin: 0 auto;
	padding: 0 32px;
}
.reg-wrapper {
	padding: 60px 120px;
	border-radius: 30px;
	background: #ECF2F5;
}
.reg-form {
}
.reg-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px
}
.field {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.field label {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
}
.field input {
	height: 55px;
	width: 100%;
	border-radius: 5px;
	background: #FFF;
	border: none;
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 20px;
}
.field input::placeholder {
	color: #656161;
}
.field input:focus {
	outline: 2px solid #00ADEF;
}
.reg-grid .field:nth-child(1) {
	order: 1;
}
.reg-grid .field:nth-child(2) {
	order: 3;
}
.reg-grid .field:nth-child(3) {
	order: 5;
}
.reg-grid .field:nth-child(4) {
	order: 7;
}
.reg-grid .field:nth-child(5) {
	order: 2;
}
.reg-grid .field:nth-child(6) {
	order: 4;
}
.reg-grid .field:nth-child(7) {
	order: 6;
}
.children {
	margin: 40px 0;
}
.children__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.children__title {
	max-width: 660px;
	margin: 0 auto;
	color: #000;
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.57;
}
.children__btn {
	width: 100%;
	min-height: 75px;
	border-radius: 5px;
	border: 2px solid #00ADEF;
	color: #00ADEF;
	font-size: 23px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.43;
	padding: 0;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s all ease-in-out
}
.children__btn:hover {
	color: #fff;
	background-color: #00ADEF;
}
.children__list {
	
}
.child {
	padding: 60px 120px;
	border-radius: 30px;
	background: #ECF2F5;
	margin-top: 40px;
}
.child__grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.child__grid .field:nth-child(1) {
	order: 1;
}
.child__grid .field:nth-child(2) {
	order: 3;
}
.child__grid .field:nth-child(3) {
	order: 5;
}
.child__grid .field:nth-child(4) {
	order: 2;
}
.child__grid .field:nth-child(5) {
	order: 4;
}
.field {
}
.child__actions {
	display: flex;
	align-items: flex-end;
	order: 6;
}
.child-remove {
	min-height: 55px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #6F777B;
	color: #656161;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.65;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	transition: .25s all ease-in-out;
}
.child-remove:hover {
	background-color: #6F777B;
	color: #fff;
	text-decoration: none;
}
.agree {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	max-width: 360px;
}
.checkbox {
	margin: 0;
	display: block;
}
.checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	max-width: 10px;
}
.checkbox>span {
	display: block;
	padding-left: 40px;
	position: relative;
	cursor: pointer;
	color: #000;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.55;
}
.checkbox>span a {
	color: #00ADEF;
	border-bottom: 1px solid #00ADEF;
	text-decoration: none;
	transition: .25s all ease-in-out;
}
.checkbox>span a:hover {
	color: #1588BD;
	border-bottom: 1px solid #1588BD;
}
.checkbox>span::before {
	content: '';
	width: 23px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 3px;
	border: 2px solid #00ADEF;
	background-color: transparent;
	flex: none;
	position: absolute;
	left: 0;
	top: 3px;
	background-repeat: no-repeat;
	background-position: center;
	transition: .25s all ease-in-out;
}
.checkbox>input:checked+span::before {
	background-color: #00ADEF;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' fill='none' viewBox='0 0 9 6'%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M2.998 4.382c-.116-.077-1.719-1.75-1.925-1.904C.542 2.081 0 2.568 0 2.933v.015c0 .158.003.233.086.387.076.138 1.15 1.185 1.27 1.304.135.134 1.082 1.096 1.195 1.184.051.04.049.053.11.086.3.163.61.1.846-.138C4.922 4.34 6.374 2.904 7.8 1.478c.321-.321.541-.451.541-.859C8.341.306 8.023 0 7.755 0c-.32 0-.411.043-.664.297l-.147.147-2.81 2.81c-.09.09-1.065 1.08-1.136 1.128Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.checkbox>input:disabled+span {
	background-color: #e9ecef;
	opacity: .5;
}

.actions {
}
.verify__error {
	margin-top: 12px;
	color: red;
	text-align: center;
}
.reg-footer {
	display: grid;
	grid-template-columns: 1fr 460px;
	gap: 32px;
	align-items: flex-start;
	margin-top: 60px;
}
.reg-submit {
	min-height: 80px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 5px;
	background: #00ADEF;
	color: #FFF;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: .25s all ease-in-out;
}
.reg-submit:hover {
	background: #1588BD;
}
@media (max-width: 1000px) {
	.child {
		padding: 60px;
	}
	.reg-wrapper {
		padding: 60px;
	}
	.reg-submit {
		min-height: 70px;
		font-size: 19px;
	}
	.reg-footer {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 767px) {
   	.reg-title {
        font-size: 32px;
        margin-bottom: 35px;
    }
   	.reg-success__title {
        font-size: 28px;
        margin-bottom: 35px;
		hyphens: auto;
    }
	.reg-success__btn {
		padding: 0 10px;
		width: 100%;
	}
	.reg-success__actions {
		max-width: 320px;
		margin: 0 auto;
	}
	.reg-success__btn {
		min-height: 55px;
	}
	.reg-success {
		padding: 0 30px;
	}
	.reg-wrapper {
        border-radius: 0;
        padding: 40px 30px 60px;
    }
	.children {
		padding: 0 30px;
	}
	.children__btn {
		min-height: 65px;
		font-size: 20px;
	}
	.children__head {
		gap: 25px
	}
	.child {
        border-radius: 0;
        padding: 40px 30px 60px;
    }
	.children__list {
		margin: 0 -30px;
	}
	.reg-page__container {
		padding: 0;
		max-width: 950px;
	}
	.reg-footer {
		grid-template-columns: 1fr;
		padding: 0 30px;
	}
	.agree {
		max-width: 100%;
	}
	.checkbox>span {
		padding-left: 36px;
	}
}
@media (max-width: 575px) {
   	.reg-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.child__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.reg-grid .field {
		order: unset!important;
	}
	.child__grid .field {
		order: unset!important;
	}
}
@media (max-width: 355px) {
   	.reg-footer {
		padding: 0 20px;
	}
	.children {
		padding: 0 20px;
	}
	.reg-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.reg-success {
		padding: 0 20px;
	}
}

.verify-block {
	max-width: 710px;
	margin: 0 auto;
}
.verify-block__card {
	width: 100%;
	border-radius: 30px;
	background: #ECF2F5;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 120px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.verify-block__cardTitle {
	color: #000;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 40px;
}
.verify-block__cardPreTitle {
	color: #000;
	font-size: 27px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2
}
.verify-block__cardText {
	color: #000;
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 20px;
}
.verify-block__head {
}
.verify-block__title {
}
.field {
}
.field--code input {
	max-width: 185px;
	text-align: center;
	height: 55px;
	border-radius: 5px;
	border: 2px solid #00ADEF;
	background: #FFF;
	outline: none;
}
.field--code input:focus {
	outline: none;
}
.verify__error {
	color: red;
	margin-top: 10px;
}
@media (max-width: 767px) {
	.verify-block__card {
		padding: 40px 30px 60px;
		border-radius: 0;
	}
}
/* End */
/* /register/assets/style.css?177399959913490 */
