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;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#f6d365,#fda085);--danger-gradient:linear-gradient(135deg,#ff9a9e,#fecfef);--dark-gradient:linear-gradient(135deg,#2c3e50,#3498db)}body{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{min-height:100vh}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #1f26875e}.camera-page,.instructions-page,.login-page,.quiz-page,.results-page{align-items:center;animation:fadeIn .8s ease-out;display:flex;justify-content:center;min-height:100vh;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camera-container,.instructions-container,.login-container,.quiz-container,.results-container{composes:glass-effect;animation:slideUp .6s ease-out;border-radius:20px;max-width:900px;padding:50px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}h1{-webkit-text-fill-color:#0000;animation:textGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}@keyframes textGlow{0%{text-shadow:0 0 20px #667eea80}to{text-shadow:0 0 30px #667eeacc}}h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1rem}h3{color:#34495e;font-size:1.4rem;font-weight:500}.form-group{margin-bottom:25px;position:relative}.form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;color:#2c3e50;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#2c3e5099}.form-group input:focus{background:#fff3;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 10px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:15px 40px;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 15px 30px #667eea66;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#2c3e50,#3498db);background:var(--dark-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 8px 16px #2c3e504d;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);border:none;border-radius:10px;color:#2c3e50;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-warning:hover{box-shadow:0 8px 20px #f6d36566;transform:scale(1.05)}.btn-submit{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);border:none;border-radius:12px;box-shadow:0 10px 20px #4facfe4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 15px 30px #4facfe66;transform:translateY(-3px)}.camera-feed{animation:float 3s ease-in-out infinite;border-radius:15px;box-shadow:0 20px 40px #0000004d;margin:30px auto;max-width:500px;overflow:hidden;position:relative;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.camera-video{border-radius:15px;transition:transform .3s ease;width:100%}.camera-video:hover{transform:scale(1.02)}.camera-feed-small{animation:pulse 2s infinite;background:#000;border-radius:12px;box-shadow:0 10px 25px #0003;height:165px;overflow:hidden;position:relative;width:220px}@keyframes pulse{0%{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.camera-feed-small video{height:100%;object-fit:cover;width:100%}.camera-overlay{align-items:center;background:#000000b3;border-radius:15px;color:#fff;display:flex;font-size:.8rem;gap:5px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.recording-indicator{animation:recording 1s infinite;background:#ff4757;border-radius:50%;height:8px;width:8px}@keyframes recording{0%,to{opacity:1}50%{opacity:.3}}.status-indicator{border-radius:25px;display:inline-block;font-weight:600;margin:15px 0;padding:10px 20px;transition:all .3s ease}.status-indicator.active{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 5px 15px #4facfe66;color:#fff}.status-indicator.inactive{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--danger-gradient);box-shadow:0 5px 15px #ff9a9e66;color:#2c3e50}.quiz-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}.quiz-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.quiz-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:30px}.questions-section{composes:glass-effect;animation:slideInLeft .6s ease-out;border-radius:20px;padding:40px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.camera-section{animation:slideInRight .6s ease-out;display:flex;flex-direction:column;gap:25px}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.quiz-progress{composes:glass-effect;animation:bounceIn .8s ease-out;border-radius:15px;padding:25px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.progress-bar{display:flex;gap:6px;margin:20px 0}.progress-dot{border-radius:50%;flex:1 1;height:14px;position:relative;transition:all .3s ease;width:14px}.progress-dot.unanswered{background:#ffffff4d}.progress-dot.answered{animation:pulseDot 2s infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 0 10px #4facfe80}.progress-dot.current{animation:currentPulse 1.5s infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 0 15px #667eeab3;transform:scale(1.2)}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes currentPulse{0%,to{box-shadow:0 0 15px #667eeab3;transform:scale(1.2)}50%{box-shadow:0 0 20px #667eeae6;transform:scale(1.3)}}.completion-status{background:#fff3;border-radius:3px;height:6px;margin-top:15px;overflow:hidden;width:100%}.completion-bar{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);border-radius:3px;height:100%;position:relative;transition:width .5s ease}.completion-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-container{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;min-height:500px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-header{align-items:center;border-bottom:2px solid #ffffff4d;display:flex;justify-content:space-between;margin-bottom:35px;padding-bottom:20px}.question-text{background:#ffffff1a;border-left:4px solid #667eea;border-radius:12px;color:#2c3e50;font-size:22px;font-weight:600;line-height:1.7;margin-bottom:35px;padding:20px}.options-container{display:flex;flex:1 1;flex-direction:column;gap:18px;margin-bottom:35px}.option{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;padding:18px 25px;position:relative;transition:all .3s ease}.option:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.option:hover:before{left:100%}.option:hover{background:#667eea1a}.option.selected,.option:hover{border-color:#667eea;transform:translateX(10px)}.option.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 8px 20px #667eea66;color:#fff}.option-marker{align-items:center;background:#fff3;border-radius:50%;display:flex;font-weight:600;height:35px;justify-content:center;margin-right:20px;transition:all .3s ease;width:35px}.option.selected .option-marker{background:#ffffff4d;transform:scale(1.1)}.navigation-buttons{border-top:2px solid #fff3;display:flex;justify-content:space-between;margin-top:auto;padding-top:25px}.quiz-timer{font-size:18px;font-weight:600}.timer-display{background:#ffffffe6;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 5px 15px #0000001a;font-weight:700;padding:12px 25px;transition:all .3s ease}.timer-display.warning{animation:shake .5s ease-in-out infinite;background:linear-gradient(135deg,#f6d365,#fda085);background:var(--warning-gradient);border-color:#f6d365;color:#2c3e50}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.warning-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.warning-modal{animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:3px solid #ffc107;border-radius:20px;box-shadow:0 20px 60px #ffc1074d;max-width:500px;padding:40px;text-align:center;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.warning-header h2{color:#856404;font-size:2rem;margin-bottom:20px}.warning-content{background:#ffc1071a;border-radius:10px;margin:25px 0;padding:20px;text-align:left}.warning-content ul{margin:15px 0;padding-left:25px}.warning-content li{line-height:1.6;margin:10px 0}.results-card{animation:zoomIn .8s ease-out;text-align:center}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-header{margin-bottom:40px}.score-circle{align-items:center;animation:rotate 2s ease-in-out;border:6px solid;border-radius:50%;display:flex;font-size:28px;font-weight:700;height:150px;justify-content:center;margin:30px auto;position:relative;width:150px}@keyframes rotate{0%{transform:rotate(0deg) scale(.5)}to{transform:rotate(1turn) scale(1)}}.score-circle.pass{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);border-color:#4facfe;box-shadow:0 15px 35px #4facfe66;color:#fff}.score-circle.fail{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--danger-gradient);border-color:#ff9a9e;box-shadow:0 15px 35px #ff9a9e66;color:#2c3e50}.results-details{background:#ffffff1a;border-radius:15px;margin:0 auto 40px;max-width:500px;padding:30px;text-align:left}.detail-row{border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:12px 0;transition:background .3s ease}.detail-row:hover{background:#ffffff1a;border-radius:8px;padding-left:10px;padding-right:10px}.warning-text{animation:blink 1s infinite;color:#ff4757;font-weight:600}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.success{animation:bounce .6s ease;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.fail,.success{border-radius:12px;color:#fff;font-weight:600;margin:20px 0;padding:20px}.fail{animation:shake .5s ease;background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--danger-gradient)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.instructions-content ul{margin:20px 0;padding-left:25px}.instructions-content li{border-left:3px solid #667eea;line-height:1.7;margin:12px 0;padding-left:10px;transition:all .3s ease}.instructions-content li:hover{background:#667eea1a;border-left-width:5px;padding-left:15px}.student-info{animation:slideInRight .6s ease-out;background:#ffffff1a;border-left:5px solid #667eea;border-radius:15px;margin:25px 0;padding:25px}.error-message{animation:shake .5s ease;background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--danger-gradient);border-radius:10px;color:#fff;margin:15px 0;padding:15px}.warnings{animation:pulse 2s infinite;background:#ffc10733;border:2px solid #ffc107;border-radius:20px;color:#856404;font-weight:600;padding:10px 20px}@media (max-width:1024px){.quiz-content{gap:20px;grid-template-columns:1fr}.camera-section{align-items:center;flex-direction:row;justify-content:space-between;order:-1}.camera-feed-small{height:135px;width:180px}}@media (max-width:768px){.camera-container,.instructions-container,.login-container,.quiz-container,.results-container{margin:10px;padding:30px 20px}h1{font-size:2rem}.quiz-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.navigation-buttons{flex-direction:column;gap:12px}.navigation-buttons button{width:100%}.camera-section{flex-direction:column}.camera-feed-small{height:188px;max-width:250px;width:100%}.quiz-content{padding:20px 15px}.questions-section{padding:25px}.question-text{font-size:18px;padding:15px}.option{padding:15px 20px}}@media (max-width:480px){body{font-size:14px}.quiz-content{padding:15px 10px}.questions-section{padding:20px 15px}.question-text{font-size:16px}.option{padding:12px 15px}.btn-primary,.btn-submit{font-size:14px;padding:12px 25px}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}
/*# sourceMappingURL=main.6df9da65.css.map*/