*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
body{
  display:flex; align-items:flex-start; justify-content:center;
  padding-top: 15vh;
  background:#f2f2f2;
}

input{
  width:min(420px,calc(100% - 32px));
  height:44px;
  border:1px solid #ccc;border-radius:22px;
  padding:0 18px;font-size:15px;outline:none;
  background:#fff;
  -webkit-appearance:none;
}
input:focus{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.15)}
input::placeholder{color:#bbb}