body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0b0e12;color:#eef2f6;font:15px system-ui}main{width:min(360px,calc(100% - 64px));padding:32px;border:1px solid #35404c;border-radius:12px;background:#11161d}h1{font-size:25px}p{font-size:13px;color:#92a0af}label{display:block;margin:20px 0}input{box-sizing:border-box;width:100%;display:block;margin-top:8px;padding:12px;background:#0b0e12;color:#eef2f6;border:1px solid #35404c;border-radius:6px;font:inherit}button{background:#ffe34b;color:#11161d;border:0;border-radius:6px;padding:12px;width:100%;font:600 14px system-ui;cursor:pointer}:focus-visible{outline:2px solid #ffe34b;outline-offset:4px}