:root{--bg-dark:#f9f9f9;--bg-card:var(--light);--primary-quiz:var(--primary);--primary-hover:var(--navy-deep);--accent-green:var(--success);--accent-red:var(--danger);--text-primary:var(--dark);--text-secondary:var(--text-gray);--border:var(--gray-200);--gold:var(--accent)}body{background:var(--bg-dark);min-height:100vh}.disclaimer-banner{background-color:#f8f9fa;border-left:4px solid var(--warning);padding:1.2rem 1.4rem;margin:2rem auto;max-width:900px;border-radius:var(--radius-sm)}.disclaimer-banner h3{color:var(--dark);margin-bottom:.4rem;font-size:1.05rem;display:flex;align-items:center}.disclaimer-banner h3 i{margin-right:.5rem;color:var(--warning)}.disclaimer-banner p{color:var(--text-gray);line-height:1.6;margin:0;font-size:.9rem}#quiz-container{background:var(--light);border-radius:var(--radius-md);box-shadow:0 8px 20px rgba(0,0,0,.1);width:100%;max-width:900px;margin:2rem auto;overflow:hidden;position:relative}#start-screen{padding:3rem var(--spacing-lg);text-align:center;min-height:420px;display:flex;flex-direction:column;justify-content:center}.quiz-icon-header{font-size:3rem;margin-bottom:1.25rem;color:var(--primary)}#start-screen h1{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:var(--primary)}.subtitle{font-size:1.15rem;color:var(--text-gray);margin-bottom:2rem;line-height:1.6}.start-btn{background-color:var(--primary);color:var(--light);font-size:1.1rem;font-weight:600;padding:.85rem 2.2rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin:0 auto}.start-btn:hover{background-color:var(--navy-deep);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}#quiz-header{padding:var(--spacing-lg) var(--spacing-lg) 1rem;border-bottom:1px solid var(--gray-200);display:none}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.level-badge{background:var(--bg-gray);color:var(--primary);padding:.4rem .9rem;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem}.streak-counter{display:flex;align-items:center;gap:.4rem;font-weight:600;color:var(--dark)}.streak-fire{font-size:1.3rem;color:var(--accent)}#progress-container{margin-bottom:.25rem}#question-counter{font-size:.85rem;color:var(--text-gray);margin-bottom:.5rem}#progress-bar-container{background:var(--bg-gray);height:8px;border-radius:4px;overflow:hidden}#progress-bar{background:var(--accent);height:100%;width:0;border-radius:4px;transition:width var(--transition-medium)}#question-area{padding:var(--spacing-lg);display:none;background:var(--light)}#question-text{font-size:1.4rem;font-weight:500;margin-bottom:1.5rem;line-height:1.4;color:var(--primary)}.difficulty-indicator{display:inline-flex;gap:.25rem;margin-bottom:1rem}.difficulty-star{color:var(--accent);font-size:1rem}.options-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);counter-reset:optletter}.option-btn{background-color:var(--light);color:var(--dark);border:2px solid var(--secondary);border-radius:8px;padding:var(--spacing-md) 1.2rem;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:1rem;font-weight:500;display:flex;align-items:center}.option-btn::before{counter-increment:optletter;content:counter(optletter,upper-alpha);background-color:var(--primary);color:var(--light);width:26px;height:26px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-right:.8rem;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){background-color:var(--secondary);color:var(--light);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.option-btn:hover:not(:disabled)::before{background-color:var(--light);color:var(--primary)}.option-btn:disabled{cursor:not-allowed}.option-btn.correct{background-color:var(--success);color:var(--light);border-color:var(--success);animation:.6s correctPulse}.option-btn.correct::before{background-color:var(--light);color:var(--success)}.option-btn.incorrect{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb;animation:.5s shake}.option-btn.incorrect::before{background-color:#721c24;color:#f8d7da}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}#feedback-text{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:5px;display:none;font-size:1rem;line-height:1.6;text-align:left;background-color:#f0f7ff;border-left:4px solid var(--primary);color:var(--dark);animation:.3s slideIn}#feedback-text.correct{border-left-color:var(--success)}#feedback-text.incorrect{border-left-color:var(--danger)}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-emoji{font-size:1.4rem;margin-right:.5rem}#navigation{padding:1.25rem var(--spacing-lg);text-align:right;display:none;border-top:1px solid var(--gray-200)}#next-btn{background-color:var(--primary);color:var(--light);font-size:1rem;font-weight:600;padding:.7rem 1.8rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:none}#next-btn:hover{background-color:var(--navy-deep);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}#results-screen{padding:3rem var(--spacing-lg);text-align:center;display:none;background:var(--light)}.results-emoji{font-size:4.5rem;margin-bottom:1.25rem}#results-screen h2{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--primary)}.score-circle{width:200px;height:200px;margin:2rem auto;position:relative}.score-circle svg{transform:rotate(-90deg)}.score-circle-bg{stroke:var(--bg-gray);stroke-width:8;fill:none}.score-circle-progress{stroke:url(#gradient);stroke-width:8;fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s}#score-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:var(--primary)}.verdict-box{background:var(--light);border:1px solid var(--gray-200);border-left:4px solid var(--accent);border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 4px 10px rgba(0,0,0,.05);text-align:left}.verdict-title{font-size:1.4rem;font-weight:600;margin-bottom:.75rem;color:var(--primary)}.verdict-text{font-size:1.05rem;line-height:1.6;color:var(--text-gray)}.topic-results{text-align:left;margin-top:2.5rem}.topic-results h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--primary)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.topic-card{background:var(--light);border:1px solid var(--gray-200);border-radius:8px;padding:1.25rem;transition:all var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,.05)}.topic-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.topic-name{font-weight:600;font-size:.95rem;color:var(--primary)}.topic-score{font-weight:500;color:var(--text-gray);font-size:.875rem}.topic-progress-bar-container{background:var(--bg-gray);height:6px;border-radius:4px;overflow:hidden}.topic-progress-bar{height:100%;background:var(--accent);transition:width .8s}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn-secondary{background:0 0;border:2px solid var(--primary);color:var(--primary);font-size:1rem;font-weight:600;padding:.7rem 1.8rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--primary);color:var(--light)}.achievement-popup{position:fixed;top:2rem;right:2rem;background:var(--light);border:2px solid var(--accent);border-radius:var(--radius-md);padding:1rem 1.5rem;display:none;align-items:center;animation:.5s achievementSlide;z-index:1000;box-shadow:0 10px 20px rgba(0,0,0,.2)}@keyframes achievementSlide{from{transform:translateX(400px)}to{transform:translateX(0)}}.achievement-popup .emoji{font-size:1.8rem;margin-right:.5rem}.achievement-text{font-weight:600;color:var(--primary)}.loading-dots{display:inline-flex;gap:.25rem}.loading-dots span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:1.4s ease-in-out infinite both loadingDot}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,100%,80%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media screen and (max-width:768px){#quiz-container{margin:1rem}#start-screen h1{font-size:1.8rem}#question-text{font-size:1.2rem}.score-circle{width:150px;height:150px}#score-percentage{font-size:2.5rem}.topic-grid{grid-template-columns:1fr}}