.wrapper{width:100%;height:100vh;display:flex}@media (max-width:400px){.wrapper{display:block}}.inner{margin:auto;padding:40px 20px;box-shadow:0 0 24px 0 rgba(0,0,0,.3);width:300px}@media (max-width:400px){.inner{box-shadow:none;width:auto}}.logo{margin:0 auto;padding:0 calc(50% - 50px) 20px}.field{display:block;font-family:Roboto,sans-serif;margin-top:15px;font-size:16px}.input{font-family:Roboto,sans-serif;display:block;width:100%;font-size:16px;padding:4px 5px;margin-top:5px;box-sizing:border-box;-webkit-appearance:none;border-radius:0;border:1px #4d4d4d solid}.button{font-size:16px;margin-top:15px;background:#fff;color:#4d4d4d;padding:8px 20px;border:1px solid #4d4d4d;font-family:Roboto,sans-serif;font-weight:700;width:100%;cursor:pointer}.button:hover{color:#fff;background:#4d4d4d}.message{width:100%;text-align:center;position:absolute}.message .text{display:inline-block;width:100%;color:#fff;padding:12px 0;font-size:16px;font-family:Roboto,sans-serif;font-weight:700}.error .text{background:#ff6a61}