:root{font-family:Georgia,'Times New Roman',serif;color:#233a34;background:#f7f7f2}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:32px 24px}.login-box{width:360px;max-width:100%}.brand{display:flex;align-items:center;gap:12px;font-size:26px;color:#233a34;text-decoration:none}.brand svg{width:27px;height:27px;flex:none}h1{font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-.7px;margin:30px 0 18px}p{font-size:16px;line-height:1.6;color:#647773}label{display:block;font-size:14px;margin:28px 0 10px}input{width:100%;padding:14px;border:1px solid #93a797;background:#fbfbf7;border-radius:6px;font:16px Georgia;color:#233a34}button{margin-top:18px;width:100%;padding:14px;background:#275f4b;color:white;border:0;border-radius:6px;font:16px Georgia;cursor:pointer}input:focus-visible,button:focus-visible{outline:2px solid #275f4b;outline-offset:3px}.note{font-size:12px}.error{color:#805530;border-left:2px solid #b7976f;padding-left:12px}a{color:#275f4b}