*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#10243b}body{min-height:100vh;display:grid;place-items:center;background:#244f80;padding:20px}.auth{width:min(440px,100%);background:#fff;border-radius:17px;padding:38px 36px 44px;box-shadow:0 18px 55px #071d3b26}.brand{font-weight:800;letter-spacing:.02em;font-size:19px;margin-bottom:34px}h1{font-size:26px;line-height:1.2;margin:0 0 16px}p{font-size:15px;line-height:1.5;color:#536b85;margin:0 0 24px}label{display:block;font-size:14px;margin-bottom:8px;font-weight:600}input{display:block;width:100%;height:47px;border:1px solid #c4d2e3;border-radius:9px;padding:10px;font:inherit;margin-bottom:28px}input:focus{outline:2px solid #244f80;outline-offset:1px}button{width:100%;height:43px;border:0;border-radius:9px;background:#244f80;color:#fff;font-weight:700;cursor:pointer}button:hover{background:#173c66}.back{display:inline-block;margin-top:20px;font-size:14px;color:#244f80}@media(max-width:480px){.auth{padding:30px 24px}}