:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#111714;color:#edf5ed}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:510px;margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#a3bcab;font-weight:700}h1{font-size:clamp(2.6rem,9vw,4rem);line-height:1.07;letter-spacing:-.045em;margin:22px 0}h2{font-size:1.6rem}.intro{color:#b3c3b8;margin-bottom:32px}form,section{background:#1b251e;border:1px solid #344b3b;border-radius:24px;padding:26px}label{display:block;font-size:.9rem;margin-bottom:20px}input,select{display:block;width:100%;font:inherit;color:inherit;background:#111914;border:1px solid #4b6052;padding:12px;border-radius:10px;margin-top:8px}button{font:inherit;font-weight:650;width:100%;padding:14px;border-radius:12px;background:#c2edbc;color:#182517;border:0;cursor:pointer;margin:8px 0}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:#d9e6dc;background:transparent;border:1px solid #637969}.small{font-size:.85rem;color:#b6c5ba}output{display:block;overflow-wrap:anywhere;font:14px/1.65 monospace;text-align:center;margin:18px 0}#qr{background:white;border-radius:12px;padding:10px;max-width:260px;margin:24px auto}#qr svg{display:block;width:100%;height:auto}#error{padding:16px;border:1px solid #d67c72;border-radius:12px;color:#ffd4ce}[hidden]{display:none!important}:focus-visible{outline:3px solid #c2edbc;outline-offset:3px}