*{margin:0;padding:0;box-sizing:border-box}.page-container.svelte-vi4qe5{position:absolute;left:50%;transform:translate(-50%);text-align:center;z-index:10;top:100px}.page-container.svelte-vi4qe5 h1:where(.svelte-vi4qe5){color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.explore-container.svelte-vi4qe5{height:auto;min-height:100vh;max-height:120vh;width:100vw;background:#304357;display:flex;align-items:center;justify-content:center;position:relative}.main-content.svelte-vi4qe5{display:flex;gap:40px;align-items:center;justify-content:center;height:100%;width:100%}.sidebar.svelte-vi4qe5{display:flex;flex-direction:column;gap:20px;min-width:200px}.info-button.svelte-vi4qe5{background:linear-gradient(45deg,#4a90e2,#357abd);color:#fff;border:none;padding:15px 20px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d;position:relative;overflow:hidden}.info-button.svelte-vi4qe5:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.info-button.svelte-vi4qe5:hover:before{left:100%}.info-button.svelte-vi4qe5:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.computer-display.svelte-vi4qe5{position:relative;background:#f8f9fa;border:8px solid #ddd;border-radius:15px;padding:20px;width:600px;height:600px;box-shadow:0 10px 30px #0000001a;flex-shrink:0}.computer-interior.svelte-vi4qe5{width:100%;height:100%;background:linear-gradient(45deg,#2c3e50,#34495e);background-image:url(../../../comp.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.background-image.svelte-vi4qe5{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.component.svelte-vi4qe5{position:absolute;background:linear-gradient(45deg,#3498db,#2980b9);border:2px solid #fff;border-radius:8px;color:#fff;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;font-size:12px;transition:all .3s ease;cursor:pointer;z-index:1}.component.svelte-vi4qe5:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.cpu.svelte-vi4qe5{width:80px;height:80px;top:100px;left:150px;background:linear-gradient(45deg,#e74c3c,#c0392b)}.ram.svelte-vi4qe5{width:60px;height:100px;top:80px;right:80px;background:linear-gradient(45deg,#2ecc71,#27ae60)}.motherboard.svelte-vi4qe5{width:200px;height:40px;bottom:100px;left:50px;background:linear-gradient(45deg,#f39c12,#e67e22)}.gpu.svelte-vi4qe5{width:120px;height:60px;top:200px;left:100px;background:linear-gradient(45deg,#9b59b6,#8e44ad)}.psu.svelte-vi4qe5{width:80px;height:60px;top:30px;left:30px;background:linear-gradient(45deg,#34495e,#2c3e50)}.storage.svelte-vi4qe5{width:100px;height:30px;bottom:60px;right:60px;background:linear-gradient(45deg,#16a085,#1abc9c)}.help-button.svelte-vi4qe5{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff;border:none;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ff6b6b4d;transition:all .3s ease;z-index:100}.help-button.svelte-vi4qe5:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b66}.component.svelte-vi4qe5:focus{outline:3px solid #ffcc00;outline-offset:2px}.popup.svelte-vi4qe5:focus-within{outline:none}.popup.svelte-vi4qe5{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:1000;display:flex;justify-content:center;align-items:center}.popup-content.svelte-vi4qe5{background:#fff;padding:40px;border-radius:20px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 40px #0000004d;animation:svelte-vi4qe5-popupSlide .3s ease-out}@keyframes svelte-vi4qe5-popupSlide{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close.svelte-vi4qe5{position:absolute;top:15px;right:20px;background:none;border:none;font-size:30px;cursor:pointer;color:#999;transition:color .3s ease}.popup-close.svelte-vi4qe5:hover{color:#333}.popup.svelte-vi4qe5 h2:where(.svelte-vi4qe5){color:#333;margin-bottom:20px;font-size:24px}.popup.svelte-vi4qe5 p:where(.svelte-vi4qe5){color:#666;line-height:1.6;font-size:16px}.cables.svelte-vi4qe5{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.cable.svelte-vi4qe5{position:absolute;width:4px;background:linear-gradient(45deg,#e74c3c,#c0392b);border-radius:2px}.cable1.svelte-vi4qe5{width:80px;height:4px;top:140px;left:230px;transform:rotate(30deg)}.cable2.svelte-vi4qe5{width:60px;height:4px;top:180px;right:120px;transform:rotate(-45deg)}.cable3.svelte-vi4qe5{width:100px;height:4px;bottom:120px;left:250px;transform:rotate(15deg)}.quiz-section.svelte-vi4qe5{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px;margin-top:40px}.quiz-container.svelte-vi4qe5{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}.quiz-intro.svelte-vi4qe5{text-align:center}.quiz-intro.svelte-vi4qe5 h2:where(.svelte-vi4qe5){color:#333;font-size:2.5rem;margin-bottom:20px}.quiz-intro.svelte-vi4qe5 p:where(.svelte-vi4qe5){color:#666;font-size:1.2rem;margin-bottom:30px}.quiz-start-btn.svelte-vi4qe5{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.quiz-start-btn.svelte-vi4qe5:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.quiz-header.svelte-vi4qe5{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.quiz-header.svelte-vi4qe5 h2:where(.svelte-vi4qe5){color:#333;font-size:1.5rem}.quiz-progress.svelte-vi4qe5{display:flex;align-items:center;gap:15px}.progress-bar.svelte-vi4qe5{width:150px;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill.svelte-vi4qe5{height:100%;background:linear-gradient(45deg,#4caf50,#45a049);transition:width .3s ease}.score.svelte-vi4qe5{font-weight:700;color:#333}.question-content.svelte-vi4qe5 h3:where(.svelte-vi4qe5){color:#333;font-size:1.3rem;margin-bottom:25px;line-height:1.4}.answer-options.svelte-vi4qe5{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.answer-btn.svelte-vi4qe5{background:#fff;border:2px solid #e0e0e0;padding:15px 20px;border-radius:10px;text-align:left;font-size:1rem;cursor:pointer;transition:all .3s ease;color:#333}.answer-btn.svelte-vi4qe5:hover{border-color:#4caf50;background:#f9f9f9}.answer-btn.selected.svelte-vi4qe5{border-color:#4caf50;background:#e8f5e8;color:#2e7d32}.submit-btn.svelte-vi4qe5{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn.svelte-vi4qe5:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.quiz-results.svelte-vi4qe5{text-align:center}.quiz-results.svelte-vi4qe5 h2:where(.svelte-vi4qe5){color:#333;font-size:2rem;margin-bottom:30px}.score-display.svelte-vi4qe5{margin-bottom:30px}.score-display.svelte-vi4qe5 h3:where(.svelte-vi4qe5){color:#333;font-size:1.5rem;margin-bottom:10px}.score-percentage.svelte-vi4qe5{font-size:3rem;font-weight:700;color:#4caf50;margin-bottom:15px}.score-message.svelte-vi4qe5{font-size:1.2rem;color:#666;margin-bottom:20px}.retry-btn.svelte-vi4qe5{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.retry-btn.svelte-vi4qe5:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media (max-width: 768px){.main-content.svelte-vi4qe5{flex-direction:column;padding:100px 20px 20px}.computer-display.svelte-vi4qe5{width:90vw;height:60vh;max-width:400px;max-height:300px}.component.svelte-vi4qe5{font-size:10px}.cpu.svelte-vi4qe5{width:60px;height:60px}.ram.svelte-vi4qe5{width:40px;height:80px}.motherboard.svelte-vi4qe5{width:150px;height:30px}.gpu.svelte-vi4qe5{width:90px;height:45px}.psu.svelte-vi4qe5{width:60px;height:45px}.storage.svelte-vi4qe5{width:75px;height:25px}.page-container.svelte-vi4qe5 h1:where(.svelte-vi4qe5){font-size:2rem}.quiz-container.svelte-vi4qe5{padding:20px;margin:0 10px}.quiz-header.svelte-vi4qe5{flex-direction:column;gap:15px}.quiz-progress.svelte-vi4qe5{width:100%;justify-content:center}.answer-btn.svelte-vi4qe5{font-size:.9rem;padding:12px 15px}}.answer-btn.correct.svelte-vi4qe5{border-color:#4caf50;background:#e8f5e8;color:#2e7d32}.answer-btn.incorrect.svelte-vi4qe5{border-color:#f44336;background:#ffebee;color:#c62828}.correct-answer.svelte-vi4qe5{background:#e8f5e8;border:2px solid #4CAF50;border-radius:10px;padding:15px;margin:20px 0}.correct-answer.svelte-vi4qe5 h4:where(.svelte-vi4qe5){color:#2e7d32;margin-bottom:10px;font-size:1.1rem}.correct-answer.svelte-vi4qe5 p:where(.svelte-vi4qe5){color:#666;margin:0;line-height:1.4}.continue-btn.svelte-vi4qe5{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 25px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.continue-btn.svelte-vi4qe5:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4caf5066}