:root{font-family:system-ui,sans-serif;color:#f2efe5;background:#191a1d}*{box-sizing:border-box}body{margin:0;padding:24px;min-height:100vh;display:grid;place-items:center}main{width:100%;max-width:470px;border:1px solid #4b4752;border-radius:28px;padding:32px;background:#28262e}.brand{font-size:25px;font-weight:800;letter-spacing:2px}.brand span{font-size:13px;color:#f1d77e}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#d2bd91}h1{font:38px Georgia,serif;margin:14px 0}p,small{line-height:1.7}p{font-size:13px}small{font-size:11px;color:#c5bfce}label{display:grid;gap:7px;margin:16px 0;font-size:13px}input,button{font:inherit;width:100%;padding:13px;border-radius:10px}input{border:1px solid #81778d;background:#1e1d22;color:white}button{background:#f1d77e;border:0;cursor:pointer;color:#312918;font-weight:700}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #c4addb;outline-offset:3px}#login-message{color:#f3caa7}