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}.video-recorder{margin:0 auto;max-width:800px;width:100%}.video-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:2rem;overflow:hidden;position:relative}.video-preview{box-shadow:0 8px 32px #0000004d;height:360px;margin-bottom:20px;max-width:640px;overflow:hidden;position:relative}.video-preview,.video-preview video{background:#000;border-radius:12px;display:block;width:100%}.video-preview video{height:100%;object-fit:cover}.recording-indicator{align-items:center;animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc2626e6;border:1px solid #fff3;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;position:absolute;right:20px;top:20px;transform:translateZ(0)}.recording-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.error-message{background:#ef4444e6;box-shadow:0 8px 20px #ef44444d;gap:10px;top:20px}.error-message,.upload-progress{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;left:20px;padding:16px 20px;position:absolute;right:20px}.upload-progress{background:#22c55ee6;bottom:20px;box-shadow:0 8px 20px #22c55e4d;font-size:14px;font-weight:500;gap:12px}.upload-icon{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.progress-bar{background:#ffffff4d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fff,#e0e7ff);border-radius:3px;box-shadow:0 0 10px #ffffff80;height:100%}.video-ready{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55ee6;border:1px solid #fff3;border-radius:12px;bottom:20px;box-shadow:0 8px 20px #22c55e4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:20px;padding:16px 20px;position:absolute;right:20px}.video-controls{margin-bottom:2rem}.record-btn,.video-controls{display:flex;justify-content:center}.record-btn{align-items:center;background:linear-gradient(45deg,#8b5cf6,#10b981);border:none;border-radius:50px;box-shadow:0 10px 30px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:10px;min-width:180px;padding:16px 32px;transition:all .3s ease}.record-btn:hover:not(:disabled){box-shadow:0 15px 40px #8b5cf666;transform:translateY(-2px)}.record-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.record-btn.start{background:linear-gradient(45deg,#10b981,#14b8a6);box-shadow:0 10px 30px #10b9814d}.record-btn.start:hover:not(:disabled){box-shadow:0 15px 40px #10b98166}.record-btn.stop{background:linear-gradient(45deg,#f87171,#ef4444);box-shadow:0 10px 30px #f871714d}.record-btn.stop:hover:not(:disabled){box-shadow:0 15px 40px #f8717166}.record-btn.retry{background:linear-gradient(45deg,#f59e0b,#f97316);box-shadow:0 10px 30px #f59e0b4d}.record-btn.retry:hover:not(:disabled){box-shadow:0 15px 40px #f59e0b66}.recorded-video{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center}.recorded-video h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 2px 10px #0003}.playback-video{background:#000;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:600px;width:100%}@media (max-width:768px){.video-preview{height:300px}.error-message,.recording-indicator,.upload-progress,.video-ready{font-size:13px;left:10px;padding:12px 16px;right:10px}.record-btn{font-size:14px;min-width:150px;padding:14px 24px}.recorded-video{padding:1.5rem}}.record-btn.loading{overflow:hidden;position:relative}.record-btn.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.record-btn:focus{box-shadow:0 0 0 3px #ffd7004d;outline:none}@media (prefers-reduced-motion:reduce){.recording-dot,.upload-icon{animation:none}.record-btn:hover{transform:none}}.recorder-back-section{margin-bottom:1.5rem;text-align:left}.recorder-back-section .back-btn{align-items:center;background:linear-gradient(45deg,#f59e0b,#f87171);border:none;border-radius:20px;box-shadow:0 3px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:10px 20px;transition:all .3s ease}.recorder-back-section .back-btn:hover{box-shadow:0 5px 15px #f59e0b66;transform:translateY(-2px)}.recorder-back-section .back-btn:active{transform:translateY(0)}.recruiter-report{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.recruiter-report h2{color:#fff;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000004d}.report-fetch-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:20px}.input-group{display:flex;gap:10px;margin-bottom:15px}.interview-id-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;font-size:16px;padding:12px;transition:all .3s ease}.interview-id-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.fetch-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.fetch-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.fetch-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545}.error-message,.processing-status{font-size:14px;font-weight:500;padding:12px}.processing-status{align-items:center;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#667eea;display:flex;gap:10px;margin-top:10px}.processing-spinner{animation:spin 1s linear infinite;border:2px solid #667eea;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.report-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.report-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.back-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;font-weight:500;padding:8px 16px}.back-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.report-header h3{font-weight:700;margin:0}.report-header-info{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;color:#fff;margin-bottom:2rem;padding:1.5rem}.report-header-info h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.report-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-meta p{background:#ffffff1a;border-radius:8px;color:#fff;font-weight:500;margin:0;padding:8px 12px}.report-meta strong{color:#fff;font-weight:700}.greeting-section{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:16px;color:#fff;margin-bottom:2rem;padding:1.5rem}.greeting-section h4{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.greeting-section p{background:#ffffff1a;border-left:4px solid #ffffff80;border-radius:10px;color:#fff;font-weight:500;line-height:1.6;padding:1rem}.questions-section{margin-bottom:2rem}.questions-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.question-report{background:linear-gradient(135deg,#4facfe,#00f2fe);border:1px solid #fff3;border-radius:16px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.question-report h4{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.question-details{grid-gap:1.5rem;display:grid;gap:1.5rem}.detail-section h5{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #0000004d}.detail-section p{color:#fff;font-weight:500;line-height:1.6}.detail-section p,.evaluation-details{background:#ffffff1a;border-left:4px solid #ffffff80;border-radius:10px;padding:1rem}.evaluation-item{margin-bottom:1rem}.evaluation-item:last-child{margin-bottom:0}.evaluation-item strong{color:#fff;display:block;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #0000004d}.evaluation-item ul{margin:.5rem 0;padding-left:1.5rem}.evaluation-item li{border-radius:4px;margin-bottom:.5rem;padding:4px 8px}.evaluation-item li,.evaluation-item p{background:#ffffff1a;color:#fff;font-weight:500}.evaluation-item p{border-radius:6px;margin:.5rem 0 0;padding:8px 12px}.assessment-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.assessment-badge.strong{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.assessment-badge.moderate{background:linear-gradient(45deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66}.assessment-badge.unknown{background:linear-gradient(45deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b728066}.overall-summary{background:linear-gradient(135deg,#fa709a,#fee140);border:1px solid #fff3;border-radius:16px;color:#fff;margin-top:2rem;padding:1.5rem}.overall-summary h3{font-size:1.6rem;margin-bottom:1rem}.overall-summary h3,.overall-summary h4{color:#fff;font-weight:700;text-shadow:0 2px 10px #0000004d}.overall-summary h4{font-size:1.3rem;margin-bottom:1.5rem}.summary-section{background:#ffffff1a;border-radius:10px;padding:1.5rem}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.summary-item h5{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 10px #0000004d}.summary-item ul{margin:0;padding-left:1.5rem}.summary-item li{background:#ffffff1a;border-radius:4px;color:#fff;font-weight:500;margin-bottom:.5rem;padding:4px 8px}.final-recommendation{border-top:2px solid #ffffff4d;padding-top:1.5rem}.final-recommendation h5{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 10px #0000004d}.recommendation-text{background:#fff3;border-left:4px solid #ffffff80;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:12px 16px}.question-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.question-header h5{color:#2c3e50;font-size:18px;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.status-badge.completed{background:#28a745;color:#fff}.question-text{color:#495057;font-size:16px;line-height:1.5;margin-bottom:20px}.answer-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.analysis-item h6,.video-section h6{color:#2c3e50;font-size:14px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.answer-video{border-radius:6px;box-shadow:0 2px 4px #0000001a;width:100%}.ai-analysis{display:flex;flex-direction:column;gap:20px}.analysis-item p{background:#fff;border-left:3px solid #007bff;border-radius:4px;color:#495057;font-size:14px;line-height:1.5;margin:0;padding:12px}.eval-item{background:#f8f9fa;border-left:2px solid #28a745;border-radius:4px;margin-bottom:8px;padding:8px}.eval-item strong{color:#2c3e50;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.no-answer{color:#6c757d;font-style:italic;padding:20px;text-align:center}.overall-evaluation{background:#e3f2fd;border-top:1px solid #e9ecef;padding:20px}.overall-evaluation h4{color:#2c3e50;margin-bottom:10px}.overall-evaluation p{color:#495057;font-size:16px;line-height:1.6;margin:0}.evaluation-details{grid-gap:20px;display:grid;gap:20px}.evaluation-item{background:#fff;border-left:4px solid #007bff;border-radius:6px;padding:15px}.evaluation-item h5{color:#495057;font-size:1rem;margin-bottom:10px}.evaluation-item ul{margin:0;padding-left:20px}.evaluation-item li{color:#495057;margin-bottom:5px}.assessment{color:#007bff}.assessment,.final-recommendation{font-size:1.1rem;font-weight:600;margin:0}.final-recommendation{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;padding:10px}@media (max-width:768px){.recruiter-report{padding:15px}.input-group,.report-header{flex-direction:column}.report-header{gap:15px;text-align:center}.report-meta,.summary-grid{grid-template-columns:1fr}}*{box-sizing:border-box;font-weight:700;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:900}body,button,input,label,p,span,textarea{font-weight:700}body{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.App,body{min-height:100vh}.App{position:relative}.App:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#8b5cf64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9814d 0,#0000 50%),radial-gradient(circle at 40% 40%,#f59e0b4d 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-10px,-10px) rotate(1deg)}50%{transform:translate(10px,-5px) rotate(-1deg)}75%{transform:translate(-5px,10px) rotate(.5deg)}}.start-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative}.hero-section{margin-bottom:4rem;position:relative;text-align:center}.hero-icon{color:#8b5cf6;filter:drop-shadow(0 0 20px rgba(139,92,246,.5));margin-bottom:2rem}.hero-title{align-items:center;color:#fff;display:flex;font-size:4rem;font-weight:900;gap:1rem;justify-content:center;margin-bottom:1rem;text-shadow:0 4px 20px #00000080}.hero-title .highlight{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#8b5cf6,#10b981,#f59e0b,#f87171);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{color:#e5e7eb;font-size:1.25rem;font-weight:700;line-height:1.6;max-width:600px;text-shadow:0 2px 10px #0000004d}.role-selection{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:1200px;padding:3rem;width:100%}.section-header{align-items:center;color:#fff;display:flex;font-weight:700;gap:1rem;margin-bottom:2rem}.section-header h2{color:#fff;font-size:2rem;font-weight:900;text-shadow:0 2px 10px #0000004d}.section-icon{color:#8b5cf6;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.custom-role-toggle{display:flex;justify-content:center}.toggle-btn{align-items:center;background:linear-gradient(45deg,#8b5cf6,#10b981);border:none;border-radius:50px;box-shadow:0 8px 20px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.toggle-btn.active{background:linear-gradient(45deg,#f59e0b,#f87171);box-shadow:0 8px 20px #f59e0b4d}.custom-role-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:16px;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 3px #0000004d}.custom-input,.custom-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:2px solid #8b5cf64d;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.custom-input:focus,.custom-textarea:focus{background:#111827e6;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf680;outline:none}.custom-input::placeholder,.custom-textarea::placeholder{color:#e5e7eb99;font-weight:600}.role-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.role-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf633;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.role-card:hover{border-color:#8b5cf680;box-shadow:0 20px 40px #8b5cf633;transform:translateY(-5px)}.role-card.selected{border-color:#10b981cc;box-shadow:0 0 30px #10b9814d}.role-icon{display:block;font-size:3rem;margin-bottom:1rem}.role-card h3{color:#fff;font-size:1.5rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.role-card p{color:#e5e7eb;font-weight:700;line-height:1.6;text-shadow:0 1px 3px #0003}.selection-indicator{color:#4ade80;filter:drop-shadow(0 0 10px rgba(74,222,128,.5));position:absolute;right:1rem;top:1rem}.start-btn,.view-reports-btn{align-items:center;background:linear-gradient(45deg,#8b5cf6,#10b981);border:none;border-radius:50px;box-shadow:0 10px 30px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin:0 auto 1rem;padding:1.25rem 2.5rem;transition:all .3s ease}.start-btn:hover,.view-reports-btn:hover{box-shadow:0 15px 40px #8b5cf666;transform:translateY(-2px)}.view-reports-btn{background:linear-gradient(45deg,#f59e0b,#f87171);box-shadow:0 10px 30px #f59e0b4d}.view-reports-btn:hover{box-shadow:0 15px 40px #f59e0b66}.interview-view{background:linear-gradient(135deg,#1f2937,#111827);min-height:100vh;padding:2rem}.interview-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;display:flex;justify-content:space-between;margin-bottom:3rem}.progress-container{flex:1 1;margin-right:2rem}.progress-bar{background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:4px;box-shadow:0 0 20px #10b9814d;height:8px}.progress-text{color:#fff;display:block;font-weight:700;margin-top:.5rem;text-shadow:0 1px 3px #0000004d}.role-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:50px;color:#fff;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.greeting-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:3rem;padding:2rem;text-align:center}.ai-avatar{margin-bottom:1.5rem}.avatar-glow{align-items:center;background:linear-gradient(45deg,#8b5cf6,#10b981);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.greeting-text{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.6;text-shadow:0 2px 10px #0000004d}.question-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:20px;padding:3rem;text-align:center}.question-header{margin-bottom:3rem;text-align:center}.question-number{align-items:center;background:linear-gradient(45deg,#f59e0b,#f87171);border:3px solid #fff3;border-radius:50%;box-shadow:0 10px 30px #f59e0b4d;color:#fff;display:flex;font-size:2rem;font-weight:900;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.question-text{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.6;margin:0 auto;max-width:800px;padding:0 1rem;text-align:center;text-shadow:0 2px 10px #0000004d}.submit-btn{align-items:center;background:linear-gradient(45deg,#10b981,#14b8a6);border:none;border-radius:50px;box-shadow:0 10px 30px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin:2rem auto 0;padding:1.25rem 2.5rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 15px 40px #10b98166;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.completion-view{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.completion-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:24px;margin-bottom:3rem;max-width:600px;padding:3rem}.success-icon{color:#10b981;filter:drop-shadow(0 0 30px rgba(16,185,129,.5));margin-bottom:2rem}.completion-header h2{margin-bottom:1rem}.completion-header p{color:#e5e7eb;font-size:1.1rem;font-weight:700;line-height:1.6;text-shadow:0 1px 3px #0000004d}.interview-id-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:20px;margin-bottom:2rem;max-width:500px;padding:2rem;text-align:center}.interview-id-section h3{color:#fff;font-size:1.5rem;font-weight:900;margin-bottom:1.5rem;text-shadow:0 1px 3px #0000004d}.interview-id-display{display:flex;gap:1rem;margin-bottom:1rem}.interview-id-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:2px solid #8b5cf64d;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;font-weight:700;padding:1rem}.copy-btn{background:linear-gradient(45deg,#8b5cf6,#10b981);border:none;border-radius:12px;box-shadow:0 5px 15px #8b5cf64d;color:#fff;cursor:pointer;font-weight:700;padding:1rem 1.5rem;transition:all .3s ease}.copy-btn:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.id-instructions{color:#e5e7eb;font-size:.9rem;font-weight:700;text-shadow:0 1px 3px #0000004d}.summary-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937cc;border:2px solid #8b5cf64d;border-radius:20px;margin-bottom:2rem;max-width:500px;padding:2rem;text-align:center}.summary-preview h3{color:#fff;font-size:1.5rem;font-weight:900;margin-bottom:1.5rem;text-shadow:0 1px 3px #0000004d}.summary-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-item{text-align:center}.stat-number{color:#8b5cf6;display:block;font-size:2rem;font-weight:900;text-shadow:0 2px 10px #8b5cf64d}.stat-label{color:#e5e7eb;display:block;font-weight:700;text-shadow:0 1px 3px #0000004d}.completion-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.primary-btn,.secondary-btn{align-items:center;background:linear-gradient(45deg,#8b5cf6,#10b981);border:none;border-radius:50px;box-shadow:0 8px 20px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.primary-btn:hover,.secondary-btn:hover{box-shadow:0 12px 30px #8b5cf666;transform:translateY(-2px)}.secondary-btn{background:linear-gradient(45deg,#f59e0b,#f87171);box-shadow:0 8px 20px #f59e0b4d}.secondary-btn:hover{box-shadow:0 12px 30px #f59e0b66}@media (max-width:768px){.hero-title{flex-direction:column;font-size:2.5rem;gap:.5rem}.role-selection{padding:2rem}.role-grid{grid-template-columns:1fr}.interview-header{flex-direction:column;gap:1rem}.progress-container{margin-bottom:1rem;margin-right:0}.summary-stats{flex-direction:column;gap:1rem}.completion-actions{align-items:center;flex-direction:column}.completion-view,.interview-view,.start-view{padding:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin-right:8px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.start-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.start-btn:disabled:hover{box-shadow:0 4px 15px #8b5cf64d!important;transform:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f293780}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#8b5cf6,#10b981);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#7c3aed,#059669)}.back-btn{align-items:center;background:linear-gradient(45deg,#f59e0b,#f87171);border:none;border-radius:25px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:1rem;padding:12px 24px;transition:all .3s ease}.back-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}.start-back-section{left:2rem;position:absolute;top:2rem;z-index:10}.interview-header{background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border:1px solid #8b5cf633;border-radius:20px;margin-bottom:2rem;padding:2rem;position:relative;text-align:center}.interview-header h2{color:#fff;font-size:2.5rem;font-weight:900;margin:1rem 0;text-shadow:0 2px 10px #0000004d}.completion-header{background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border:1px solid #8b5cf633;border-radius:20px;margin-bottom:2rem;padding:2rem;position:relative;text-align:center}.completion-header h2{color:#fff;font-size:2.5rem;font-weight:900;margin:1rem 0;text-shadow:0 2px 10px #0000004d}.report-header{background:linear-gradient(135deg,#8b5cf61a,#10b9811a);border:1px solid #8b5cf633;border-radius:20px;margin-bottom:2rem;padding:2rem;position:relative;text-align:center}.report-header h2{color:#fff;font-size:2.5rem;font-weight:900;margin:1rem 0;text-shadow:0 2px 10px #0000004d}
/*# sourceMappingURL=main.6292cf54.css.map*/