@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}:root{--bg:#090c10;--surface:#0f1318;--border:#1e2530;--accent:#00e5c0;--accent-dim:#00e5c020;--text:#e8edf5;--muted:#4a5568;--error:#ff4d6d;--radius:14px;--font-head:"Syne", sans-serif;--font-mono:"DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}body:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.35;pointer-events:none;z-index:0;background-size:40px 40px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00e5c015 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}#root{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:620px;padding:3.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp;box-shadow:0 0 0 1px #ffffff04,0 20px 60px #00000080,0 0 80px #00e5c008}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:2.5rem}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid #00e5c030;border-radius:99px;align-items:center;gap:6px;margin-bottom:1rem;padding:4px 10px;font-size:.65rem;font-weight:500;display:inline-flex}.badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}h1{font-family:var(--font-head);letter-spacing:-.03em;color:var(--text);font-size:3.2rem;font-weight:800;line-height:1.05}h1 span{color:var(--accent)}.subtitle{color:var(--muted);letter-spacing:.02em;margin-top:.5rem;font-size:.8rem}.input-group{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.input-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);pointer-events:none;font-size:.85rem;transition:color .2s;position:absolute;left:14px}.input-wrapper:focus-within .input-icon{color:var(--accent)}input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:1rem 1rem 1rem 2.8rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input[type=text]::placeholder{color:var(--muted);opacity:.7}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00e5c015,inset 0 0 20px #00e5c005}button{background:var(--accent);color:#000;width:100%;font-family:var(--font-head);letter-spacing:.04em;border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden}button:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff30 0%,#0000 60%);position:absolute;inset:0}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00e5c040}button:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;box-shadow:none;transform:none}.qr-result{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem;padding-top:2rem;animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex}.qr-frame{border-radius:var(--radius);background:#fff;padding:1rem;position:relative;box-shadow:0 0 40px #00e5c025}.qr-frame:before,.qr-frame:after{content:"";border-color:var(--accent);border-style:solid;width:18px;height:18px;position:absolute}.qr-frame:before{border-width:2px 0 0 2px;border-radius:4px 0 0;top:-4px;left:-4px}.qr-frame:after{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:-4px;right:-4px}.qr-frame img{width:260px;height:260px;image-rendering:crisp-edges;border-radius:6px;display:block}.qr-meta{text-align:center}.qr-meta p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.7rem}.download-btn{color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;background:0 0;border:1px solid #00e5c035;border-radius:99px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.download-btn:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 20px #00e5c020}.footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;display:flex}.footer span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.footer-dot{background:var(--border);border-radius:50%;width:4px;height:4px}.logo-upload-wrapper{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.logo-upload-btn{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px dashed #00e5c035;border-radius:99px;align-items:center;gap:6px;padding:.6rem 1.2rem;font-size:.78rem;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.logo-upload-btn:hover,.logo-upload-btn.loaded{background:var(--accent-dim);border-style:solid;border-color:var(--accent);box-shadow:0 0 20px #00e5c020}.logo-remove-btn{color:var(--error);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #ff4d6d35;border-radius:99px;align-items:center;width:auto;padding:.6rem 1rem;font-size:.75rem;transition:background .2s,border-color .2s;display:inline-flex}.logo-remove-btn:hover{border-color:var(--error);background:#ff4d6d15}.logo-preview{object-fit:contain;border:1px solid var(--border);background:var(--bg);border-radius:8px;width:32px;height:32px;padding:3px}@media (width<=480px){.card{padding:2rem 1.5rem}h1{font-size:1.8rem}}