*,:after,:before{box-sizing:border-box}:focus{outline:1px solid #ccc}body{background:#f7f7f8;font-family:Roboto,-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif;margin:0}.forms-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.section-title{color:#03070c;font-size:32px;height:50px;letter-spacing:1px;margin:10px auto}.forms{align-items:flex-start;display:flex;margin-top:30px}.form-wrapper{animation:hideLayer .3s ease-out forwards}.form-wrapper.is-active{animation:showLayer .3s ease-in forwards}@keyframes showLayer{50%{z-index:1}to{z-index:1}}@keyframes hideLayer{0%{z-index:1}49.999%{z-index:1}}.switcher{background-color:transparent;border:none;color:#999;cursor:pointer;display:block;font-family:inherit;font-size:16px;letter-spacing:.5px;margin-left:auto;margin-right:auto;outline:none;padding:0;position:relative;text-transform:uppercase;transform:translateX(0);transition:all .3s ease-out}.form-wrapper.is-active .switcher-login{color:#03070c;transform:translateX(90px)}.form-wrapper.is-active .switcher-signup{color:#03070c;transform:translateX(-90px)}.underline{bottom:-5px;height:2px;left:0;overflow:hidden;pointer-events:none;position:absolute;width:100%}.underline:before{background-color:currentColor;content:"";display:block;height:inherit;left:inherit;position:absolute;top:0;transition:transform .2s ease-out;width:inherit}.switcher-login .underline:before{transform:translateX(101%)}.switcher-signup .underline:before{transform:translateX(-101%)}.form-wrapper.is-active .underline:before{transform:translateX(0)}.form{border-radius:5px;margin-top:50px;min-width:260px;overflow:hidden;padding:30px 25px;transform-origin:top}.form-login{animation:hideLogin .3s ease-out forwards}.form-wrapper.is-active .form-login{animation:showLogin .3s ease-in forwards}@keyframes showLogin{0%{background:#e6e6e7;transform:translate(40%,10px)}50%{transform:translate(0)}to{background-color:#fff;transform:translate(35%,-20px)}}@keyframes hideLogin{0%{background-color:#fff;transform:translate(35%,-20px)}50%{transform:translate(0)}to{background:#e6e6e7;transform:translate(40%,10px)}}.form-signup{animation:hideSignup .3s ease-out forwards}.form-wrapper.is-active .form-signup{animation:showSignup .3s ease-in forwards}@keyframes showSignup{0%{background:#e6e6e7;transform:translate(-40%,10px) scaleY(.8)}50%{transform:translate(0) scaleY(.8)}to{background-color:#fff;transform:translate(-35%,-20px) scaleY(1)}}@keyframes hideSignup{0%{background-color:#fff;transform:translate(-35%,-20px) scaleY(1)}50%{transform:translate(0) scaleY(.8)}to{background:#e6e6e7;transform:translate(-40%,10px) scaleY(.8)}}.form fieldset{border:0;margin:0;opacity:0;padding:0;position:relative;transition:all .3s ease-out}.form-login fieldset{transform:translateX(-50%)}.form-signup fieldset{transform:translateX(50%)}.form-wrapper.is-active fieldset{opacity:1;transform:translateX(0);transition:opacity .4s ease-in,transform .35s ease-in}.form legend{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.input-block{margin-bottom:20px}.input-block label{color:#a1b4b4;font-size:14px}.input-block input{background:#ededed;border:0;color:#555;display:block;font-size:16px;line-height:40px;margin-top:8px;padding-left:15px;padding-right:15px;width:100%}.form [type=submit]{border:none;border-radius:25px;display:block;font-size:18px;line-height:40px;margin:30px auto 10px;min-width:120px;opacity:0;transition:all .3s ease-out}.form-wrapper.is-active .form [type=submit]{opacity:1;transform:translateX(0);transition:all .4s ease-in}.btn-login{transform:translateX(-30%)}.btn-login,.btn-signup{background:#910005;color:#fbfdff}.btn-signup{transform:translateX(30%)}button:disabled,button[disabled]{background:#ccc}.footer{color:#bbb;font-size:12px;margin-top:15px;text-align:center}a{color:#bababa;text-decoration:none}a.black,a:hover{text-decoration:underline}a.black{color:#000}