.app{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo{width:80px;height:80px;border-radius:50%;border:2px solid var(--neon-cyan, var(--primary));box-shadow:var(--glow-cyan);object-fit:cover}.app h1{font-size:2rem;letter-spacing:2px;text-transform:uppercase;font-weight:800;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(0,229,255,.3))}.camera-container{position:relative;width:100%;aspect-ratio:1/1;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--surface-border);box-shadow:inset 0 0 30px #00e5ff08,0 0 20px #00e5ff0f}.camera-container video,.camera-container img{width:100%;height:100%;object-fit:cover;display:block}.camera-container canvas{display:none}.btn{padding:.75rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:1px}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;box-shadow:0 0 16px #00e5ff4d,0 0 40px #b000ff26}.btn-primary:hover{box-shadow:0 0 24px #00e5ff80,0 0 60px #b000ff40;filter:brightness(1.15)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;color:var(--text);border:1px solid rgba(0,229,255,.25)}.btn-secondary:hover{border-color:var(--primary);box-shadow:var(--glow-cyan)}.button-row{display:flex;gap:1rem}.result-card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;width:100%;text-align:center;border:1px solid var(--surface-border);box-shadow:var(--glow-cyan)}.result-card p{font-size:1.15rem;line-height:1.6}.spinner{width:44px;height:44px;border:3px solid rgba(0,229,255,.1);border-top-color:var(--neon-blue);border-right-color:var(--neon-purple);border-radius:50%;animation:spin .8s linear infinite;margin:1rem auto;box-shadow:0 0 12px #00e5ff33}@keyframes spin{to{transform:rotate(360deg)}}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1rem;letter-spacing:.5px}.reel-iframe{width:100%;height:100%;border:none}.progress-bar-container{width:100%;height:8px;background:var(--surface);border-radius:4px;overflow:hidden;border:1px solid var(--surface-border)}.email-input-row{width:100%}.email-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid rgba(0,229,255,.25);background:var(--surface);color:var(--text);font-size:1rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box}.email-input::placeholder{color:var(--text-muted)}.email-input:focus{border-color:var(--neon-blue);box-shadow:0 0 12px #00e5ff33}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple),var(--neon-pink));border-radius:4px;animation:loading-progress 60s linear forwards;box-shadow:0 0 10px #00e5ff66;transition:width .4s ease}.progress-bar-fill.complete{animation:none;width:100%}@keyframes loading-progress{0%{width:0%}to{width:90%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a14;--surface: #12122a;--surface-border: rgba(0, 255, 255, .08);--primary: #00e5ff;--primary-hover: #00b8d4;--accent: #b000ff;--neon-pink: #ff00aa;--neon-blue: #00e5ff;--neon-purple: #b000ff;--text: #e0e8ff;--text-muted: #7a88aa;--radius: 14px;--glow-cyan: 0 0 10px rgba(0, 229, 255, .4), 0 0 40px rgba(0, 229, 255, .15);--glow-pink: 0 0 10px rgba(255, 0, 170, .4), 0 0 40px rgba(255, 0, 170, .15)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(176,0,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,229,255,.06) 0%,transparent 60%);color:var(--text);min-height:100vh}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem}