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}*{box-sizing:border-box}.camera-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;box-shadow:0 8px 32px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto!important;max-width:1400px!important;padding:24px!important}.header-section{margin-bottom:30px;padding:20px 0;text-align:center}.title-text{color:#1a237e!important;font-size:28px!important;font-weight:700!important;letter-spacing:-.5px;margin-bottom:8px!important}.subtitle-text{color:#546e7a!important;font-size:14px!important;font-weight:500}.start-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.start-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.start-text{color:#424242!important;font-weight:500;margin-bottom:24px!important}.start-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:50px!important;color:#fff!important;font-weight:600!important;letter-spacing:1px;padding:12px 48px!important;text-transform:uppercase!important;transition:all .3s ease}.start-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.verification-conatiner{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-between}.circular-container{margin-bottom:30px;padding:20px 0}.circular-container,.video-circle-wrapper{display:flex;justify-content:center;position:relative}.video-circle-wrapper{align-items:center;background:#000!important;border:3px solid #eceff1;border-radius:24px;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #00000080;height:320px;overflow:hidden;width:320px}.video-circle-wrapper video,.video-feed-circular{background:#000;border-radius:24px;display:block;height:100%!important;object-fit:cover;width:100%!important}.circle-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.score-circle-container{align-items:center;background:#fff;border:4px solid #eceff1;border-radius:50%;box-shadow:0 8px 24px #0003;display:flex;height:140px;justify-content:center;position:absolute;right:-20px;top:-20px;width:140px}.score-circle{height:100%;left:0;position:absolute;top:0;width:100%}.score-text{position:relative;text-align:center;z-index:10}.score-number{color:#1a237e;font-size:48px;font-weight:700;line-height:1}.score-label{color:#546e7a;font-size:16px;font-weight:600}.status-indicators{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:6px;justify-content:space-around;margin:10px 0;padding:5px}.indicator{align-items:center;background:#f5f5f5;border-radius:3px;display:flex;flex:1 1;flex-direction:column;gap:1px;padding:4px 2px;transition:all .3s ease}.indicator.active{background:#c8e6c9;box-shadow:0 2px 8px #4caf5033}.indicator-icon{font-size:20px}.indicator-label{color:#424242;font-size:12px;font-weight:600;line-height:1.2;text-align:center}.indicator.active .indicator-label{color:#2e7d32}.instructions-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;max-height:600px;overflow-y:auto;padding:20px;text-align:left}.instructions-container ul{color:#546e7a;font-size:.9rem;list-style-position:outside}.instructions-container ul li{line-height:1.5;margin-bottom:.8rem}.instructions-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:2px 0;min-height:80px;padding:10px;text-align:center}.instruction-main{animation:slideIn .5s ease;color:#1a237e;font-size:20px;font-weight:700;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.movement-indicator{align-items:center;display:flex;gap:12px;justify-content:center;min-height:20px}.arrow-left,.arrow-right{animation:arrow-movement 1.5s ease-in-out infinite;font-size:20px}.arrow-left{animation-direction:reverse}@keyframes arrow-movement{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(8px)}}.movement-text{color:#667eea;font-size:14px;font-weight:600;white-space:nowrap}.details-section{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:8px;margin:12px 0;padding:12px}.details-text{color:#546e7a!important;display:block;font-size:13px!important;line-height:1.4;margin-bottom:6px}.frame-counter{color:#90a4ae!important;display:block;font-size:12px!important}.button-section{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}.capture-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:50px!important;color:#fff!important;display:flex!important;flex:1 1;font-weight:600!important;gap:8px;justify-content:center;letter-spacing:1px;min-width:180px;padding:12px 32px!important;text-transform:uppercase!important;transition:all .3s ease}.capture-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.capture-button.live-ready{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#388e3c)!important}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #4caf50b3}50%{box-shadow:0 0 0 10px #4caf5000}}.capture-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{border:2px solid #90a4ae!important;border-radius:50px!important;color:#546e7a!important;font-weight:600!important;min-width:120px;padding:10px 24px!important;text-transform:uppercase!important;transition:all .3s ease}.cancel-button:hover{background:#f5f5f5!important;border-color:#546e7a!important}.success-section{animation:slideUp .5s ease;padding:40px 20px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);font-size:64px;margin-bottom:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:#1a237e!important;font-weight:700!important;margin-bottom:24px!important}.success-button-group{display:flex;flex-direction:column;gap:10px;margin-top:16px}.continue-button{background:linear-gradient(135deg,#4caf50,#388e3c)!important;box-shadow:0 4px 12px #4caf504d}.continue-button:hover{box-shadow:0 8px 20px #4caf5066}.retake-alt-button{background:#fff!important;border:2px solid #667eea!important;color:#667eea!important;padding:12px 32px!important}.retake-alt-button:hover{background:#f5f5f5!important}.captured-image-container{margin:24px 0}.captured-image-circular{border:4px solid #4caf50;border-radius:50%;box-shadow:0 10px 30px #4caf504d;display:block;height:280px;margin:0 auto;object-fit:cover;width:280px}.final-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:24px 0}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:16px}.stat-label{color:#546e7a;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#1a237e;font-size:24px;font-weight:700}.retake-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:50px!important;color:#fff!important;font-weight:600!important;letter-spacing:1px;margin-top:16px;padding:12px 48px!important;text-transform:uppercase!important;transition:all .3s ease}.retake-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1200px){.camera-container{max-width:1000px!important}}@media (max-width:900px){.camera-container{max-width:100%!important}}@media (max-width:768px){.camera-container{border-radius:16px;margin:10px auto!important;padding:16px!important}.title-text{font-size:24px!important}.video-circle-wrapper{height:260px;width:260px}.score-circle-container{height:120px;margin-top:1rem;position:relative;right:auto;top:auto;width:120px}.score-number{font-size:40px}.score-label{font-size:14px}.instruction-main{font-size:18px}.captured-image-circular{height:240px;width:240px}.final-stats{grid-template-columns:1fr}.status-indicators{flex-direction:column;gap:8px}.indicator{flex-direction:row;gap:8px;justify-content:flex-start}}@media (max-width:400px){.video-circle-wrapper{height:220px;width:220px}.score-circle-container{height:100px;right:0;top:0;width:100px}.score-number{font-size:32px}.title-text{font-size:20px!important}.instruction-main{font-size:16px}.captured-image-circular{height:200px;width:200px}}*{transition:color .3s ease,background-color .3s ease}@media print{.camera-container{border:1px solid #ddd;box-shadow:none}.button-section{display:none}}