@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08100e;--panel:#101b18;--line:#243a33;--text:#ecfdf5;--muted:#9ab2a9;--green:#65e6ac;--green-dark:#15966a}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0%,#153a2f 0,transparent 32rem),var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}a{color:inherit}.page{max-width:1120px;margin:auto;padding:28px 24px 50px}header{justify-content:space-between;align-items:center;margin-bottom:90px;display:flex}.brand{letter-spacing:-.03em;font-family:Space Grotesk;font-weight:700;text-decoration:none}.badge,.eyebrow{color:var(--green);letter-spacing:.13em;font-size:12px;font-weight:700}.badge{letter-spacing:0;border:1px solid #28634e;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:flex}.hero{text-align:center;max-width:760px;margin:0 auto 52px}.eyebrow{margin:0 0 18px}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-.07em;margin:0 0 22px;font-size:clamp(42px,7vw,76px);line-height:.98}h2{margin:0 0 8px;font-size:21px}h3{margin:10px 0 5px;font-size:16px}.subtitle{color:var(--muted);margin:0;font-size:18px;line-height:1.6}.workspace{grid-template-columns:1.2fr .8fr;align-items:start;gap:18px;display:grid}.panel{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 24px 70px #0004}.hint{color:var(--muted);margin:0 0 22px;font-size:13px}.grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}label{color:#c7ddd5;font-size:13px;font-weight:600}label em{color:var(--green);font-style:normal}.wide{grid-column:1/-1}input,textarea{width:100%;color:var(--text);font:inherit;background:#08100e;border:1px solid #355148;border-radius:11px;outline:none;margin-top:8px;padding:12px 13px;display:block}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #65e6ac22}textarea{resize:vertical}.preview-panel{position:sticky;top:20px}.qr-box{background:#fff;border-radius:14px;place-items:center;min-height:310px;margin:22px 0 16px;padding:18px;display:grid}.qr-box img{width:min(100%,310px);height:auto}.qr-box span{color:#6b7280;text-align:center;max-width:220px;font-size:13px}.copy-error{color:#fca5a5;margin:12px 0 0;font-size:12px;line-height:1.45}.download-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.more-menu{margin:10px 0 0;position:relative}.more-menu>summary{width:44px;height:40px;color:var(--text);cursor:pointer;border:1px solid #3b5b50;border-radius:10px;place-items:center;margin-left:auto;list-style:none;display:grid}.more-menu>summary::-webkit-details-marker{display:none}.more-menu>summary:hover{background:#173128}.more-menu-popover{z-index:5;border:1px solid var(--line);background:#101b18;border-radius:12px;gap:8px;min-width:190px;padding:10px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 18px 40px #0008}.more-menu-popover button{white-space:nowrap;width:100%}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{background:var(--green);color:#062118;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font:600 13px inherit;display:flex}button:disabled{cursor:not-allowed;opacity:.35}button.secondary{color:var(--text);background:0 0;border:1px solid #3b5b50}details{color:var(--muted);margin-top:17px;font-size:12px}summary{cursor:pointer}pre{white-space:pre-wrap;border:1px solid var(--line);color:#b8cec6;background:#08100e;border-radius:10px;padding:12px;font-size:10px;overflow:auto}.how{max-width:900px;margin:90px auto 0}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.steps>div{border-top:1px solid var(--line);padding-top:17px}.steps strong{color:var(--green);font-family:Space Grotesk;font-size:22px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}footer{color:var(--muted);text-align:center;margin-top:90px;font-size:13px}footer a{color:var(--green);text-decoration:none}@media (max-width:760px){.page{padding:20px 16px 40px}header{margin-bottom:65px}.workspace{grid-template-columns:1fr}.preview-panel{position:static}.grid,.actions,.steps{grid-template-columns:1fr}.wide{grid-column:auto}h1{font-size:48px}}