:root{color-scheme:light;font-family:system-ui,sans-serif;color:#17283f;background:#faf8f3}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:28px}main{display:flex;flex-direction:column;align-items:center;gap:44px;width:min(100%,330px)}.brand{width:230px;max-width:85%;height:auto}form{width:100%;display:grid;gap:20px}label{display:grid;gap:8px;font-size:14px}input{width:100%;padding:14px;border:1px solid #ccd1d6;border-radius:12px;background:white;font:inherit}.button,button{border:0;border-radius:999px;padding:14px 36px;background:#17283f;color:#faf8f3;text-decoration:none;font:600 16px system-ui;cursor:pointer;text-align:center}input:focus-visible,.button:focus-visible,button:focus-visible{outline:3px solid #cda651;outline-offset:4px}p{font-size:14px;margin:0;color:#8b3434}