@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--surface:#fff;--surface2:#f0efe9;--surface3:#e8e7e0;--border:rgba(0,0,0,.09);--border2:rgba(0,0,0,.16);--text:#1a1917;--text2:#6b6a65;--text3:#a09f9a;--accent:#1a1917;--red:#c0392b;--green:#2e7d52;--blue:#0c447c;--r:10px;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace}body{background:var(--bg);color:var(--text);min-height:100vh}body,button{font-family:var(--font)}button{cursor:pointer}input,select,textarea{font-family:var(--font)}.btn-primary{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border2);border-radius:7px;background:none;padding:8px 20px;font-size:14px;color:var(--text2);cursor:pointer}.btn-ghost:hover{background:var(--surface2)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{font-size:14px;border:1px solid var(--border2);border-radius:7px;padding:8px 10px;background:var(--surface2);color:var(--text);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.error-msg{background:#fee;border:1px solid #fcc;color:var(--red);border-radius:7px;padding:10px 14px;font-size:13px}