*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.registration-container{display:flex;justify-content:center;padding:2rem 0}.registration-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:600px}.registration-card h2{color:#2c3e50;margin-top:0;margin-bottom:.5rem}.registration-card p{color:#7f8c8d;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#34495e}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{height:100px;resize:vertical}.submit-btn{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;width:100%;transition:background-color .2s}.submit-btn:hover{background-color:#2980b9}.submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1.5rem}.instructions-container{display:flex;justify-content:center;padding:2rem 0}.instructions-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:700px}.instructions-card h2{color:#2c3e50;margin-top:0;margin-bottom:1rem}.instructions-card p{margin-bottom:1.5rem;color:#34495e}.instruction-list{margin-bottom:1.5rem}.instruction-list h3{color:#2c3e50;margin-bottom:.75rem;font-size:1.1rem}.instruction-list ul{padding-left:1.5rem}.instruction-list li{margin-bottom:.5rem;color:#34495e}.agreement{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.agreement p{margin:0;font-size:.9rem;color:#555}.start-btn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;width:100%;transition:background-color .2s}.start-btn:hover{background-color:#219653}.quiz-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;max-width:800px;margin:0 auto}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.question-counter{font-weight:500;color:#34495e}.timer{background-color:#f8f9fa;padding:.5rem 1rem;border-radius:4px;font-weight:500;color:#e74c3c}.question h3{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem}.options{margin-bottom:2rem}.option{padding:1rem;margin-bottom:.75rem;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.option:hover{background-color:#f5f7fa}.option.selected{background-color:#3498db;color:#fff;border-color:#3498db}.quiz-actions{display:flex;justify-content:flex-end}.next-btn{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.next-btn:hover{background-color:#2980b9}.next-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.quiz-container,.quiz-container *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.warning-container{position:fixed;bottom:10px;right:10px;background-color:#fff8e1;border:1px solid #ff9800;padding:12px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:300px;z-index:999}.warning-item{margin-bottom:8px;font-size:14px}.results-container{display:flex;justify-content:center;padding:2rem 0}.results-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:100%;max-width:600px;text-align:center}.results-card h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem}.student-info{margin-bottom:1.5rem;text-align:left}.student-info p{margin:.5rem 0;color:#34495e}.score-info{margin-bottom:1.5rem}.score{font-size:3rem;font-weight:700;display:inline-block;margin-bottom:.5rem;padding:.5rem 1rem;border-radius:50%;width:120px;height:120px;line-height:120px;text-align:center}.score.passed{background-color:#27ae60;color:#fff}.score.failed{background-color:#e74c3c;color:#fff}.status{font-size:1.1rem;margin-bottom:1.5rem}.score-details{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:left}.score-details p{margin:.5rem 0;color:#34495e}.certificate-btn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.certificate-btn:hover{background-color:#219653}.retry-info{margin-top:1.5rem;color:#7f8c8d}.home-link{display:inline-block;margin-top:1rem;color:#3498db;text-decoration:none}.home-link:hover{text-decoration:underline}.result-footer{display:flex;justify-content:center;flex-direction:column;margin-top:2rem}.certificate-page{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;background-color:#f0f8ff}.certificate-container{width:100%;max-width:1000px}.certificate{width:100%;border:4px solid #007BFF;padding:40px;text-align:center;background-color:#fff;position:relative}.certificate-logo{width:100px;margin-bottom:20px}h1{color:#007bff;margin-bottom:20px}.student-name{font-size:32px;font-weight:700;margin:20px 0}.certificate-title,.certificate-text,.certificate-date{font-size:18px;margin:10px 0}.institution-name{font-weight:700;color:#007bff}.certificate-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;text-align:center}.signature-line{width:200px;height:1px;background:#000;margin:10px auto}.certificate-actions{margin-top:20px;text-align:center}.download-btn{padding:12px 24px;background-color:#007bff;border:none;color:#fff;font-size:16px;border-radius:4px;cursor:pointer}.not-found{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.not-found h2{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.not-found p{color:#7f8c8d;margin-bottom:2rem}.not-found .home-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:500}.not-found .home-link:hover{text-decoration:underline}.app-container{display:flex;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif}.app-header{background-color:#2c3e50;color:#fff;padding:1rem 2rem;text-align:center;box-shadow:0 2px 5px #0000001a}.app-header h1{margin:0;font-size:1.8rem}.app-content{flex:1;padding:2rem;background-color:#f5f7fa}.app-footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem;font-size:.9rem}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:#555}.error-container{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;text-align:center;margin:2rem auto;max-width:500px}
