.container{min-height:100vh;display:flex;background:#f0faff;justify-content:center;align-items:flex-start;padding-top:10vh}.wrapper{position:relative;max-width:470px;width:100%;border-radius:20px;padding:20px 30px 250px;background:#4070f4;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden}.form.signup{position:absolute;left:50%;bottom:-86%;transform:translateX(-50%);width:calc(100% + 220px);padding:8px 140px;border-radius:25%;height:100%;background:#fff;transition:all .6s ease}.wrapper.active .form.signup{bottom:-13%;border-radius:35%;box-shadow:0 -5px 10px rgba(0,0,0,.1)}.form header{font-size:30px;text-align:center;color:#fff;font-weight:600;cursor:pointer}.form.signup header{color:#333;opacity:.6}.wrapper.active .form.signup header{opacity:1}.wrapper.active .login header{opacity:.6}.wrapper form{display:flex;flex-direction:column;gap:20px;margin-top:25px}form input{height:45px;outline:none;border:none;padding:0 15px;font-size:16px;font-weight:400;color:#333;border-radius:8px;background:#fff}.form.signup input{border:1px solid #aaa}.form.signup input:focus{box-shadow:0 1px 0 #ddd}form .agree{font-size:10pt;margin-bottom:-10px;margin-top:-10px}form .passerror{display:none;text-align:center;margin-top:-15px;margin-bottom:5px;color:red}form a{color:#076986;text-decoration:none}form a:hover{text-decoration:underline}form input[type=submit]{margin-top:0px;padding:none;font-size:18px;font-weight:500;cursor:pointer}.form.signup input[type=submit]{background:#4070f4;color:#fff;border:none}