@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.eok-app-container{background:#f8f9fa;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);color:#2c3e50;font-family:Helvetica Neue,Segoe UI,Roboto,sans-serif;margin:2rem auto;max-width:800px;min-height:500px;overflow:hidden;padding:2rem;position:relative}.eok-app-container button{border:none;cursor:pointer;font-family:inherit}.glass-panel{background:#fff;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:2.5rem;text-align:center;transition:all .3s ease}.start-screen{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px}.start-screen .title{color:#2c3e50;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1rem}.start-screen .description{color:#576574;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.start-screen .illustration{font-size:3rem;margin:2rem 0;opacity:.8}.start-screen .btn-primary{background:#2c3e50;border-radius:6px;box-shadow:0 2px 5px rgba(44,62,80,.2);color:#fff;font-size:1.1rem;font-weight:600;padding:.8rem 2.5rem;transition:transform .2s,box-shadow .2s,background .2s}.start-screen .btn-primary:hover{background:#354b60;box-shadow:0 4px 8px rgba(44,62,80,.3);transform:translateY(-1px)}.start-screen .btn-primary.pulse{animation:pulse 2s infinite}.question-screen{margin:0 auto;max-width:700px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.question-screen .progress-bar-container{background:#e1e4e8;border-radius:3px;height:6px;margin-bottom:2rem;overflow:hidden}.question-screen .progress-bar-container .progress-fill{background:#27ae60;height:100%;transition:width .4s ease}.question-screen .question-card{animation:slideIn .4s ease-out;text-align:left}.question-screen .question-card .question-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-screen .question-card .question-header .q-number{color:#95a5a6;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.question-screen .question-card .question-header .difficulty-badge{background:#f1f2f6;border:1px solid #dfe6e9;border-radius:4px;color:#2c3e50;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.question-screen .question-card .question-text{color:#2c3e50;font-size:1.3rem;font-weight:500;line-height:1.4;margin-bottom:2rem;overflow-wrap:anywhere;word-break:break-word}.question-screen .question-card .question-text img{border-radius:4px;height:auto;margin:10px 0;max-width:100%}.question-screen .question-card .options-grid{display:grid;gap:.8rem}.question-screen .question-card .options-grid.true-false-grid{grid-template-columns:1fr 1fr;margin:0 auto;max-width:500px}.question-screen .question-card .options-grid.true-false-grid .option-btn{justify-content:center;padding:1rem;text-align:center}.question-screen .question-card .options-grid.true-false-grid .option-btn .tf-option{font-size:1.1rem;font-weight:600}.question-screen .question-card .options-grid .option-btn{align-items:center;background:#fff;border:1px solid #dfe6e9;border-radius:6px;color:#2c3e50;display:flex;padding:.8rem 1rem;text-align:left;transition:all .15s}.question-screen .question-card .options-grid .option-btn .option-label{align-items:center;background:#f1f2f6;border-radius:4px;color:#636e72;display:flex;font-size:.9rem;font-weight:600;height:26px;justify-content:center;margin-right:1rem;width:26px}.question-screen .question-card .options-grid .option-btn .option-text{font-size:1rem;font-weight:400;overflow-wrap:anywhere;word-break:break-word}.question-screen .question-card .options-grid .option-btn .option-text img{border-radius:2px;height:auto;max-width:100%}.question-screen .question-card .options-grid .option-btn:hover{background:#f8f9fa;border-color:#2c3e50;transform:translateX(2px)}.question-screen .question-card .options-grid .option-btn.selected{background:#bbcada;border-color:#2c3e50}.question-screen .question-card .options-grid .option-btn.selected .option-label{background:#2c3e50;color:#fff}.question-screen .question-card .options-grid .option-btn.selected .option-text{font-weight:500}.question-screen .question-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.question-screen .question-footer .btn-submit{background:#2c3e50;border-radius:6px;box-shadow:0 2px 5px rgba(44,62,80,.2);color:#fff;font-size:1rem;font-weight:600;padding:.7rem 2rem;transition:all .2s}.question-screen .question-footer .btn-submit:hover:not(:disabled){background:#354b60;box-shadow:0 4px 8px rgba(44,62,80,.3);transform:translateY(-1px)}.question-screen .question-footer .btn-submit:disabled{background:#b2bec3;box-shadow:none;cursor:not-allowed}.question-screen .question-footer .btn-secondary{background:transparent;border:1px solid #95a5a6;border-radius:6px;color:#95a5a6;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:all .2s}.question-screen .question-footer .btn-secondary:hover:not(:disabled){background:#95a5a6;color:#fff}.question-screen .question-footer .btn-secondary:disabled{border-color:#dcdde1;color:#dcdde1;cursor:not-allowed}.results-screen{align-items:center;display:flex;height:100%;justify-content:center}.results-screen .results-card{animation:scaleIn .5s ease-out;min-width:400px;text-align:center}.results-screen .results-card .results-title{color:#2c3e50;font-weight:700;margin-bottom:2rem}.results-screen .results-card .score-circle{align-items:center;background:#2c3e50;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff;display:flex;font-size:2.8rem;font-weight:700;height:140px;justify-content:center;margin:0 auto 2rem;width:140px}.results-screen .results-card .score-circle.gold{background:#f1c40f}.results-screen .results-card .score-circle.blue{background:#2980b9}.results-screen .results-card .score-circle.orange{background:#e67e22}.results-screen .results-card .feedback-message{color:#2c3e50;font-size:1.2rem;font-weight:500;margin-bottom:2rem}.results-screen .results-card .btn-secondary{background:#fff;border:1px solid #2c3e50;border-radius:6px;color:#2c3e50;font-weight:600;padding:.7rem 2rem;transition:all .2s}.results-screen .results-card .btn-secondary:hover{background:#2c3e50;color:#fff}.test-title-header{color:#2c3e50;font-size:1.2rem;letter-spacing:1px;margin-bottom:1.5rem;opacity:.8;text-align:center;text-transform:uppercase}.flag-checkbox{align-items:center;color:#95a5a6;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.flag-checkbox input[type=checkbox]{accent-color:#16a085;height:16px;width:16px}.summary-screen{animation:slideIn .5s ease;text-align:center}.summary-screen .screen-title{color:#2c3e50;margin-bottom:.5rem}.summary-screen .screen-subtitle{color:#636e72;margin-bottom:2rem}.summary-screen .summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:2rem;max-height:400px;overflow-y:auto;padding:.5rem}.summary-screen .summary-grid .summary-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative;transition:all .2s}.summary-screen .summary-grid .summary-item:hover{box-shadow:0 4px 12px rgba(108,92,231,.2);transform:translateY(-2px)}.summary-screen .summary-grid .summary-item .summary-number{color:#2d3436;font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.summary-screen .summary-grid .summary-item .summary-status{font-size:.8rem;font-weight:600}.summary-screen .summary-grid .summary-item .flag-icon{font-size:1rem;position:absolute;right:5px;top:5px}.summary-screen .summary-grid .summary-item.answered{border-color:#27ae60}.summary-screen .summary-grid .summary-item.answered .summary-status{color:#27ae60}.summary-screen .summary-grid .summary-item.skipped{background:#f1f2f6;border-color:#95a5a6}.summary-screen .summary-grid .summary-item.skipped .summary-status{color:#b2bec3}.summary-screen .summary-grid .summary-item.flagged-answered{background:rgba(0,184,148,.25);border-color:#16a085}.summary-screen .summary-grid .summary-item.flagged-answered .summary-status{color:#d63384}.summary-screen .summary-grid .summary-item.flagged-skipped{background:#fff0f6;border-color:#16a085}.summary-screen .summary-grid .summary-item.flagged-skipped .summary-status{color:#16a085}.summary-screen .summary-footer{border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.summary-screen .summary-footer .btn-submit{background:#2c3e50;border-radius:50px;box-shadow:0 4px 10px rgba(44,62,80,.3);color:#fff;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s}.summary-screen .summary-footer .btn-submit:hover{box-shadow:0 6px 15px rgba(44,62,80,.4);transform:translateY(-2px)}.summary-screen .summary-footer .btn-secondary{background:transparent;border:2px solid #95a5a6;border-radius:50px;color:#95a5a6;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;transition:all .2s}.summary-screen .summary-footer .btn-secondary:hover{background:#95a5a6;color:#fff}.eok-dashboard{animation:slideIn .5s ease;padding:1rem;text-align:center}.eok-dashboard .eok-dashboard-title{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:2rem}.eok-dashboard .eok-dashboard-loading{align-items:center;color:#95a5a6;display:flex;font-size:1.2rem;gap:1rem;height:300px;justify-content:center}.eok-dashboard .eok-quiz-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.eok-dashboard .eok-quiz-grid .eok-quiz-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.eok-dashboard .eok-quiz-grid .eok-quiz-card:hover{border-color:rgba(44,62,80,.2);box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-5px)}.eok-dashboard .eok-quiz-grid .eok-quiz-card h3{color:#2c3e50;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.eok-dashboard .eok-quiz-grid .eok-quiz-card .eok-quiz-desc{color:#636e72;display:-webkit-box;flex-grow:1;font-size:.95rem;-webkit-line-clamp:3;margin-bottom:1.5rem;-webkit-box-orient:vertical;overflow:hidden}.eok-dashboard .eok-quiz-grid .eok-quiz-card .eok-quiz-meta{border-top:1px solid #f1f2f6;color:#b2bec3;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding-top:1rem}.eok-dashboard .eok-quiz-grid .eok-quiz-card button{background:#2c3e50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:background .2s;width:100%}.eok-dashboard .eok-quiz-grid .eok-quiz-card button:hover{background:#3e5871}.eok-dashboard .eok-quiz-grid .eok-quiz-card.eok-card-attempted{background-color:#e8f5e9!important;border-color:#c8e6c9!important}.eok-dashboard .eok-quiz-grid .eok-quiz-card.eok-card-expired{background-color:#ffebee!important;border-color:#ffcdd2!important}.eok-dashboard .eok-quiz-grid .eok-quiz-card .eok-status-label{border-radius:4px;font-size:.85rem;font-weight:600;margin-top:15px;padding:6px;text-align:center}.eok-dashboard .eok-quiz-grid .eok-quiz-card .eok-status-label.status-attempted{background:rgba(46,125,50,.1);color:#2e7d32}.eok-dashboard .eok-quiz-grid .eok-quiz-card .eok-status-label.status-expired{background:rgba(198,40,40,.1);color:#c62828}@media(max-width:768px){.eok-app-container{margin:1rem auto;min-height:auto;padding:1.5rem}.start-screen{flex-direction:column;min-height:auto;padding:2rem 0;text-align:center}.start-screen .title{font-size:1.8rem}.start-screen .illustration{font-size:2.5rem;margin:1.5rem 0}.question-screen .question-header{align-items:flex-start;flex-direction:column;gap:1rem}.question-screen .question-header .difficulty-badge{align-self:flex-start}.question-screen .question-text{font-size:1.1rem}.question-screen .options-grid{grid-template-columns:1fr!important}.question-screen .options-grid.true-false-grid{grid-template-columns:1fr 1fr!important}.question-screen .question-footer{flex-direction:column-reverse;gap:1rem}.question-screen .question-footer .btn-secondary,.question-screen .question-footer .btn-submit{text-align:center;width:100%}.results-screen .results-card{min-width:unset;padding:1rem;width:100%}.results-screen .score-circle{font-size:2.2rem;height:120px;width:120px}.eok-dashboard{padding:.5rem}.eok-dashboard .eok-quiz-grid{gap:1.5rem;grid-template-columns:1fr}.summary-screen .summary-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.summary-screen .summary-footer{flex-direction:column-reverse;gap:1rem}.summary-screen .summary-footer button{width:100%}}