@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:30px}.container{position:relative;max-width:850px;width:100%;background:#fff;padding:130px 30px;box-shadow:2px 2px 20px rgba(0,0,0,.3);perspective:2700px}.container .cover{position:absolute;top:0;left:50%;height:100%;width:50%;z-index:98;transition:all 1s ease;transform-origin:left;transform-style:preserve-3d}.container #flip:checked ~ .cover{transform:rotateY(-180deg)}.container .cover .front,.container .cover .back{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.cover .back{transform:rotateY(180deg);backface-visibility:hidden}.container .cover::before,.container .cover::after{content:'';position:absolute;height:100%;width:100%;background:hsl(240,1%,14%);opacity:.3;z-index:12}.container .cover::after{opacity:.3;transform:rotateY(180deg);backface-visibility:hidden}.container .cover img{position:absolute;height:100%;width:100%;object-fit:cover;z-index:10}.container .cover .text{position:absolute;z-index:130;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .cover .text a{background-color:#162938}.forms form .text a{color:#162938}.cover .text .text-1,.cover .text .text-2{font-size:26px;font-weight:600;color:#fff;text-align:center}.cover .text .text-2{font-size:15px;font-weight:500}.container .forms{height:100%;width:100%;background:#fff}.container .form-content{display:flex;align-items:center;justify-content:space-between}.form-content .login-form,.form-content .signup-form{width: calc(100% / 2 - 25px)}.forms .form-content .title{position:relative;font-size:24px;font-weight:500;color:#333}.forms .form-content .title:before{content:'';position:absolute;left:0;bottom:0;height:3px;width:25px;background:#162938}.forms .signup-form .title:before{width:20px}.forms .form-content .input-boxes{margin-top:10px}.forms .form-content .input-box{display:flex;align-items:center;height:50px;width:100%;margin:10px 0;position:relative}.form-content .input-box input{height:100%;width:100%;outline:none;border:none;padding:0 30px;font-size:16px;font-weight:500;border-bottom:2px solid rgba(0,0,0,.2);transition:all .3s ease}.form-content .input-box input:focus,.form-content .input-box input:valid{border-color:#162938}.form-content .input-box i{position:absolute;color:#162938;font-size:17px}.forms .form-content .text{font-size:14px;font-weight:500;color:#333}.forms .form-content .text a{text-decoration:none}.forms .form-content .text a:hover{text-decoration:underline}.forms .form-content .button{color:#fff;margin-top:40px}.forms .form-content .button button{color:#fff;background:#162938;font-size:18px;border-radius:6px;padding:12px;width:100%;cursor:pointer;transition:all .4s ease}.forms .form-content .button button:disabled{color:#fff;background:#162938!important;font-size:18px;border-radius:6px;padding:12px;width:100%;cursor:pointer;transition:all .4s ease}.forms .form-content .button button:hover{background:#162938}.forms .form-content label{color:#162938;cursor:pointer}.forms .form-content label:hover{text-decoration:underline}.forms .form-content .login-text{text-align:center;margin-top:25px}.container #flip{display:none}@media (max-width:730px){.container .cover{display:none}.form-content .login-form{width:100%}}.alert-box{display:none}#forgotPassword-form{display:none}a{cursor:pointer}#togglePassword{position:absolute;right:0;font-size:18px;margin-bottom:5px}