body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.kyc-container{align-items:center;background:#fff;border-radius:2rem;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;margin:0 auto;max-width:400px;min-height:100vh;padding:2rem 1rem 1rem}.kyc-progress{background:#f0f0f0;border-radius:3px;height:6px;margin-bottom:1.5rem;overflow:hidden;width:100%}.kyc-progress-bar{background:linear-gradient(90deg,#4f8cff,#6f6bff);border-radius:3px;height:100%;transition:width .3s}.kyc-title{color:#222;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.kyc-desc{color:#666;font-size:1rem;margin-bottom:1.5rem;text-align:center}.kyc-webcam-wrapper{align-items:center;aspect-ratio:3/4;background:#000;border-radius:1.5rem;display:flex;justify-content:center;margin-bottom:1.5rem;max-width:320px;overflow:hidden;position:relative;width:100%}.kyc-webcam{border-radius:1.5rem;height:100%;object-fit:cover;width:100%}.kyc-face-frame{border:3px solid #4f8cff;border-radius:50%;height:60%;width:70%}.kyc-face-frame,.kyc-id-frame{box-shadow:0 0 0 2px #fff2;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.kyc-id-frame{border:3px solid #4f8cff;border-radius:1rem;height:50%;width:80%}.kyc-capture-btn,.kyc-confirm-btn,.kyc-retake-btn,.kyc-submit-btn{background:linear-gradient(90deg,#4f8cff,#6f6bff);border:none;border-radius:1.5rem;box-shadow:0 2px 8px #4f8cff14;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:background .2s;width:100%}.kyc-capture-btn:disabled{cursor:not-allowed;opacity:.7}.kyc-btn-row{display:flex;gap:1rem;margin-top:1rem;width:100%}.kyc-retake-btn{background:#fff;border:2px solid #4f8cff;color:#4f8cff}.kyc-confirm-btn{background:linear-gradient(90deg,#4f8cff,#6f6bff);color:#fff}.kyc-confirm-img{border-radius:1.5rem;box-shadow:0 2px 12px #4f8cff14;margin:1.5rem 0;max-width:320px;width:80%}.kyc-thumbnails{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:2rem;width:100%}.kyc-thumb{border:2px solid #f0f0f0;border-radius:.75rem;box-shadow:0 1px 6px #4f8cff14;height:60px;object-fit:cover;width:90px}@media (max-width:500px){.kyc-container{border-radius:0;min-height:100vh;padding:1rem .25rem}.kyc-webcam-wrapper{border-radius:.75rem;max-width:100vw}.kyc-confirm-img{max-width:100vw;width:100%}.kyc-thumbnails{align-items:center;flex-direction:column;gap:1rem}.kyc-thumb{height:48vw;max-height:180px;max-width:320px;width:80vw}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e3e6098f.css.map*/