:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111113;color:#ededee}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(360px,100%)}.brand{font-size:12px;color:#b7b87a;margin-bottom:48px}h1{font-size:28px;margin-bottom:32px}label{display:block;font-size:13px;margin:20px 0 8px}input{width:100%;background:#1b1b1e;border:1px solid #454549;border-radius:4px;color:inherit;font:inherit;padding:12px}button{width:100%;background:#d3d794;color:#171812;border:0;border-radius:4px;padding:13px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5}#error{min-height:24px;color:#f0a6a6;font-size:13px}input:focus-visible,button:focus-visible{outline:2px solid #d3d794;outline-offset:3px}