:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--error: #ef4444;--success: #22c55e}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:radial-gradient(circle at 50% 0%,#1e293b,#0f172a)}#root{width:100%;max-width:1200px;padding:2rem;text-align:center}.container{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;box-shadow:0 25px 50px -12px #00000080;max-width:500px;margin:0 auto;transition:transform .3s ease}h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary)}button{background:var(--accent);color:#0f172a;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;width:100%;margin-top:1rem}button:hover{background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;padding:.75rem;margin-top:.5rem;background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;box-sizing:border-box}input:focus{outline:none;border-color:var(--accent)}.qr-container{background:#fff;padding:1rem;border-radius:8px;margin:1.5rem auto;width:fit-content}.drop-zone{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:3rem;margin:2rem 0;transition:all .3s;cursor:pointer}.drop-zone:hover,.drop-zone.active{border-color:var(--accent);background:#38bdf80d}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:1.5rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.success-box{background:#22c55e1a;border:1px solid var(--success);color:var(--success);padding:1rem;border-radius:8px;margin-top:1rem;word-break:break-all}.error-msg{color:var(--error);margin-top:.5rem;font-size:.9rem}