:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;box-sizing:border-box}#root{max-width:1350px;margin:0 auto;box-sizing:border-box}.question-card{padding:10px;width:100%}.answer-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;resize:vertical}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.validation-success{color:green}.validation-pending{color:orange}.container{max-width:500px;min-width:500px;margin:1rem auto;padding:2rem;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.heading{text-align:center;color:#333;margin-bottom:2rem}.form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.formGroup{width:100%;display:flex;flex-direction:column;gap:.5rem}.label{display:block;font-weight:600;color:#444}.input{width:100%;padding:.8rem;border-radius:4px;border:1px solid #ddd;font-size:1rem;box-sizing:border-box}.keywordsContainer{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.keyword{background-color:#e0e7ff;color:#4f46e5;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.keyword:hover{background-color:#c7d2fe}.clearButton{background-color:#ff4d4d;color:#fff;padding:.5rem;border:none;border-radius:4px;cursor:pointer;margin-top:.5rem}.clearButton:hover{background-color:#e60000}.button{background-color:#4f46e5;color:#fff;padding:1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.button:hover{background-color:#4338ca}.interview-container{max-width:600px;min-width:550px;margin:.4rem auto;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.interview-heading{text-align:center;color:#2d3748;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.input-label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:600}.text-input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;box-sizing:border-box}.gender-select{width:100%;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568}.camera-preview{width:243px;min-height:200px;border:2px dashed #cbd5e0;margin:auto;text-align:center;background:#f8fafc;box-sizing:border-box}.capture-button{background:#4299e1;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.capture-button:hover{background:#3182ce}.preview-image{width:200px;height:200px;border-radius:8px;object-fit:cover;margin-top:1rem}.interview-rules-container{max-width:800px;margin:2rem auto;padding:2rem;text-align:center}.warning-text{color:#e74c3c;font-weight:700;font-size:1.2rem}.rules-list{text-align:left;margin:2rem 0;line-height:1.6;list-style:none}.rules-list li{padding:.5rem 0;border-bottom:1px solid #eee}.start-button{background:#2ecc71;color:#fff;padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:5px;cursor:pointer;transition:transform .2s,background .2s}.start-button:hover{background:#27ae60;transform:scale(1.05)}