:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#191c19;background:#f7f6f0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:36px}main{width:min(100%,540px);padding:50px;border:1px solid #d7d9cb;background:#fffef9}.brand{font-weight:900;letter-spacing:.12em;color:inherit;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.2em;margin-top:8px;color:#62685e}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;margin-top:70px;color:#687057}h1{font-size:44px;line-height:1.08;letter-spacing:-.04em;margin:18px 0}p{font-size:15px;line-height:1.7;color:#586050}.signin{display:flex;justify-content:space-between;align-items:center;background:#cfef5a;color:#192115;padding:19px;margin-top:32px;text-decoration:none;font-weight:700;border:1px solid #b1ce44}.signin:focus-visible{outline:3px solid #162b16;outline-offset:4px}.note{font-size:12px;margin-top:22px;color:#73796b}footer{position:fixed;bottom:20px;font-size:11px;color:#717666}@media(max-width:600px){body{padding:18px}main{padding:32px 24px}h1{font-size:36px}.eyebrow{margin-top:50px}}