:root{--ink: #10130f;--paper: #f4f1e8;--card: #fffdf6;--line: #d8d2c0;--mint: #1f7a5c;--mint-soft: #e2efe7;--amber: #c97b22;--red: #b3382e;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);background-image:radial-gradient(circle at 1px 1px,#e6e0cf 1px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:Outfit,sans-serif;font-weight:400}h1,h2,h3{font-family:Fraunces,serif;margin:0}button{font-family:Outfit,sans-serif;font-weight:600;border:none;border-radius:10px;cursor:pointer;padding:10px 18px;background:var(--ink);color:var(--paper);transition:transform .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);opacity:.92}button.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}input,select{font-family:Outfit,sans-serif;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);outline:none;width:100%}input:focus,select:focus{border-color:var(--mint)}.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 6px 24px -14px #10130f59}.tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);font-weight:600}.err{color:var(--red);font-size:14px}