:root{--bg:#fdf6e3;--ink:#5b4636;--card:#fff;--muted:#f5e9d7;--accent:#d97706;--accent-2:#b45309}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-serif,Georgia,Times New Roman,Times,serif}.container{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.hero{text-align:center;padding:4rem 1rem 2rem}.hero h1{font-size:clamp(2.2rem,3.5vw,3rem);margin:0}.tag{margin-top:.5rem;font-size:1.125rem;opacity:.9}.card{max-width:640px;margin:2rem auto;background:var(--card);padding:2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--muted);color:var(--ink);padding:.8rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer;text-decoration:none}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:grid;place-items:center;padding:1rem}.dialog{width:100%;max-width:520px;background:var(--card);border-radius:1rem;padding:1.25rem 1.25rem 1rem;box-shadow:0 10px 28px rgba(0,0,0,.25)}.dialog h2{margin:0 0 .25rem}.dialog p{margin:0 0 1rem}.dialog input{width:100%;padding:.8rem 1rem;border:1px solid #e1d6c4;border-radius:.75rem;font-size:1rem}.dialog-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.foot{text-align:center;padding:1rem;background:var(--muted);font-size:.95rem}