*{box-sizing:border-box}body{margin:0;background:#202123;color:#eeeee7;font:16px/1.7 Arial,"Microsoft JhengHei",sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(440px,100%);border-top:6px solid #e2fa2a;padding:30px;background:#2b2d2e}a{color:#e2fa2a}h1{font-size:1.8rem}label{display:block;margin:20px 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #999;background:#f1f1e9;color:#202123}button{min-height:48px;width:100%;border:0;background:#e2fa2a;color:#202123;font:700 16px Arial;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #aac234;outline-offset:3px}[role=alert]{color:#ffc4b1}