*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3efdf;color:#20222b;font:16px/1.55 system-ui,sans-serif;padding:32px 20px}main{width:min(100%,530px);padding:40px;background:#fffdf5;border:2px solid #20222b;border-radius:12px;box-shadow:8px 8px 0 #20222b}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:900;text-decoration:none;color:inherit}.brand span{background:#ffe063;font-size:11px;letter-spacing:.12em;padding:4px 8px;border-radius:5px;border:1px solid}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;margin-top:34px}h1{font-size:32px;line-height:1.15;letter-spacing:-.04em}p{color:#555963}form{display:grid;gap:18px;margin:28px 0}label{display:grid;gap:6px;font-size:13px;font-weight:650}input{font:inherit;border:1px solid #bfc0b8;padding:12px;border-radius:6px;background:white;min-width:0}input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #3c5cc1;outline-offset:3px}button{background:#ffe063;border:2px solid #20222b;border-radius:6px;font:700 15px system-ui;padding:14px;box-shadow:3px 3px 0 #20222b;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.reader-link{font-size:13px;color:#334fa5}small{display:block;font-size:11px;color:#6a6f71;margin-top:20px}#login-error{margin:0;color:#a02f40;font-size:13px}@media(max-width:460px){main{padding:26px}h1{font-size:28px}}