*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{font-size:16px;background-color:#1d1b34;color:#fff;text-align:center}button,html,input{font-family:monaco,Consolas,Lucida Console,monospace}button,input{border-radius:0;height:2.75rem;font-size:1rem;padding:0 .875rem;display:block;width:100%;border:0;text-align:center}label{display:block;padding-bottom:.5rem}input{border:2px solid #312d58}input:focus{outline:0;border-color:#403b6f}button{background-color:#312d58;color:#fff;flex:0 0 auto;max-width:120px;text-transform:uppercase;font-size:.875rem}button:active,button:hover{background-color:#403b6f;outline:0;cursor:pointer}.lock{width:290px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:left}.lock__fields{display:flex}.error{color:red;margin-top:10px}@media (min-width:375px){.lock{width:340px}}