body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.verification-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verification-wrapper{background:#fff;border-radius:20px;width:100%;max-width:600px;animation:.5s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-section{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-bottom:1px solid #667eea1a;padding:30px 30px 20px}.progress-bar-container{background:#667eea33;border-radius:10px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:10px;height:100%;transition:width .5s}.step-indicator{color:#667eea;text-align:right;letter-spacing:.5px;font-size:12px;font-weight:600}.step-card{text-align:center;padding:50px 30px}.step-icon{margin-bottom:20px;font-size:60px;animation:.5s ease-out bounce;display:inline-block}@keyframes bounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.step-title{color:#2d3748;margin-bottom:8px;font-size:28px;font-weight:700}.step-subtitle{color:#718096;margin-bottom:20px;font-size:14px;font-weight:500}.step-divider{background:linear-gradient(90deg,#0000,#667eea,#0000);height:2px;margin:20px 0}.step-main-content{text-align:left;margin:30px 0;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-content{min-height:200px}.step-description{color:#4a5568;margin-bottom:20px;line-height:1.6}.features{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.feature-item{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border:1px solid #667eea1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:15px;transition:all .3s;display:flex}.feature-item:hover{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea;transform:translateY(-5px)}.feature-icon{font-size:24px}.feature-item span:last-child{color:#4a5568;font-size:12px;font-weight:500}.instructions{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-left:4px solid #667eea;border-radius:12px;margin-bottom:20px;padding:20px}.instructions ol{color:#4a5568;list-style-position:inside}.instructions li{margin:10px 0;line-height:1.6}.tips-box{color:#744210;background:#fefcbf;border-left:4px solid #f6ad55;border-radius:10px;padding:15px;font-size:14px;line-height:1.5}.document-section{grid-template-columns:1fr 1fr;gap:20px;display:grid}.doc-upload{text-align:center;cursor:pointer;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:2px dashed #667eea;border-radius:12px;padding:30px 20px;transition:all .3s}.doc-upload:hover{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-color:#764ba2}.doc-upload input{display:none}.doc-upload p{color:#4a5568;margin:10px 0;font-weight:500}.doc-upload .small-text{color:#a0aec0;font-size:12px}.doc-requirements h4{color:#2d3748;margin-bottom:12px;font-size:14px}.doc-requirements ul{padding:0;list-style:none}.doc-requirements li{color:#4a5568;margin:8px 0;padding-left:20px;font-size:13px;position:relative}.doc-requirements li:before{content:"✓";color:#38a169;font-weight:700;position:absolute;left:0}.liveness-info{color:#4a5568}.liveness-info p{margin-bottom:20px;line-height:1.6}.actions-list{flex-direction:column;gap:12px;display:flex}.action-item{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-left:4px solid #667eea;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}.number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:flex}.action-item span:last-child{color:#4a5568;font-weight:500}.verification-ready{text-align:center;padding:20px}.ready-icon{margin:20px 0;font-size:80px;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bold-text{color:#2d3748;margin:15px 0;font-size:20px;font-weight:700}.note-text{color:#718096;margin-top:15px;font-size:13px;line-height:1.5}.button-group{justify-content:center;gap:12px;margin-top:30px;display:flex}.btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;outline:none;padding:12px 30px;font-size:15px;font-weight:600;transition:all .3s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-width:140px;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-verify{background:linear-gradient(135deg,#38a169 0%,#22863a 100%);min-width:180px;box-shadow:0 4px 15px #38a1694d}.btn-verify:hover:not(:disabled){box-shadow:0 6px 20px #38a16966}.btn-secondary{color:#667eea;background:#667eea1a;border:1px solid #667eea4d;min-width:100px}.btn-secondary:hover:not(:disabled){background:#667eea26;border-color:#667eea}.step-dots{justify-content:center;gap:10px;margin-top:25px;display:flex}.dot{cursor:pointer;background:#667eea33;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.dot.active{background:#667eea;border-radius:5px;width:30px}.dot.completed{background:#38a169}.dot:hover{transform:scale(1.2)}.verification-footer{text-align:center;background:#667eea0d;border-top:1px solid #667eea1a;padding:20px 30px}.verification-footer p{color:#718096;letter-spacing:.3px;font-size:12px}@media (width<=600px){.verification-wrapper{border-radius:12px}.step-card{padding:30px 20px}.step-icon{font-size:48px}.step-title{font-size:22px}.features,.document-section{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%;min-width:unset}}.result-container{text-align:center;animation:.4s fadeIn}.result-status{text-align:center;border-radius:15px;margin-bottom:25px;padding:25px}.result-status.success{background:linear-gradient(135deg,#38a1691a 0%,#22863a1a 100%);border:2px solid #38a169;border-left-width:5px}.result-status.failed{background:linear-gradient(135deg,#f565651a 0%,#e53e3e1a 100%);border:2px solid #f56565;border-left-width:5px}.result-status h3{color:#2d3748;margin-bottom:10px;font-size:22px}.result-status p{color:#4a5568;margin:5px 0;font-size:14px}.result-details{text-align:left;background:#667eea0d;border-radius:12px;margin:20px 0;padding:20px}.result-details h4{color:#2d3748;margin-bottom:15px;font-size:14px}.details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-item{background:#fff;border-left:3px solid #667eea;border-radius:8px;flex-direction:column;padding:12px;display:flex}.detail-item .label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-item .value{color:#2d3748;word-break:break-word;margin-top:3px;font-size:13px;font-weight:500}@media (width<=600px){.details-grid{grid-template-columns:1fr}}.mode-selector{grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;margin-top:30px;display:grid}.mode-card{text-align:center;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border:2px solid #667eea33;border-radius:15px;padding:25px;transition:all .3s}.mode-card:hover{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 30px #667eea33}.mode-card h3{color:#2d3748;margin-bottom:8px;font-size:18px}.mode-card p{color:#4a5568;margin:6px 0;font-size:14px}.mode-description{color:#718096;margin:10px 0 15px;font-size:12px}.mode-divider{color:#cbd5e0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-id-input{border:1px solid #cbd5e0;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:10px 12px;font-size:13px;transition:border-color .3s}.user-id-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.status-badge{border-radius:8px;margin:15px 0;padding:12px;font-weight:600}.status-badge.success{color:#22543d;background:#c6f6d5}.status-badge.failed{color:#742a2a;background:#fed7d7}@media (width<=600px){.mode-selector{grid-template-columns:1fr;gap:15px}.mode-divider{display:none}.mode-card{padding:20px}.mode-card h3{font-size:16px}.mode-card p{font-size:13px}}