*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#111318;color:#e8eaed;font:15px/1.5 system-ui,sans-serif}main{width:min(320px,calc(100% - 40px));padding:28px 0}form{display:grid;gap:14px}label{color:#b8bec8}input,button{font:inherit;min-height:44px;border:1px solid #3b414c;border-radius:6px;padding:9px 12px}input{min-width:0;background:#1a1e25;color:#fff}button{background:#e0e4eb;color:#14171c;cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #92a7cd;outline-offset:3px}.form-error{margin:0;color:#e3a4a4;font-size:13px}