:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#1d1b18;background:#f6f5f2}body{margin:0}main{max-width:540px;margin:12vh auto;padding:32px}.wordmark{font-weight:600;font-size:18px;border-left:4px solid #ff5b1f;padding-left:14px}.wordmark span{font-weight:400;color:#686359}h1{font:normal clamp(36px,6vw,54px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:54px 0 24px}p{line-height:1.6;max-width:48ch;color:#4a4640}.button{display:inline-flex;gap:40px;align-items:center;min-height:44px;padding:4px 20px;border-radius:5px;background:#0e6e64;color:white;text-decoration:none;margin:20px 0}.button:hover{background:#0a574e}.button:active{background:#1d1b18}:focus-visible{outline:2px solid #0e6e64;outline-offset:4px}.note{font-size:12px;color:#686359}

/* Keep the entry screen to the brand and its single action. */
body.login{background:#fff9f3;color:#292724;-webkit-font-smoothing:antialiased}
.login main{box-sizing:border-box;min-height:100svh;max-width:none;margin:0;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.login .brand{display:flex;align-items:center;gap:12px;margin:0;font:600 30px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-1.2px}
.login .brand svg{color:#f56a2b;flex-shrink:0}
.login .button{box-sizing:border-box;justify-content:center;gap:10px;min-height:44px;margin:0;padding:12px 18px;border-radius:8px;background:#292724;font-size:14px;font-weight:500;line-height:20px;transition:background-color 150ms ease-out,transform 150ms ease-out}
.login .button:hover{background:#45413b}
.login .button:active{transform:scale(.96)}
.login .button:focus-visible{outline:2px solid #292724;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.login .button{transition:none}}