*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f4f4;color:#333;font:16px/1.6 Arial,sans-serif}main{width:min(100%,460px);padding:42px;background:#fff;border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 16px 60px #00000008}img{width:190px;max-width:100%;height:auto;margin-bottom:22px}h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 18px}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:bold}p{color:#626262}label{display:block;margin:18px 0;font-weight:bold;font-size:14px}input{width:100%;font:inherit;font-size:16px;border:1px solid #bbb;padding:13px;border-radius:6px;margin-top:5px}input:focus-visible,button:focus-visible{outline:3px solid #888;outline-offset:3px}button{width:100%;padding:14px;border:0;border-radius:6px;background:#333;color:white;font:inherit;font-weight:bold;cursor:pointer}button:disabled{opacity:.6;cursor:wait}small{display:block;margin-top:25px;font-size:12px;color:#777}#error{padding:12px;background:#fff0f0;color:#8c2424;border-radius:6px} [hidden]{display:none}@media(max-width:500px){main{padding:26px}}