@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color: #050505;--card-bg: rgba(20, 20, 20, .8);--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--text-primary: #ffffff;--text-secondary: #a1a1aa;--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%}.app-container{max-width:500px;margin:2rem auto;padding:2.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 40px #0006;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.app-container:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000080,0 0 20px var(--accent-glow)}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p.subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.input-group{position:relative;margin-bottom:2rem}input{width:100%;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}input:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 15px var(--accent-glow)}.qr-display-area{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .5s ease-out}.qr-wrapper{padding:1rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d}.download-btn{padding:.8rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.download-btn:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 5px 15px var(--accent-glow)}.download-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.app-container{margin:1rem;padding:1.5rem}}