@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.quiz-full{display:flex;flex-wrap:wrap;width:100%;min-height:85vh;background:#f9f9f9;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.left-question{width:50%;padding:30px;background:#f5f5f5;display:flex;flex-direction:column;justify-content:space-between}.right-options{width:50%;padding:30px;background:#fff;position:relative}.question-number{font-weight:700;font-size:20px;margin-bottom:12px}.question-text{font-size:18px;color:#1a1818;line-height:1.5}ul{list-style:none;padding:0;margin-top:50px}ul li{margin-bottom:15px}button{width:100%;padding:14px;border:1px solid #ddd;background:#f9f9f9;font-size:16px;border-radius:8px;transition:.3s;cursor:pointer;color:#111}button:hover{background:#f0f0f0;color:#111}button.selected{background:#007bff;color:#fff;border:2px solid #0056b3}.bottom-left-btn{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.submit-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}.submit-btn:hover{background:#0056b3}.finish-btn{background:#ff5722;color:#fff;padding:12px 24px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.finish-btn:hover{background:#e64a19}.time{font-size:18px;margin-left:8px}@media (max-width: 768px){.quiz-full{flex-direction:column}.left-question,.right-options{width:100%;padding:20px}.question-number{font-size:18px}.question-text{font-size:16px}ul{margin-top:30px}button{font-size:15px;padding:12px}.submit-btn,.finish-btn{width:100%;font-size:15px}.bottom-left-btn{flex-direction:column;gap:12px}}.start-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e0eafc,#cfdef3);padding:20px}.start-card{width:100%;max-width:500px;padding:40px 30px;background-color:#fff;border-radius:20px;box-shadow:0 10px 28px #00000026;text-align:center;transition:transform .3s ease}.start-card:hover{transform:translateY(-5px)}.logo-title{font-size:32px;font-weight:700;color:#007bff;margin-bottom:15px}.subtitle{font-size:18px;color:#555;margin-bottom:30px}.start-card input{width:100%;padding:14px;font-size:16px;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;box-sizing:border-box;outline:none}.start-card input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}.start-card button{padding:12px 26px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .3s}.start-card button:hover{background-color:#0056b3}@media (max-width: 600px){.start-card{padding:30px 20px}.logo-title{font-size:26px}.subtitle{font-size:16px}.start-card input,.start-card button{font-size:15px;padding:12px}}.nav-panel{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#f0f4f8;justify-content:center}.nav-btn{width:44px;height:44px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:.2s ease-in-out}.nav-btn.answered{background-color:#4caf50;color:#fff}.nav-btn.current{background-color:#fbc02d;color:#000}.nav-btn.not-visited{background-color:#b0b0b0;color:#222}.nav-btn.disabled{cursor:not-allowed;opacity:.5}@media (max-width: 600px){.nav-panel{justify-content:flex-start;overflow-x:auto;padding:16px;gap:6px}.nav-btn{width:38px;height:38px;font-size:14px}}.report-screen{padding:20px;text-align:left;background:#f5f7fb;min-height:100vh}.report-screen h2{text-align:center;color:#007bff;margin-bottom:25px;font-size:28px;font-weight:600}.chart-wrapper{max-width:400px;margin:0 auto 40px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:30px}.review-card{padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease-in-out}.review-card:hover{transform:translateY(-4px)}.review-card.correct{border-left:6px solid #4caf50}.review-card.incorrect{border-left:6px solid #f44336}.review-card.unanswered{border-left:6px solid #9e9e9e}.question-number{font-weight:700;font-size:18px;margin-bottom:10px;color:#444}.question-text{font-size:16px;margin-bottom:12px;color:#333;line-height:1.5}.answer-section p{font-size:15px;margin:6px 0;color:#222}.answer-section em{color:#777;font-style:italic}.restart-btn{display:block;margin:40px auto 0;background:#007bff;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:16px;cursor:pointer;transition:.3s}.restart-btn:hover{background:#0056b3}.instructions-full{display:flex;justify-content:space-between;align-items:flex-start;min-height:100vh;padding:60px 80px;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;box-sizing:border-box;flex-wrap:wrap}.left-block{flex:1;min-width:300px}.quiz-icon{font-size:60px;color:#0056b3;margin-bottom:20px}.left-block h1{font-size:32px;font-weight:600;margin-bottom:40px;color:#222}.info-points>div{display:flex;align-items:center;font-size:18px;margin-bottom:15px;color:#444}.info-points svg{margin-right:10px;color:#888}.info-points strong{margin-left:10px;font-size:20px;color:#000}.right-block{flex:1;min-width:300px;padding-left:80px}.guideline-heading{display:flex;align-items:center;gap:10px}.guideline-heading .bulb{font-size:24px;color:#444}.guideline-heading h2{font-size:24px;font-weight:600;color:#222}.timelines h3{font-size:18px;font-weight:600;margin-top:20px;margin-bottom:10px;color:#333}.timelines ul{list-style:disc;padding-left:20px;font-size:16px;color:#444}.start-input-block{margin-top:30px}.start-input-block button{background:#007bff;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s ease-in-out}.start-input-block button:hover{background:#0056b3}.arrow{font-weight:700;margin-left:6px}@media (max-width: 900px){.instructions-full{flex-direction:column;padding:40px 20px}.right-block{padding-left:0;margin-top:40px}.left-block h1{font-size:28px;text-align:center}.quiz-icon{font-size:48px;display:block;margin:0 auto 15px}.info-points{text-align:center;justify-content:center}.info-points>div{justify-content:center}.start-input-block{text-align:center}.start-input-block button{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f9fafc;height:100vh;width:100vw;overflow-x:hidden;color:#212121}.app-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative}.timer-wrapper{position:absolute;top:20px;right:30px;font-size:16px;font-weight:700;color:#d32f2f}.app-container{display:flex;flex:1;padding-top:60px;height:100%}.question-nav{width:20%;background-color:#fff;padding:30px 20px;border-right:1px solid #e0e0e0;overflow-y:auto}.main-content{width:80%;padding:40px 50px;overflow-y:auto}.progress-bar{height:10px;background-color:#e3e3e3;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress-bar>div{height:100%;background-color:#1e88e5;transition:width .3s ease}.finish-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s;margin-top:30px}.finish-btn:hover{background:#1e7e34}@media (max-width: 768px){.app-container{flex-direction:column;padding-top:20px}.question-nav{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:15px 10px}.main-content{width:100%;padding:20px 15px}.timer-wrapper{position:static;text-align:center;margin-bottom:10px}.finish-btn{width:100%;padding:12px;font-size:15px}}