:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#141b22;color:#edf3ef}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,380px);padding:32px;border:1px solid #344239;border-radius:18px;background:#1c2924;box-shadow:0 20px 80px #0004}.eyebrow{color:#a6c8b5;font-size:14px}h1{font-size:30px;margin:8px 0 22px}label{display:block;margin:18px 0;font-size:14px}input,button{display:block;width:100%;font:inherit;border-radius:8px;padding:12px}input{margin-top:8px;border:1px solid #61746a;background:#121d18;color:inherit}input:focus-visible{outline:2px solid #a6d6bb;outline-offset:2px}button{margin-top:26px;background:#b3d9bf;color:#14281b;border:0;font-weight:650;cursor:pointer}.error{color:#ffb4a9;font-size:14px}.error:empty{display:none}