:root{--bg:#E2F5DB;--text:#121212;--muted:#6a6f73;--teal:#0e5c59;--teal-700:#0b4a48;--teal-100:#e4f1f0;--danger:#ef4444;--success:#0ea66c;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;overflow:hidden}h1,h2,h3,p{margin:0}.app{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bg-vector-left{position:absolute;width:1249.43px;height:841.26px;left:-600px;top:200px;transform:rotate(241.62deg);pointer-events:none;z-index:0}.bg-vector-right{position:absolute;width:1249.43px;height:841.26px;right:-600px;top:-160px;transform:rotate(130deg);pointer-events:none;z-index:0}.container{width:100%;max-width:840px;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;z-index:1}.title{font-weight:800;text-align:center;line-height:1.25;font-size:36px}.helper{color:var(--muted);font-size:14px;text-align:center}.button{appearance:none;border:none;border-radius:999px;padding:16px 28px;font-weight:700;font-size:16px;cursor:pointer;background:var(--teal);color:#fff;box-shadow:0 8px 20px #0e5c5933;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.button:active{transform:translateY(1px) scale(.99)}.button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{appearance:none;border:none;border-radius:999px;padding:16px 28px;font-weight:700;font-size:16px;cursor:pointer;background:#9ca3af;color:#fff;transition:transform .06s ease,background .2s ease}.button-secondary:hover{background:#8891a0}.button-secondary:active{transform:translateY(1px) scale(.99)}.timed-button{position:relative;overflow:hidden}.timed-button-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--teal);transition:width .05s linear;z-index:0}.timed-button-content{position:relative;z-index:1;color:#fff}.button-link{position:absolute;top:32px;right:32px;appearance:none;border:1.5px solid rgba(0,0,0,.15);border-radius:12px;padding:11.5px 18.5px;font-weight:500;font-size:16px;cursor:pointer;background:#0000000d;color:#4b5563;transition:background .2s ease,border-color .2s ease;z-index:10}.button-link:hover{background:#00000014;border-color:#0003}.app-logo{position:absolute;top:32px;left:32px;height:40px;width:auto;pointer-events:none;z-index:10}.row{display:flex;align-items:center;gap:16px}.input{border-radius:12px;border:1px solid #e5e7eb;background:#f7fafc;padding:14px;width:260px;font-size:15px;outline:none}.input:focus{border-color:var(--teal);background:#fff}.or{width:100%;display:flex;align-items:center;gap:14px;color:#a0a7ad;font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:#e5e7eb}.frame{width:450px;max-width:85vw;height:312px;border-radius:12px;position:relative;margin:8px 0 4px}.corner{position:absolute;width:90px;height:90px;border:4px solid var(--teal)}.corner.tl{left:-4px;top:-4px;border-right:none;border-bottom:none}.corner.tr{right:-4px;top:-4px;border-left:none;border-bottom:none}.corner.bl{left:-4px;bottom:-4px;border-right:none;border-top:none}.corner.br{right:-4px;bottom:-4px;border-left:none;border-top:none}.scanbar{position:absolute;left:-4px;right:-4px;top:50%;transform:translateY(-50%);height:182px;background:#0e5c5914;border-top:1px solid rgba(14,92,89,.25);border-bottom:1px solid rgba(14,92,89,.25);overflow:hidden}.scanline{position:absolute;left:0;right:0;height:2px;top:0;animation:sweep 2.4s linear infinite;background:#0e5c5980}@keyframes sweep{0%{transform:translateY(0)}50%{transform:translateY(180px)}to{transform:translateY(0)}}@keyframes sweep-large{0%{transform:translateY(0)}50%{transform:translateY(322px)}to{transform:translateY(0)}}.videoWrap{position:relative;width:450px;max-width:85vw;height:312px;background:#000}@media (min-width: 900px) and (max-width: 1099px){.frame,.videoWrap{width:580px;max-width:85vw;height:403px}.scanbar{height:235px}.scanline{animation:sweep-medium 2.4s linear infinite}}@keyframes sweep-medium{0%{transform:translateY(0)}50%{transform:translateY(233px)}to{transform:translateY(0)}}@media (min-width: 1100px){.frame,.videoWrap{width:800px;max-width:85vw;height:555px}.scanbar{height:324px}.scanline{animation:sweep-large 2.4s linear infinite}}video{width:100%;height:100%;object-fit:cover}.resultIcon{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:24px auto}.resultIcon.success{background:#e8f7f0}.resultIcon.error{background:#fde9e9}.check,.cross{width:96px;height:96px;display:block;color:var(--teal)}.cross{color:var(--danger)}.card{background:#f3f7f6;color:#2c3a39;border-radius:14px;padding:12px 16px;font-size:14px;display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border:3px solid #cfe2e0;border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.store-badges{position:absolute;bottom:32px;left:32px;display:flex;flex-direction:column;gap:12px;z-index:10}.store-badges-title{font-size:14px;font-weight:500;color:var(--muted);margin:0}.store-badge{appearance:none;border:none;background:#0e5c5940;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0e5c591a}.store-badge:hover{background:#0e5c5959;transform:scale(1.02)}.store-badge:active{transform:scale(.98)}.store-badge-icon{width:28px;height:28px;flex-shrink:0;opacity:.7}.store-badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-badge-small{font-size:9px;font-weight:400;opacity:.9}.store-badge-large{font-size:14px;font-weight:700}.camera-helper{color:#333;font-size:18px;text-align:center;max-width:600px;margin:0;line-height:1.4}@media (min-width: 900px) and (max-width: 1099px){.camera-helper{font-size:20px}}@media (min-width: 1100px){.camera-helper{font-size:22px}}.stack-16{display:flex;flex-direction:column;gap:16px;align-items:center}.stack-24{display:flex;flex-direction:column;gap:24px;align-items:center}.footerGap{height:0}