@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:url(bg1.jpg) no-repeat;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh}.reminder p{color:#9ab7b5;font-size:.8em;font-weight:700;text-align:center}header{align-items:center;display:flex;justify-content:space-between;left:0;padding:20px 100px;position:fixed;top:0;width:100%;z-index:99}.logo{color:#fff;font-size:2em;user-select:none}.navigation a{color:#fff;font-size:1.1em;font-weight:500;margin-left:40px;position:relative;text-decoration:none}.navigation a:after{background:#fff;border-radius:5px;bottom:-6px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .5s;width:100%}.navigation a:hover:after{transform:scaleX(1);transform-origin:left}.navigation .btnLogin-popup{background:transparent;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:500;height:50px;margin-left:40px;outline:none;transition:.5s;width:130px}.navigation .btnLogin-popup:hover{background:#fff;color:#f2f2ed}.wrapper{align-items:center;backdrop-filter:blur(20px);background:transparent;border:2px solid hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.5);display:flex;height:500px;justify-content:center;overflow:hidden;position:relative;width:400px}.wrapper.active-popup{transform:scale(1)}.wrapper.active{height:45em}.wrapper .form-box{padding:40px;width:100%}.wrapper .form-box.login{transform:translateX(0);transition:transform .18s ease}.wrapper.active .form-box.login{transform:translateX(-400px);transition:none}.wrapper .form-box.register{position:absolute;transform:translateX(400px);transition:none}.wrapper.active .form-box.register{transform:translateX(0);transition:transform .18s ease}.alegeProfilul{border-bottom:2px solid #9ab7b5;bottom:50%;color:#9ab7b5;display:flex;font-size:1em;font-weight:500;justify-content:space-between}.alegeProfilul select{background-color:transparent;border:none;border-radius:10px;color:#9ab7b5;font-weight:700;width:7em}.form-box h2{color:#9ab7b5;font-size:2em;text-align:center}.input-box{border-bottom:2px solid #9ab7b5;height:50px;margin:30px 0;position:relative;width:100%}.input-box label{color:#9ab7b5;font-size:1em;font-weight:500;left:5px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.5s}.input-box input:focus~label,.input-box input:valid~label{top:-5px}.input-box input{background:transparent;border:none;color:#9ab7b5;font-size:1em;font-weight:600;height:100%;outline:none;padding:0 35px 0 5px;width:100%}.input-box .icon{color:#9ab7b5;font-size:1.2em;line-height:57px;position:absolute;right:8px}.remember-forgot{color:#9ab7b5;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;margin:-15px 0 15px}.remember-forgot label input{accent-color:#9ab7b5;margin-right:3px}.remember-forgot a{color:#9ab7b5;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.btn{background:#9ab7b5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;height:45px;outline:none;width:100%}.login-register{color:#9ab7b5;font-size:.9em;font-weight:500;margin:25px 0 10px;text-align:center}.login-register p a{color:#9ab7b5;font-weight:600;text-decoration:none}.login-register p a:hover{text-decoration:underline}