Style landing input adding fediverse handle support

 $def with ()
 <h1 class=h-app style=text-align:center><span p-name>IndieWeb Validator</span></h1>
 
-<form id=search action=/search method=get>
-<label style=font-size:.8em><strong>Website Address</strong><br>
-<input name=q type=text placeholder="e.g. example.com"></label>
-<button>Validate</button>
+<form id=search action=/search method=get style="margin:3em 0">
+<label style=font-size:.9em><strong>Address</strong>
+<small><em>i.e. website URL or fediverse handle</em></small><br>
+<input style="border:.2em inset #ccc;border-radius:.2em;font-size:1.1em;margin:.25em 0 .5em 0;padding:.2em;width:calc(100% - .8em)"
+name=q type=text autofocus placeholder="e.g. example.com or alice@example.com"></label>
+<div style=text-align:right><button
+style="font-size:.8em;padding:0 .2em;text-transform:uppercase">Validate</button></div>
 </form>
 
 <h2>Supported Specifications</h2>