:root{--background: #050511;--card-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #8b5cf6;--primary-hover: #7c3aed;--neon-blue: #3b82f6;--neon-purple: #d946ef;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(18,24,27,0) 0%,var(--background) 100%),linear-gradient(90deg,rgba(50,50,70,.1) 1px,transparent 1px),linear-gradient(rgba(50,50,70,.1) 1px,transparent 1px);background-size:40px 40px;z-index:-2}.aurora-1{position:fixed;top:-10%;left:-10%;width:40vw;height:40vw;background:#9333ea33;border-radius:50%;filter:blur(120px);animation:pulse 8s infinite alternate;z-index:-1}.aurora-2{position:fixed;bottom:-10%;right:-10%;width:35vw;height:35vw;background:#2563eb33;border-radius:50%;filter:blur(100px);animation:pulse 8s infinite alternate-reverse;z-index:-1}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.glass-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid var(--glass-border);box-shadow:0 0 40px -10px #8b5cf64d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;padding:4px;width:100%;max-width:600px}.card-content{background:#0f172acc;border-radius:1.8rem;padding:3rem;position:relative;overflow:hidden}h1{font-size:3.5rem;font-weight:800;text-align:center;background:linear-gradient(to right,var(--neon-purple),var(--primary),var(--neon-blue));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shine 5s linear infinite;margin-bottom:.5rem;letter-spacing:-.02em}@keyframes shine{to{background-position:200% center}}.subtitle{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.875rem;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.input-group{position:relative;margin-bottom:1.5rem}.input-neon{width:100%;padding:1rem 1.25rem;background:#0f172a99;border:1px solid var(--glass-border);border-radius:.75rem;color:var(--text-main);font-size:1.125rem;outline:none;transition:all .3s ease}.input-neon:focus{border-color:var(--primary);box-shadow:0 0 15px #8b5cf64d}.controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.control-item label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}input[type=color]{width:100%;height:48px;border:none;border-radius:.5rem;background:transparent;cursor:pointer}input[type=range]{width:100%;accent-color:var(--primary)}.btn-neon{width:100%;padding:1rem;border:none;border-radius:.75rem;background:linear-gradient(to right,var(--primary),var(--neon-blue));color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 20px #8b5cf699}.btn-neon:disabled{opacity:.7;cursor:not-allowed;transform:none}.qr-preview{margin-top:2.5rem;padding:2rem;background:#fff;border-radius:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 0 30px #00000080;margin-left:auto;margin-right:auto;width:fit-content}.hidden{display:none}@media(max-width:640px){.card-content{padding:2rem}h1{font-size:2.5rem}}