*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f5f5;min-height:100vh}#app{min-height:100vh}.welcome-page[data-v-584ef2dd]{min-height:100vh;background:#f5f5f5}.layout[data-v-584ef2dd]{display:flex;min-height:100vh}.left-panel[data-v-584ef2dd]{flex:0 0 45%;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.profile-section[data-v-584ef2dd]{margin-bottom:2rem}.profile-image[data-v-584ef2dd]{margin-bottom:1rem;border:3px solid rgba(255,255,255,.3);border-radius:50%;overflow:hidden;width:150px;height:150px;margin:0 auto 1rem}.profile-pic[data-v-584ef2dd]{width:100%;height:100%;object-fit:cover;display:block}.profile-name[data-v-584ef2dd]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.profile-title[data-v-584ef2dd]{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem}.welcome-message[data-v-584ef2dd]{max-width:300px;line-height:1.6}.welcome-message p[data-v-584ef2dd]{margin-bottom:1rem;font-size:.95rem}.signature[data-v-584ef2dd]{margin-top:1.5rem;font-style:italic}.signature span[data-v-584ef2dd]:first-child{opacity:.8}.signature span[data-v-584ef2dd]:last-child{font-weight:600;color:#fff}.right-panel[data-v-584ef2dd]{flex:0 0 55%;background:white;padding:2rem;display:flex;flex-direction:column}.language-selector[data-v-584ef2dd]{text-align:right;margin-bottom:2rem}.lang-select[data-v-584ef2dd]{padding:.5rem 1rem;border:1px solid #ddd;border-radius:5px;background:white;font-size:.9rem;cursor:pointer}.center-content[data-v-584ef2dd]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:0 auto}.company-logo[data-v-584ef2dd]{margin-bottom:2rem;text-align:center}.logo[data-v-584ef2dd]{max-width:250px;height:auto}.registration-form[data-v-584ef2dd]{width:100%;max-width:450px}.form-group[data-v-584ef2dd]{margin-bottom:2rem}.form-group label[data-v-584ef2dd]{display:block;margin-bottom:.8rem;font-weight:500;color:#333;font-size:1.1rem}.form-input[data-v-584ef2dd]{width:400px;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;transition:border-color .3s ease;box-sizing:border-box}.form-input[data-v-584ef2dd]:focus{outline:none;border-color:#1e3c72}.submit-btn[data-v-584ef2dd]{width:400px;padding:1.2rem;background:#1e3c72;color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}@media (max-width: 1200px){.center-content[data-v-584ef2dd]{max-width:450px}.registration-form[data-v-584ef2dd]{max-width:400px}.form-input[data-v-584ef2dd],.submit-btn[data-v-584ef2dd]{width:350px}.logo[data-v-584ef2dd]{max-width:220px}}@media (max-width: 768px){.layout[data-v-584ef2dd]{flex-direction:column}.left-panel[data-v-584ef2dd],.right-panel[data-v-584ef2dd]{flex:none}.left-panel[data-v-584ef2dd]{padding:1rem}.profile-image[data-v-584ef2dd]{width:120px;height:120px}.profile-name[data-v-584ef2dd]{font-size:1.3rem}.center-content[data-v-584ef2dd]{max-width:100%;padding:0 1rem}.logo[data-v-584ef2dd]{max-width:180px}.form-input[data-v-584ef2dd],.submit-btn[data-v-584ef2dd]{width:100%;max-width:300px}}.quiz-page[data-v-0438ee11]{min-height:100vh}.layout[data-v-0438ee11]{display:flex;min-height:100vh}.left-panel[data-v-0438ee11]{flex:0 0 45%;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.building-image[data-v-0438ee11]{margin-bottom:1.5rem;border:3px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.building-pic[data-v-0438ee11]{width:250px;height:150px;object-fit:cover;display:block}.test-info[data-v-0438ee11]{width:100%;max-width:300px}.test-title[data-v-0438ee11]{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.test-description[data-v-0438ee11],.test-instructions[data-v-0438ee11]{font-size:.9rem;line-height:1.4;margin-bottom:1rem}.progress-section[data-v-0438ee11]{margin:1.5rem 0}.progress-text[data-v-0438ee11]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.progress-bar[data-v-0438ee11]{width:100%;height:20px;background:rgba(255,255,255,.3);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-0438ee11]{height:100%;background:#fff;border-radius:10px;transition:width .3s ease}.right-panel[data-v-0438ee11]{flex:0 0 55%;background:white;padding:2rem;display:flex;flex-direction:column}.language-selector[data-v-0438ee11]{text-align:right;margin-bottom:2rem;flex-shrink:0}.lang-select[data-v-0438ee11]{padding:.5rem 1rem;border:1px solid #ddd;border-radius:5px;background:white;font-size:.9rem}.question-container[data-v-0438ee11]{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:400px}.question-header[data-v-0438ee11]{text-align:left;margin-bottom:2rem}.question-text[data-v-0438ee11]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;line-height:1.4}.question-counter[data-v-0438ee11]{color:#1e3c72;font-weight:700;margin-right:.5rem}.options-container[data-v-0438ee11]{margin-bottom:2rem}.option-item[data-v-0438ee11]{display:flex;align-items:center;margin-bottom:1rem;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;cursor:pointer}.option-item[data-v-0438ee11]:hover{border-color:#1e3c72;background:#f8f9fa}.option-item.selected[data-v-0438ee11]{border-color:#1e3c72;background:#e3f2fd}.option-radio[data-v-0438ee11]{margin-right:1rem;width:18px;height:18px;cursor:pointer}.option-label[data-v-0438ee11]{font-size:1rem;color:#333;cursor:pointer;flex:1;line-height:1.4}.navigation-buttons[data-v-0438ee11]{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem}.nav-btn[data-v-0438ee11]{padding:.8rem 1.5rem;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.prev-btn[data-v-0438ee11]{background:#dc3545;color:#fff}.prev-btn[data-v-0438ee11]:hover{background:#c82333}.next-btn[data-v-0438ee11]{background:#28a745;color:#fff}.next-btn[data-v-0438ee11]:hover{background:#218838}.finish-btn[data-v-0438ee11]{background:#1e3c72;color:#fff}.finish-btn[data-v-0438ee11]:hover{background:#152a4f}.next-btn[data-v-0438ee11]:disabled,.finish-btn[data-v-0438ee11]:disabled{background:#ccc;cursor:not-allowed}.quiz-completion[data-v-0438ee11]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.completion-modal[data-v-0438ee11]{background:white;border-radius:10px;padding:2rem;max-width:500px;width:90%;text-align:center}.fail-modal[data-v-0438ee11]{border:3px solid #dc3545}.modal-content h2[data-v-0438ee11]{color:#dc3545;margin-bottom:1rem}.score-display[data-v-0438ee11]{margin:1rem 0;font-size:1.2rem}.score-label[data-v-0438ee11]{font-weight:600;margin-right:.5rem}.score-value[data-v-0438ee11]{color:#dc3545;font-weight:700}.restart-btn[data-v-0438ee11]{background:#dc3545;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-size:1rem;cursor:pointer;margin-top:1rem}.restart-btn[data-v-0438ee11]:hover{background:#c82333}@media (max-width: 768px){.layout[data-v-0438ee11]{flex-direction:column}.left-panel[data-v-0438ee11],.right-panel[data-v-0438ee11]{flex:none}.left-panel[data-v-0438ee11]{padding:1rem}.building-pic[data-v-0438ee11]{width:200px;height:120px}.question-text[data-v-0438ee11]{font-size:1.2rem}.navigation-buttons[data-v-0438ee11]{flex-direction:column}.nav-btn[data-v-0438ee11]{min-width:auto}}.certificate-page[data-v-e56f4277]{min-height:100vh;background:#f5f5f5;padding:2rem}.certificate-container[data-v-e56f4277]{max-width:800px;margin:0 auto;background:white;border-radius:10px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.certificate-wrapper[data-v-e56f4277]{position:relative;width:100%;height:600px}.certificate-image[data-v-e56f4277]{width:100%;height:100%;object-fit:cover;display:block}.certificate-overlay[data-v-e56f4277]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.certificate-title[data-v-e56f4277]{position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:3.8rem;font-weight:400;color:#333;margin:0;text-align:center}.certificate-purpose[data-v-e56f4277]{position:absolute;top:38%;left:50%;transform:translate(-50%);font-size:1.1rem;color:#333;text-align:center;line-height:1.4;max-width:95%;white-space:nowrap}.recipient-name[data-v-e56f4277]{position:absolute;top:calc(48% + 10px);left:50%;transform:translate(-50%);font-size:1.8rem;color:#333;font-weight:600;text-align:center;white-space:nowrap}.certificate-issuer[data-v-e56f4277]{position:absolute;top:calc(55% + 10px);left:50%;transform:translate(-50%);font-size:1rem;color:#333;text-align:center;line-height:1.4}.qr-code-container[data-v-e56f4277]{position:absolute;top:calc(65% + 10px);left:50%;transform:translate(-50%);text-align:center}.qr-code[data-v-e56f4277]{width:25%;height:auto;min-width:100px;border:2px solid #333;border-radius:8px;background:white}.action-buttons[data-v-e56f4277]{display:flex;justify-content:center;gap:1rem;padding:2rem;background:#f8f9fa;border-top:1px solid #e9ecef}.action-btn[data-v-e56f4277]{padding:.8rem 1.5rem;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.print-btn[data-v-e56f4277]{background:#28a745;color:#fff}.print-btn[data-v-e56f4277]:hover{background:#218838}.back-btn[data-v-e56f4277]{background:#6c757d;color:#fff}.back-btn[data-v-e56f4277]:hover{background:#5a6268}.start-btn[data-v-e56f4277]{background:#dc3545;color:#fff}.start-btn[data-v-e56f4277]:hover{background:#c82333}@media print{.qr-code-container[data-v-e56f4277]{display:block!important}.action-buttons[data-v-e56f4277]{display:none!important}.certificate-page[data-v-e56f4277]{background:white;padding:0}.certificate-container[data-v-e56f4277]{box-shadow:none;border-radius:0}}@media (max-width: 768px){.certificate-page[data-v-e56f4277]{padding:1rem}.certificate-wrapper[data-v-e56f4277]{height:500px}.certificate-title[data-v-e56f4277]{font-size:2rem;top:12%}.certificate-purpose[data-v-e56f4277]{font-size:1rem;top:22%}.action-buttons[data-v-e56f4277]{flex-direction:column;align-items:center}.action-btn[data-v-e56f4277]{min-width:200px}}