*{box-sizing:border-box;margin:0;padding:0}.app-container{background:#000;font-family:Poppins,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.camera-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-preview{background:#000;height:100%;object-fit:cover;width:100%}video{object-fit:none!important}video.zoomed{height:200%!important;object-fit:cover!important;width:200%!important}.canvas-overlay{z-index:2}.canvas-overlay,.face-guide-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.face-guide-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:5}.face-guide-rectangle{animation:dash 2s linear infinite;background:#0000;border:3px dashed #ffffff8f;border-radius:39px;height:432px;position:relative;width:360px}.guide-canvas{border-radius:39px;overflow:hidden}.guide-canvas,.rive-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rive-container canvas{height:100%!important;width:100%!important}@keyframes dash{to{stroke-dashoffset:-10}}.top-instruction-area{display:flex;justify-content:center;left:50%;padding:0 20px;position:absolute;top:130px;transform:translateX(-50%);z-index:10}.instruction-text{color:#fff;font-family:Poppins,sans-serif;font-size:16.17px;font-weight:500;height:38px;line-height:1.15;text-align:center;text-shadow:0 2px 4px #000c;width:226px}.eye-icon{height:89.7px;top:471px;width:108px}.bottom-controls-area,.eye-icon{left:50%;position:absolute;transform:translateX(-50%);z-index:10}.bottom-controls-area{align-items:center;bottom:30px;display:flex;flex-direction:column;gap:20px;width:100%}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30e6;border-radius:20px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;max-width:300px;padding:12px 24px;text-align:center}.capture-controls{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.capture-button-container{align-items:center;display:flex;justify-content:center;margin-bottom:16px;pointer-events:auto;width:100%}.capture-button{background:#393939de;border:3px solid #255fd5;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;max-width:80%;padding:12px 24px;pointer-events:auto;text-align:center}.review-screen{align-items:center;background:#000000f2;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:scroll;padding:40px 20px;position:absolute;scrollbar-color:#255fd5 #000;scrollbar-width:thin;top:0;width:100%;z-index:20}.review-header{margin-bottom:40px}.review-header h2{color:#fff;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;text-align:center}.eye-images-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.eye-image-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px}.eye-image-wrapper h3{color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.captured-eye-image{background:#333;border:2px solid #fff;border-radius:12px;object-fit:cover;object-position:top;transform:rotateY(180deg)}.review-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.proceed-button,.retake-button{border:none;border-radius:25px;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;min-width:120px;padding:12px 32px;transition:all .2s ease}.retake-button{background:#fff3;border:2px solid #fff;color:#fff}.retake-button:hover{background:#ffffff4d;transform:translateY(-2px)}.proceed-button{background:#007aff;color:#fff}.proceed-button:hover{background:#0056cc;transform:translateY(-2px)}@media (max-width:480px){.face-guide-rectangle{height:360px;width:300px}.instruction-text{font-size:14px;width:200px}.capture-button{font-size:14px;padding:8px 16px}.eye-icon,.eye-icon svg{height:75px;width:90px}.eye-images-container{gap:20px}.review-buttons{gap:15px}.proceed-button,.retake-button{font-size:14px;min-width:100px;padding:10px 24px}}@media (max-height:600px){.top-instruction-area{top:100px}.bottom-controls-area{bottom:100px}.face-guide-rectangle{height:360px;width:300px}.eye-icon{top:400px}}.loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.loading-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px #1f268726;margin:0 20px;max-width:80%;padding:2rem;text-align:center}.loading-spinner{height:80px;margin:0 auto 1.5rem;position:relative;width:80px}.loading-spinner:after,.loading-spinner:before{animation:spin 1.5s linear infinite;border:4px solid #0000;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loading-spinner:before{animation-delay:-.75s;border-top-color:#3498db}.loading-spinner:after{border-left-color:#3498db}.loading-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.loading-message{color:#7f8c8d;font-size:1rem;margin:0;opacity:.8}.loading-dots{display:inline-block}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.capture-controls-row{align-items:center;display:flex;justify-content:center;order:2;padding:0 16px;position:relative;width:100%}.manual-capture-button{background:#0000;border:3px solid #fff;border-radius:38.5px;cursor:pointer;height:77px;margin:0 auto;transition:all .3s ease;width:77px}.manual-capture-button:hover{background:#ffffff1a;transform:scale(1.05)}.manual-capture-button:active{transform:scale(.95)}.manual-capture-button svg{stroke:#fff;stroke-width:3px}.zoom-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:8px;position:absolute;right:16px;transition:opacity .3s ease}.zoom-button:hover{opacity:1}.zoom-button svg{height:24px;width:24px}.progress-bar-container{background:#fff6;border-radius:20px;display:flex;height:25px;margin:0 auto 16px;overflow:hidden;width:80%}.progress-segment{color:#fff;flex:1 1;font-size:10px;gap:6px;height:100%;justify-content:center;overflow:hidden;padding:0 8px;transition:all .3s ease;white-space:nowrap}.progress-segment,.progress-segment.completed{align-items:center;display:flex}.progress-segment .tick-icon{background:#007aff;border-radius:50%;height:14px;min-width:14px;padding:2px}.progress-segment.current{background:#007aff;border-radius:20px;font-weight:500;z-index:1}.progress-segment:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.progress-segment:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}
/*# sourceMappingURL=main.4eba5b91.css.map*/