.login-page {
    height:100svh;
	position: relative;
	overflow:hidden;
}

.login-page:before {
	/* background: url("/project/webroot/images/page--20.svg") no-repeat; */
	background: url("/project/webroot/images/round.png") no-repeat;
	background-position: right 0px bottom 0px; 
	background-size:200vh;
	content: "";
	position: absolute;
	top:-50vh;
	right:-100vh;
	width: 200vh;
	height: 200vh;
	z-index: 0;
	animation-name: rotation;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	/* opacity: .9; */
}

@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(-360deg);
    }
}

.login-page .reg-form {
    width:50vw;
}

.login-page .reg-form .wrap {
    margin:8em auto;
    max-width:25em;
}

.login-page .reg-form .wrap .logo-field {
    margin:0em auto 2em auto;
    max-width:25em;
}

.login-page .reg-form .wrap .logo-field .logo {
    max-width:12.5em;
    margin:0em auto 2em auto;
}

.login-page .reg-form .wrap .logo-field .title {
    font-size:1.2em;
    text-align:center;
}

.login-page .reg-form .wrap .arrow {
    text-align:center;
    margin: 1em 0;
}

.login-page .reg-form .wrap .phone {
    margin: 2em 0;
    text-align:center;
}

.login-page .reg-form .wrap .phone input[type=text] {
    padding:0.5em 1em;
    font-size:2em;
    border:1px solid #CCCCCC;
    display:inline-block;
    width:100%;
    border-radius:1.5em;
    height: 2em;
    width:10em;
}

/* .login-page .reg-form .wrap .phone input:focus {
    border: 3px solid #0537c8!important;
    box-shadow:  1px 1px 2px 0 #0537c8!important;   
}

.login-page .reg-form .wrap .phone input:focus-visible {
    border: 3px solid #0537c8;
    box-shadow:  1px 1px 2px 0 #0537c8;    
} */
 

.login-page .reg-form .wrap .send_btn {
    text-align:center;
    margin-top:2em;
}

.login-page .reg-form .wrap .check_phone {
    background:#0537c8;
    border:1px solid #0537c8;
    color:#ffffff;
    margin:0 auto;
    font-size:2em;
    height: 2em;
}

.login-page .reg-form .wrap .check_phone:hover {
    border:1px solid #05cb05;
    background:#05cb05;
    color:#ffffff; 
}

.login-page .reg-form .wrap .answer .msg {
    margin-bottom:2em;
    text-align:center;
    color:#999999;
} 

.login-page .reg-form .wrap .error {
    margin-top:2em;
    text-align:center;
    color:#ff0043;
} 

.login-page .reg-form .wrap .answer .check_code input {
    display:block;
    padding:0.5em;
    font-size:2em;
    border:1px solid #CCCCCC;
    width:6.5em;
    margin:0 auto;
    height: 2em;
    text-align:center;
}

.login-page .link {
    position:absolute;
    bottom:2em;
    left:2em;
    z-index:1;
}

.login-page .link a {
    display:inline-block;
    margin-right:1em;
    color:#CCCCCC;
    border-bottom:1px solid #EFEFEF;
    font-size:1.2em;
}