*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-size:16px;background-color:#1d1b34;color:#fff;text-align:center}html,input,button{font-family:monaco,Consolas,Lucida Console,monospace}input,button{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:none;border-color:#403b6f}button{background-color:#312d58;color:#fff;flex:0 0 auto;max-width:120px;text-transform:uppercase;font-size:.875rem}button:hover,button:active{background-color:#403b6f;outline:none;cursor:pointer}.lock{width:290px;position:absolute;top:50%;left: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}}