@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:"Helvetica, Arial, sans-serif";min-height:100vh;background:#f1f1f1;background-size:400% 400%;animation:gradientBG 15s ease infinite;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2d3436}.button{background:#4a6fa5;padding:.625rem;border-radius:4px}.card{border:1px solid #ddd;padding:1.25rem}.quiz-selector-container{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.quiz-selector-container .quiz-title{color:#166088;text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.quiz-selector-container .form-group{margin-bottom:1.5rem}.quiz-selector-container .form-group .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#343a40}.quiz-selector-container .categories-dropdown{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:350px;overflow-y:auto;padding:.5rem;border:1px solid #ddd;border-radius:5px;background:#f8f9fa}.quiz-selector-container .categories-dropdown .category-option{display:flex;align-items:center;padding:.5rem;cursor:pointer;border-radius:4px;transition:background .2s}.quiz-selector-container .categories-dropdown .category-option:hover{background:rgba(79,195,247,.1)}.quiz-selector-container .categories-dropdown .category-option input{position:absolute;opacity:0;cursor:pointer}.quiz-selector-container .categories-dropdown .category-option .checkmark{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #4a6fa5;border-radius:3px;margin-right:10px}.quiz-selector-container .categories-dropdown .category-option .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.quiz-selector-container .categories-dropdown .category-option input:checked~.checkmark{background-color:#4a6fa5}.quiz-selector-container .categories-dropdown .category-option input:checked~.checkmark:after{display:block}.quiz-selector-container .question-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border .3s}.quiz-selector-container .question-input:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 2px rgba(79,195,247,.2)}.quiz-selector-container .generate-btn{position:relative;padding:12px 24px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:150px;min-height:48px}.quiz-selector-container .generate-btn:hover:not(:disabled){background-color:#3367d6}.quiz-selector-container .generate-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.8}.quiz-selector-container .generate-btn .btn-text{display:inline-block;transition:opacity .2s ease}.quiz-selector-container .generate-btn .loading-animator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-selector-container .generate-btn .loading-animator .loader{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}.quiz-selector-container .generate-btn.loading .btn-text{opacity:0}.quiz-selector-container .quiz-interface{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.quiz-selector-container .quiz-interface .quiz-header{margin-bottom:1.5rem;text-align:center}.quiz-selector-container .quiz-interface .quiz-header h3{color:#2c3e50;margin-bottom:.5rem}.quiz-selector-container .quiz-interface .quiz-header .quiz-meta{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.quiz-selector-container .quiz-interface .quiz-header .score{font-weight:700;color:#3498db}.quiz-selector-container .quiz-interface .quiz-question{margin-bottom:2rem}.quiz-selector-container .quiz-interface .quiz-question h4{font-size:1.2rem;color:#34495e;margin-bottom:1.5rem;line-height:1.4}.quiz-selector-container .quiz-interface .quiz-question .options-list{list-style:none;padding:0;margin:0}.quiz-selector-container .quiz-interface .quiz-question .options-list li{padding:1rem;margin-bottom:.8rem;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.quiz-selector-container .quiz-interface .quiz-question .options-list li:hover{background:#f1f3f5}.quiz-selector-container .quiz-interface .quiz-question .options-list li.selected{border-color:#3498db;background:#e8f4fc}.quiz-selector-container .quiz-interface .quiz-question .options-list li.correct{border-color:#2ecc71;background:#e8f8f0}.quiz-selector-container .quiz-interface .quiz-question .options-list li.incorrect{border-color:#e74c3c;background:#fde8e6}.quiz-selector-container .quiz-interface .quiz-question .options-list li .option-letter{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#3498db;color:#fff;border-radius:50%;margin-right:1rem;font-weight:700}.quiz-selector-container .quiz-interface .quiz-question .options-list li .option-text{flex:1}.quiz-selector-container .quiz-interface .quiz-controls{display:flex;justify-content:center;margin-top:2rem}.quiz-selector-container .quiz-interface .quiz-controls button{padding:.8rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-selector-container .quiz-interface .quiz-controls button:disabled{opacity:.6;cursor:not-allowed}.quiz-selector-container .quiz-interface .quiz-controls .submit-btn{background:#3498db;color:#fff}.quiz-selector-container .quiz-interface .quiz-controls .submit-btn:hover:not(:disabled){background:#2980b9}.quiz-selector-container .quiz-interface .quiz-controls .next-btn{background:#2ecc71;color:#fff}.quiz-selector-container .quiz-interface .quiz-controls .next-btn:hover{background:#27ae60}.quiz-selector-container .quiz-interface .feedback{margin-top:1.5rem;text-align:center;font-size:1.1rem}.quiz-selector-container .quiz-interface .feedback .correct-feedback{color:#2ecc71;font-weight:600}.quiz-selector-container .quiz-interface .feedback .incorrect-feedback{color:#e74c3c}.quiz-completed{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:fadeIn .5s ease-out}.quiz-completed .completion-header{margin-bottom:1.5rem;position:relative}.quiz-completed .completion-header h3{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.quiz-completed .completion-header .confetti{font-size:3rem;line-height:1;animation:bounce 1s infinite alternate}.quiz-completed .score-container{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quiz-completed .score-container .score{font-size:1.2rem;margin-bottom:1rem;color:#34495e}.quiz-completed .score-container .score span{font-weight:700;color:#3498db}.quiz-completed .score-container .score-progress{height:10px;background:#ecf0f1;border-radius:5px;margin:1rem auto;max-width:300px;overflow:hidden}.quiz-completed .score-container .score-progress .progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .5s ease}.quiz-completed .score-container .score-percentage{font-size:1.5rem;font-weight:700;color:#2c3e50}.quiz-completed .performance-feedback{margin:1.5rem 0;font-size:1.2rem;padding:1rem;border-radius:8px}.quiz-completed .performance-feedback .perfect-score{color:#27ae60;background:#e8f8f0}.quiz-completed .performance-feedback .good-score{color:#2980b9;background:#e8f4fc}.quiz-completed .performance-feedback .average-score{color:#f39c12;background:#fef5e6}.quiz-completed .performance-feedback .low-score{color:#e74c3c;background:#fde8e6}.quiz-completed .restart-btn{padding:.8rem 2rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.quiz-completed .restart-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.selected-categories{margin:1rem 0;padding:.5rem;background-color:#f8f9fa;border-radius:8px}.selected-categories h4{margin-bottom:.5rem;font-size:.9rem;color:#495057}.selected-categories .category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.selected-categories .category-tag{display:inline-flex;align-items:center;padding:.35rem .75rem;background-color:#e9ecef;border-radius:20px;font-size:.85rem;color:#212529;transition:all .2s ease}.selected-categories .category-tag:hover{background-color:#dee2e6}.selected-categories .remove-category-btn{margin-left:.5rem;padding:0 .25rem;background:none;border:none;color:#6c757d;font-size:1rem;cursor:pointer;line-height:1;transition:color .2s ease}.selected-categories .remove-category-btn:hover{color:#dc3545}.custom-category-section{margin-top:.8125rem;padding-top:1rem;border-top:1px solid #dee2e6;margin-bottom:.8125rem}.custom-category-section .add-custom-btn{background:none;border:1px dashed #ccc;padding:8px 12px;cursor:pointer;width:100%;text-align:left;color:#666}.custom-category-section .add-custom-btn:hover{background-color:#f5f5f5}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media(max-width:768px){.quiz-selector-container{padding:1.5rem;margin:1rem}.quiz-selector-container .categories-dropdown{grid-template-columns:1fr}}.key-container{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.key-input{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;background:#f9fafb;outline:none}.key-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.2)}.key-input.valid{border-color:#22c55e;background:#f0fdf4}.key-input.valid:focus{box-shadow:0 0 0 3px rgba(34,197,94,.2)}.key-input.error{border-color:#ef4444;background:#fef2f2}.key-input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}.error-message{font-size:.875rem;color:#ef4444;line-height:1.4;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.submit-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#4f46e5;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#4338ca;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#a5b4fc;cursor:not-allowed;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:480px){.key-container{padding:1.5rem}.key-input,.submit-btn{font-size:.9375rem}}.custom-category-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.custom-category-input textarea{width:100%;padding:.6875rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;height:150px;resize:vertical}.custom-category-input .button-group{display:flex;gap:.5rem;justify-content:flex-end}.custom-category-input button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;white-space:nowrap}.custom-category-input button:first-of-type{background-color:#0d6efd!important;color:#fff!important}.custom-category-input button:first-of-type:hover{background-color:#0b5ed7!important}.custom-category-input button:first-of-type:disabled{background-color:#6c757d;cursor:not-allowed}.custom-category-input button:last-of-type{background-color:#f8f9fa;color:#212529}.custom-category-input button:last-of-type:hover{background-color:#e9ecef}.quiz-header{width:100%;padding:2rem 0;margin-bottom:2rem;position:relative;overflow:hidden;border-radius:0 0 30px 30px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);border-bottom:1px solid hsla(0,0%,100%,.3)}.quiz-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.2) 0,transparent 30%)}.quiz-header .header-content{max-width:800px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:2}.quiz-header .title-container{position:relative;display:inline-block;margin-bottom:1rem}.quiz-header .main-title{font-size:1.5625rem;margin:0;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#2c3e50,#0f5788);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;text-shadow:1px 1px 3px rgba(0,0,0,.1);position:relative;padding-bottom:.5rem}.quiz-header .title-underline{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,#3498db,transparent);border-radius:2px}.quiz-header .quiz-subtitle{color:#7f8c8d;font-size:1.4rem;font-weight:400;opacity:.9;max-width:600px;margin:.5rem auto 0}.quiz-header .header-decoration{display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.quiz-header .header-decoration .decoration-circle{width:10px;height:10px;border-radius:50%;background:#3498db;opacity:.6}.quiz-header .header-decoration .decoration-line{width:100px;height:1px;background:linear-gradient(90deg,#3498db,transparent);margin:0 10px}@media(max-width:768px){.quiz-header{padding:1.5rem 0;border-radius:0 0 20px 20px}.quiz-header .main-title{font-size:2rem}.quiz-header .quiz-subtitle{font-size:1.1rem}.quiz-header .header-decoration .decoration-line{width:60px}}.header{padding:1.25rem;background:#f8f8f8}.footer{padding:1.25rem;background:#333;color:#fff}.home{padding:2.5rem}:root{--primary-color:#0070f3}