:root{color:#17211c;background:#f3efe6;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:28px 20px 64px}h1,h2{font-family:Fraunces,Palatino,serif;font-weight:560;margin:0}h1{font-size:2rem}p{margin:0}.banner,.card,.error,form,.sign-in-about{margin-top:16px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:16px}.topbar .banner{margin-top:0}.about-link{font-weight:600;text-underline-offset:3px}.about-link:hover,.about-link:focus-visible{text-decoration:underline}.about-link:focus-visible{outline:2px solid #16382c;outline-offset:3px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.banner{display:inline-block;background:#fff8ee;border:1px solid #ddd4c4;border-radius:999px;padding:4px 12px;color:#6b3a12;font-size:.85rem;font-weight:600}.card,form{background:#fbf8f2;border:1px solid #ddd4c4;border-radius:16px;padding:16px}form,.stack{display:grid;gap:10px}label{font-weight:600;font-size:.9rem}input{width:100%;border:1px solid #ddd4c4;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}button,.linkish{border:0;border-radius:12px;padding:12px 14px;font:inherit;font-weight:600;background:#16382c;color:#f4f0e6;cursor:pointer}button.secondary{background:#e6eee8;color:#16382c}.muted{color:#5e6a62}.error{background:#f8e8e4;color:#9c3b2a;border-radius:12px;padding:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}ul{margin:8px 0 0;padding-left:18px}a{color:#3e6b52}