:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f2ff;background:#15121c}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#493276 0,transparent 38%),radial-gradient(circle at 90% 90%,#174c38 0,transparent 36%),#15121c}main{width:min(960px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.18em;color:#8ff0b5}h1{font-size:clamp(48px,8vw,84px);line-height:.9;letter-spacing:-.06em;margin:12px 0 22px}.lede{max-width:52ch;color:#beb4c9;font-size:18px;line-height:1.55}label{display:grid;gap:7px;color:#bdb1ca;font-size:12px}textarea,select{border:1px solid #534761;border-radius:12px;background:#211b2b;color:#fff;padding:13px;font:15px ui-monospace,monospace}textarea{width:100%;min-height:110px;resize:vertical}.row{display:flex;gap:12px;align-items:end;margin-top:12px}.row label{flex:1}button,a{border:0;border-radius:12px;padding:14px 18px;background:#8ff0b5;color:#152219;font-weight:800;cursor:pointer;text-decoration:none}.result{min-height:520px;border:1px solid #493e55;border-radius:28px;background:#211b2bcc;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 30px 90px #0006}#qr{width:min(390px,100%);aspect-ratio:1;background:#fff;border-radius:18px;padding:14px;display:grid;place-items:center}#qr:empty::after{content:'QR';font-size:90px;font-weight:900;color:#eee}#qr svg{width:100%;height:100%}#status,#meta{color:#9f93ab;font:12px ui-monospace,monospace}@media(max-width:760px){main{grid-template-columns:1fr}.result{min-height:390px}h1{font-size:54px}}