:root{--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-white: #ffffff;--color-text: #1e293b}body{font-family:system-ui;display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--color-cyan-50);color:var(--color-text);margin:0}.container:where(.astro-DIEFTWNE){max-width:480px;width:100%;box-sizing:border-box;padding:1rem;border-radius:1rem;background-color:var(--color-white);border:1px solid var(--color-cyan-200)}.qr-wrapper:where(.astro-DIEFTWNE){margin:0;width:100%;aspect-ratio:1/1;background-color:var(--color-cyan-100);box-sizing:border-box;border-radius:.5rem;padding:1rem}.wrapper-input:where(.astro-DIEFTWNE){display:flex;flex-direction:column;margin-top:1rem;gap:.25rem;margin-bottom:1rem}.label:where(.astro-DIEFTWNE){font-size:.875rem;margin-left:.25rem}.input:where(.astro-DIEFTWNE){padding:.5rem;border:1px solid var(--color-cyan-100);border-radius:.5rem;outline:none;transition:box-shadow .2s ease}.input:where(.astro-DIEFTWNE):focus,.input:where(.astro-DIEFTWNE):active{box-shadow:0 0 0 2px var(--color-cyan-200)}