*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#293243;color:#ffffff}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{padding:1.5rem 1rem .5rem}.content,.header{display:flex;justify-content:center}.content{flex:1 1;padding:1rem}.card,.content{align-items:center}.card{width:100%;max-width:420px;background:#333f57;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.35);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}h1{font-weight:600}h1,input{font-size:1.4rem}input{width:100%;text-align:center;letter-spacing:.3em;padding:.75rem 1rem;background-color:rgba(255,255,255,.06);color:#ffffff;border:1px solid rgba(255,255,255,.3);border-radius:8px;outline:none}input::placeholder{color:rgba(255,255,255,.4)}input:focus{border-color:#ee6d4d;box-shadow:0 0 0 2px rgba(238,109,77,.25)}button{width:100%;font-size:1.1rem;font-weight:600;color:#fff;background-color:#ee6d4d;border:none;border-radius:8px;padding:.85rem 1rem;cursor:pointer;transition:background-color .15s ease}button:hover:not(:disabled){background-color:#d85c3e}button:disabled{background-color:#5a6478;color:rgba(255,255,255,.55);cursor:not-allowed}.button-outline{width:auto;background:transparent;border:1px solid rgba(255,255,255,.4);color:#ffffff;font-size:1rem;font-weight:500;padding:.6rem 1.25rem}.button-outline:hover:not(:disabled){background:rgba(255,255,255,.08)}.error-text{color:#f16a6b;font-size:.95rem}.scanner{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.scanner-hint{color:rgba(255,255,255,.68);max-width:420px}.video-wrapper{width:100%;aspect-ratio:3/4;max-height:65vh;background:#1c2330;border-radius:12px;overflow:hidden;position:relative}.video-wrapper video{width:100%;height:100%;object-fit:cover}.result-icon{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:700;color:#fff}.success-icon{background-color:#28c76f}.error-icon{background-color:#ea5455}.lead-name{font-size:1.2rem;font-weight:600}.lead-company{color:rgba(255,255,255,.68)}.spinner{width:48px;height:48px;border:4px solid rgba(238,109,77,.25);border-top-color:#ee6d4d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:768px){body{font-size:1.15rem}h1{font-size:1.8rem}.header img{width:340px;height:75px}.card{max-width:520px;padding:2.5rem 2rem}.scanner{max-width:640px}input{font-size:1.6rem}button{font-size:1.25rem}.button-outline{font-size:1.05rem}.lead-name{font-size:1.5rem}}