*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#182334;background:#f8fafc}main{max-width:760px;margin:auto;padding:24px}h1{font-size:1.7rem;line-height:1.2}form{display:grid;gap:14px}label{display:grid;gap:4px;font-weight:600}input,button{min-height:44px;font:inherit;border:1px solid #64748b;border-radius:6px;padding:8px 12px}button{background:#1d4ed8;color:white;font-weight:700;cursor:pointer}output{display:block;margin-top:20px;padding:16px;background:white;border:1px solid #94a3b8;border-radius:6px}a{color:#1d4ed8}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}