body{background:#f3f7fc;color:#173254;font:15px system-ui;margin:0}.auth{max-width:420px;margin:8vh auto;padding:32px;background:white;border:1px solid #dbe5f1;border-radius:14px}h1{font-size:27px}small{letter-spacing:.12em;color:#4677ad}p{line-height:1.7;color:#58718f}label{display:block;margin:18px 0;font-size:13px}input{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #b8cce1;border-radius:6px;margin-top:7px;font:inherit}button{background:#2364a8;color:white;border:0;border-radius:6px;padding:13px;width:100%;font:inherit;cursor:pointer}a{color:#2165a8}input:focus,button:focus{outline:3px solid #8bb9e8;outline-offset:2px}@media(max-width:520px){.auth{margin:25px 15px;padding:23px}}