:root{--ink:#2e2115;--muted:#6a5c52;--line:#ddd5cd;--bg:#f2eee9;--card:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:var(--bg);color:var(--ink);font:400 16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:32px 24px 24px}
.logo{display:block;width:100%;max-width:330px;height:auto;margin:0 auto 28px}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.actions{display:grid;gap:10px}
.btn{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border:1px solid var(--ink);border-radius:8px;color:var(--ink);text-decoration:none}
.btn svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn b{display:block;font-weight:700;overflow-wrap:anywhere}
.btn small{display:block;font-size:.8125rem;color:var(--muted)}
.btn.primary{background:var(--ink);color:#fff}
.btn.primary small{color:#dcd3cb}
.btn:hover{background:var(--bg)}
.btn.primary:hover{background:#46352a}
.btn:focus-visible{outline:3px solid #b5652a;outline-offset:2px}
footer{max-width:420px;padding:16px 8px 0;font-size:.8125rem;color:var(--muted);text-align:center}
footer p{margin:0}