.auth-page-wrapper{background:#0f4229;justify-content:center;align-items:center;min-height:100vh;padding:30px;font-family:Poppins,sans-serif;display:flex}.auth-page-wrapper *{box-sizing:border-box}.auth-page-wrapper .container{perspective:2700px;background:#fff;border-radius:10px;width:100%;max-width:850px;margin:0;padding:40px 30px;position:relative;box-shadow:0 5px 10px #0003}.auth-page-wrapper .container .cover{z-index:98;transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;transition:all 1s;position:absolute;top:0;left:50%}.auth-page-wrapper .container #flip:checked~.cover{transform:rotateY(-180deg)}.auth-page-wrapper .container #flip:checked~.forms .login-form{pointer-events:none}.auth-page-wrapper .container .cover .front,.auth-page-wrapper .container .cover .back{width:100%;height:100%;position:absolute;top:0;left:0}.auth-page-wrapper .cover .back{transform:rotateY(180deg)}.auth-page-wrapper .container .cover img{object-fit:cover;z-index:10;width:100%;height:100%;position:absolute}.auth-page-wrapper .container .cover .text{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.auth-page-wrapper .container .cover .text:before{content:"";opacity:.5;background:#348e38;width:100%;height:100%;position:absolute}.auth-page-wrapper .cover .text .text-1,.auth-page-wrapper .cover .text .text-2{z-index:20;color:#fff;text-align:center;font-size:26px;font-weight:600}.auth-page-wrapper .cover .text .text-2{font-size:15px;font-weight:500}.auth-page-wrapper .container .forms{background:#fff;width:100%;height:100%}.auth-page-wrapper .container .form-content{justify-content:space-between;align-items:center;display:flex}.auth-page-wrapper .form-content .login-form,.auth-page-wrapper .form-content .signup-form{width:calc(50% - 25px)}.auth-page-wrapper .forms .form-content .title{color:#333;font-size:24px;font-weight:500;position:relative}.auth-page-wrapper .forms .form-content .title:before{content:"";background:#348e38;width:25px;height:3px;position:absolute;bottom:0;left:0}.auth-page-wrapper .forms .form-content .input-boxes{margin-top:30px}.auth-page-wrapper .forms .form-content .input-box{align-items:center;width:100%;height:50px;margin:10px 0;display:flex;position:relative}.auth-page-wrapper .form-content .input-box input{border:none;border-bottom:2px solid #0003;outline:none;width:100%;height:100%;padding:0 30px;font-size:16px;font-weight:500;transition:all .3s}.auth-page-wrapper .form-content .input-box input:focus,.auth-page-wrapper .form-content .input-box input:valid{border-color:#348e38}.auth-page-wrapper .form-content .input-box i{color:#348e38;font-size:17px;position:absolute}.auth-page-wrapper .forms .form-content .text{color:#333;font-size:14px;font-weight:500}.auth-page-wrapper .forms .form-content .text a{color:#348e38;text-decoration:none}.auth-page-wrapper .forms .form-content .text a:hover{text-decoration:underline}.auth-page-wrapper .forms .form-content .button{color:#fff;margin-top:40px}.auth-page-wrapper .forms .form-content .button input{color:#fff;cursor:pointer;background:#348e38;border-radius:6px;padding:0;transition:all .4s}.auth-page-wrapper .forms .form-content .button input:hover{background:#0f4229}.auth-page-wrapper .forms .form-content label{color:#348e38;cursor:pointer}.auth-page-wrapper .forms .form-content label:hover{text-decoration:underline}.auth-page-wrapper .forms .form-content .login-text,.auth-page-wrapper .forms .form-content .sign-up-text{text-align:center;margin-top:25px}.auth-page-wrapper .container #flip{display:none}@media (max-width:730px){.auth-page-wrapper .container .cover{display:none}.auth-page-wrapper .form-content .login-form,.auth-page-wrapper .form-content .signup-form{width:100%}.auth-page-wrapper .form-content .signup-form{display:none}.auth-page-wrapper .container #flip:checked~.forms .signup-form{display:block}.auth-page-wrapper .container #flip:checked~.forms .login-form{display:none}}