:root{--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--brand: #fdca00;--brand-hover: color-mix(in srgb, var(--brand), black 10%);--brand-dark: color-mix(in srgb, var(--brand), black 30%);--brand-soft: color-mix(in srgb, var(--brand) 16%, white);--brand-faint: color-mix(in srgb, var(--brand) 7%, white);--brand-ink: #241a04;--brand-text: color-mix(in srgb, var(--brand), black 45%);--brand-ring: color-mix(in srgb, var(--brand) 45%, transparent);--bg: color-mix(in srgb, var(--brand) 5%, #faf8f3);--surface: #ffffff;--ink: #241a05;--muted: color-mix(in srgb, var(--ink) 60%, white);--line: color-mix(in srgb, var(--brand) 26%, white);--dark: #191104;--green: #2f9e44;--green-soft: #e6f6ea;--green-text: color-mix(in srgb, var(--green), black 22%);--red: #d64545;--red-soft: #fdecec;--red-text: color-mix(in srgb, var(--red), black 28%);--radius: 16px;--shadow: 0 1px 2px rgb(36 26 5 / .05), 0 8px 24px -12px rgb(36 26 5 / .18)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.011em}h1{font-size:2.5rem;margin:.3rem 0;font-weight:800}h2{margin:.5rem 0 .25rem;font-weight:800;font-size:1.4rem}h3{font-weight:700}p{line-height:1.5}.sub{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:14px;padding:.8rem 1.2rem;font-family:var(--font);font-weight:700;font-size:.98rem;letter-spacing:-.01em;cursor:pointer;text-decoration:none;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .08s ease,filter .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.btn.primary{background:var(--brand);color:var(--brand-ink);box-shadow:none}.btn.primary:hover:not(:disabled){background:var(--brand-hover);filter:none}.btn.dark{background:var(--dark);color:var(--brand-soft);box-shadow:none}.btn.ghost{background:transparent}.btn.small{padding:.55rem .9rem;font-size:.88rem;border-radius:12px;width:100%}.btn.big{width:100%;padding:1rem;font-size:1.05rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{color:var(--red-text);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--red) 35%,white)}.card-form,.carta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-form{display:grid;gap:.8rem;text-align:left;padding:1.1rem}label{display:grid;gap:.35rem;font-weight:600;font-size:.9rem}input,select{padding:.7rem .85rem;border-radius:12px;border:1.5px solid var(--line);font-family:var(--font);font-size:1rem;color:var(--ink);background:#fff;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}input::placeholder{color:color-mix(in srgb,var(--muted) 65%,white)}.error{background:var(--red-soft);color:var(--red-text);padding:.65rem .85rem;border-radius:12px;font-weight:600;font-size:.9rem}.muted{color:var(--muted)}.muted.small,.small{font-size:.82rem}code{background:var(--brand-faint);padding:.1rem .35rem;border-radius:6px;font-size:.85em}.links{margin:1rem 0;display:grid;gap:.5rem}.links a{color:var(--brand-text);font-weight:700;text-decoration:none}.links a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.how{text-align:left;margin-top:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.1rem;box-shadow:var(--shadow)}.how summary{font-weight:700;cursor:pointer}.how li{margin-bottom:.3rem}.my-2{margin:.5rem 0}