:root{--color-brown:#725132;--color-red:#a32a30;--color-bg:#fff9f9;--color-pink-dark:#f8b5b6;--color-pink:#fee6e6;--color-gray:#f7f9f2}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}h2{text-align:center;color:var(--color-brown);margin-bottom:70px;font-weight:400;display:block}h1{text-align:center;color:var(--color-brown);font-weight:400;display:block}.form-group{margin-bottom:35px;position:relative}input{width:300px;color:var(--color-red);border:none;padding:10px 10px 10px 5px;font-size:18px;display:block}input:focus{outline:none}label{color:var(--color-red);pointer-events:none;font-size:18px;font-weight:400;transition:all .2s;position:absolute;top:10px;left:5px}input:focus~label,input:valid~label{color:var(--color-brown);font-size:14px;top:-20px}.bar{width:300px;display:block;position:relative}.bar:before,.bar:after{content:"";background:var(--color-red);width:0;height:2px;transition:all .2s;position:absolute;bottom:1px}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:before,input:focus~.bar:after{width:50%}