*{margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}:root{--bg-app: #f0f4f9;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-secondary: #f8faff;--bg-tertiary: #edf2f7;--bg-card-hover: #f1f5f9;--primary: #3b82f6;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-dim: rgba(59, 130, 246, .08);--secondary: #93c5fd;--secondary-light: #dbeafe;--secondary-dark: #60a5fa;--secondary-dim: rgba(147, 197, 253, .1);--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--success: var(--accent-success);--error: var(--accent-error);--warning: var(--accent-warning);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-highlight: var(--primary);--border: #e2e8f0;--border-light: #f1f5f9;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .6);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .02);--shadow-md: 0 1px 3px rgba(0, 0, 0, .05);--shadow-lg: 0 2px 5px rgba(0, 0, 0, .05);--shadow-glow: none;--sidebar-width: 280px;--header-height: 72px;--font-base-size: 16px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s ease}html.font-small{--font-base-size: 14px}html.font-normal{--font-base-size: 16px}html.font-large{--font-base-size: 18px}html{font-size:var(--font-base-size, 16px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;overflow-x:hidden;margin:0;padding:0}.container{max-width:1000px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--spacing-sm);text-transform:none}h1{font-size:2.5rem;color:var(--primary);letter-spacing:-.02em}h2{font-size:2rem;color:#0c0;text-shadow:0 0 10px rgba(0,255,0,.5);border-bottom:2px solid #040;padding-bottom:10px}h3{font-size:1.5rem;color:var(--text-secondary)}h4{font-size:1.25rem;font-weight:600;color:var(--text-primary)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.highlight{color:var(--primary-dark);background:var(--primary-dim);padding:2px 6px;border-radius:4px;font-weight:600}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 80px)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-lg);max-width:100%;width:calc(100% - var(--sidebar-width))}.step-container{background:var(--bg-panel);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border);min-height:500px;position:relative;overflow:hidden;width:100%}.btn-nav,.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition);letter-spacing:-.01em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--secondary-light);border-color:var(--primary-light)}.btn-nav{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border);flex:1;max-width:180px}.btn-nav:hover:not(:disabled){border-color:var(--primary-light);background:var(--bg-secondary)}.btn-nav:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.btn-action{background:var(--primary);color:#fff;border:none;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-md)}.btn-action:hover{background:var(--primary-dark)}.step-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);gap:var(--spacing-md)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:var(--transition)}.card:hover{border-color:var(--primary-light);background:var(--bg-secondary)}.interactive-zone{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;text-align:center;position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.interactive-zone:hover{border-color:var(--primary-light);background:var(--bg-panel)}.interactive-zone.active{border-style:solid;border-color:var(--primary);background:var(--bg-panel)}.instruction-text{background:var(--secondary-light);border-left:4px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-size:.95rem}.instruction-text:before{content:"💡 "}@media(max-width:1024px){:root{--sidebar-width: 240px}}@media(max-width:768px){.main-content{margin-left:0;padding:var(--spacing-lg)}.step-navigation{flex-direction:column}.btn-nav{max-width:100%}}.app-header{position:fixed;top:0;left:0;right:0;background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-xl);max-width:1400px;margin:0 auto;height:var(--header-height)}.logo{display:flex;align-items:center;gap:var(--spacing-md);font-size:1.4rem;color:var(--primary);margin:0;font-weight:700;letter-spacing:-.01em}.logo-icon{font-size:1.8rem;display:inline-block}.header-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.font-size-control,.language-selector{display:flex;gap:4px;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border)}.font-size-control button,.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:4px;transition:var(--transition-fast);cursor:pointer;text-transform:uppercase}.font-size-control button:hover,.lang-btn:hover{color:var(--primary)}.font-size-control button.active,.lang-btn.active{background:var(--primary);color:#fff}.progress-container{position:relative;height:4px;background:var(--bg-tertiary)}.progress-bar{height:100%;background:var(--primary)}.progress-text{position:absolute;right:var(--spacing-xl);top:-24px;font-size:.75rem;color:var(--text-secondary);font-weight:600}@media(max-width:1024px){.logo span{display:none}}@media(max-width:768px){.header-content{padding:0 var(--spacing-md)}.header-controls{gap:var(--spacing-sm)}.progress-text{display:none}}.sidebar{width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border);position:fixed;left:0;top:var(--header-height);bottom:0;overflow-y:auto;z-index:900;transition:transform var(--transition)}.sidebar.closed{transform:translate(-100%)}.sidebar-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.sidebar-header h2{font-size:.9rem;margin:0;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.toggle-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast)}.toggle-btn:hover{color:var(--primary)}.nav-menu{padding:var(--spacing-sm)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:2px;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.nav-item:hover:not(.locked){background:var(--bg-secondary)}.nav-item.active{background:var(--primary-dim);color:var(--primary)}.nav-item.locked{opacity:.4;cursor:not-allowed}.nav-icon{font-size:1.1rem;min-width:24px;text-align:center}.nav-title{flex:1;font-size:.9rem;color:var(--text-secondary);font-weight:500}.nav-item.active .nav-title{color:var(--primary-dark);font-weight:700}.nav-status{font-size:1rem;color:var(--accent-success)}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-panel)}.sidebar-footer .btn-secondary{width:100%;justify-content:center;font-size:.8rem;border-radius:var(--radius-sm)}.sidebar-open-btn{position:fixed;left:var(--spacing-md);top:calc(var(--header-height) + var(--spacing-md));z-index:1000;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.sidebar-open-btn:hover{background:var(--primary-dark)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.step-content-wrapper{min-height:400px}.step-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.step-title{color:var(--primary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:1.8rem;font-weight:700}.step-icon{font-size:2.5rem}.step-text{font-size:1.15rem;line-height:1.8;color:#374151;margin-bottom:var(--spacing-xl);text-align:left;background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);border:3px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a}.step-text p{margin:0}.step-text p:not(:last-child){margin-bottom:1.5rem}.step-text strong{color:var(--primary);font-weight:800}.component-visual{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);text-align:center}.component-image{width:100%;max-height:350px;object-fit:contain;border-radius:var(--radius-sm)}.comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:center;margin:var(--spacing-xl) 0}.comparison-side{padding:var(--spacing-lg);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-fast)}.comparison-side:hover{border-color:var(--primary-light);background:var(--bg-secondary)}.comparison-side h3{margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--primary);font-weight:700}.comparison-divider{font-size:1.5rem;color:var(--primary-light);font-weight:600}.metaphor-box,.comparison-box,.post-box,.example-box{background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--primary-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;font-size:.95rem;color:var(--text-secondary)}.metaphor-box strong,.comparison-box strong,.post-box strong,.example-box strong{color:var(--primary-dark)}.safety-warning{background:#ef444408;border:1px solid var(--accent-error);border-left:4px solid var(--accent-error);border-radius:var(--radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--text-primary)}.safety-warning strong{color:var(--accent-error)}.details-grid,.specs-grid,.uses-grid,.ports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.detail-item,.spec-item,.use-item,.port-item{padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary)}.port-item h4{color:var(--primary-dark);margin-bottom:var(--spacing-xs);font-size:.95rem}.port-item p{font-size:.85rem;color:var(--text-muted);margin:0}.types-list,.tasks-list{margin:var(--spacing-lg) 0}.type-item,.task-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);font-size:.95rem}.task-item{display:flex;align-items:center;gap:var(--spacing-md)}.task-number{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.task-text{flex:1;color:var(--text-secondary)}.boot-steps{margin:var(--spacing-xl) 0}.boot-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);position:relative}.boot-step-number{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.boot-step-icon{font-size:1.5rem;flex-shrink:0}.boot-step-text{flex:1;color:var(--text-secondary)}.storage-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.storage-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid;transition:var(--transition-fast)}.ssd-card{background:#7bc8a41a;border-color:var(--success)}.hdd-card{background:#ffd97d1a;border-color:var(--warning)}.storage-card h4{font-size:1.3rem;margin-bottom:var(--spacing-md)}.storage-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.comparison-container{grid-template-columns:1fr}.comparison-divider{transform:rotate(90deg);margin:var(--spacing-md) 0}.details-grid,.specs-grid,.uses-grid,.ports-grid{grid-template-columns:1fr}}.highlight{color:var(--primary);background:#5b9bd51a;padding:0 4px;border-radius:4px}.activities-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:2px dashed var(--border)}.activities-title{text-align:center;color:var(--primary);margin-bottom:var(--spacing-xl);font-size:1.4rem}.content-heading{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.tech-concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.concept-card-tech{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid #e2e8f0;display:flex;gap:var(--spacing-md);align-items:flex-start;box-shadow:0 4px 6px #00000005}.concept-icon-circle{background:#f5f3ff;color:#7c3aed;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.concept-content-text h4{margin:0 0 5px;color:#1e293b;font-weight:800}.concept-content-text p{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.psu-details-box{background:#fbfaff;padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;border:3px solid #7c3aed;box-shadow:0 4px 20px #7c3aed0d}.psu-details-box h3{margin-top:0;color:#1e293b;font-weight:800;text-align:center;margin-bottom:var(--spacing-lg)}.psu-details-inner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.psu-detail-item strong{display:block;color:#7c3aed;margin-bottom:5px}.psu-detail-item p{margin:0;font-size:.95rem;color:#334155}.back-btn{background:#e2e8f0;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:#1e293b;font-weight:700;cursor:pointer;margin-bottom:var(--spacing-md);transition:all .2s}.back-btn:hover{background:#cbd5e1;transform:translate(-3px)}.cooling-types-section{display:flex;flex-direction:column;gap:30px;margin-top:30px}.cooling-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:25px;box-shadow:0 4px 6px #0000000d}.cooling-type-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:2px solid #f1f5f9;padding-bottom:15px}.cooling-type-header h3{margin:0;font-size:1.4rem;color:#0f172a}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pros-section h4,.cons-section h4{font-weight:800;margin-bottom:15px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.pros-section h4{color:#16a34a}.cons-section h4{color:#dc2626}.pros-section li,.cons-section li{margin-bottom:8px;padding-left:0;position:relative;color:#475569;font-size:.95rem;display:flex;align-items:flex-start;gap:10px}.pros-section li:before{content:"✓";position:static;color:#16a34a;font-weight:700;flex-shrink:0}.cons-section li:before{content:"×";position:static;color:#dc2626;font-weight:700;flex-shrink:0}@media(max-width:600px){.pros-cons-grid{grid-template-columns:1fr;gap:20px}}.cooling-types-section{display:grid;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.cooling-type-card{background:#fff;border:3px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease}.cooling-type-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00000026}.cooling-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.cooling-type-header h3{font-size:1.4rem;color:#1a1a1a;margin:0;font-weight:900}.cooling-image{width:200px;height:130px;object-fit:cover;border-radius:var(--radius-sm);border:3px solid #e5e7eb}.cooling-description{color:#374151;margin-bottom:var(--spacing-lg);line-height:1.7;font-size:1rem;font-weight:500}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.pros-section,.cons-section{background:#f9fafb;padding:var(--spacing-md);border-radius:var(--radius-sm);border:2px solid #e5e7eb}.pros-section h4{color:#059669;margin:0 0 var(--spacing-sm) 0;font-size:1rem;font-weight:900}.cons-section h4{color:#dc2626;margin:0 0 var(--spacing-sm) 0;font-size:1rem;font-weight:900}.pros-section ul,.cons-section ul{list-style:none;padding:0;margin:0}.pros-section li,.cons-section li{padding:var(--spacing-xs) 0;font-size:.95rem;line-height:1.6;color:#1f2937;font-weight:500}.use-case{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);text-align:center;margin-top:var(--spacing-md);font-size:1rem}.thermal-paste-box{background:#fff;color:#1a1a1a;padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;border:3px solid #e5e7eb;box-shadow:0 4px 12px #0000001a}.thermal-paste-box h3{margin:0 0 var(--spacing-lg) 0;color:#1a1a1a;text-align:center;font-size:1.5rem}.thermal-paste-box p{margin:var(--spacing-md) 0;line-height:1.7;color:#374151}.thermal-paste-video-container{width:100%;max-width:700px;margin:var(--spacing-xl) auto;border-radius:var(--radius-md);overflow:hidden;border:3px solid #e5e7eb;box-shadow:0 8px 24px #00000026;background:#000}.thermal-paste-video{width:100%;height:auto;display:block}.importance-note{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-lg)!important;font-weight:700;border-left:4px solid #f59e0b;text-align:center}.activity-intro-box{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1a1a;padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;border:3px solid #fcd34d;text-align:center}.activity-intro-box h3{margin:0 0 var(--spacing-md) 0;color:#1a1a1a;font-size:1.4rem}.activity-intro-box p{margin:0;line-height:1.6;font-weight:600}@media(max-width:768px){.pros-cons-grid{grid-template-columns:1fr}.cooling-type-header{flex-direction:column;align-items:flex-start}.cooling-image{width:100%;height:150px}}.image-zoom-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.zoom-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:default}.zoom-modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-sm)}.close-zoom{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-zoom:hover{background:#dc2626;transform:scale(1.1)}.zoom-caption{text-align:center;margin-top:var(--spacing-md);font-weight:700;color:#1a1a1a}.cooling-image.clickable{cursor:pointer;transition:all .3s ease}.cooling-image.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.memory-storage-container{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.sub-section-card{background:#fff;border:3px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 4px 12px #0000000d;margin-bottom:var(--spacing-lg)}.sub-section-card h3{color:var(--primary);font-size:1.6rem;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.explanation-text{color:#374151;line-height:1.8;margin-bottom:var(--spacing-xl);font-size:1.05rem}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.capacity-item{background:#f9fafb;border:2px solid #f3f4f6;border-radius:var(--radius-sm);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.capacity-item:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.capacity-amount{font-size:1.5rem;font-weight:900;color:var(--primary);display:block;margin-bottom:var(--spacing-xs)}.capacity-verdict{display:inline-block;background:var(--primary);color:#fff;padding:2px 10px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:var(--spacing-sm);text-transform:uppercase}.capacity-use{font-size:.9rem;color:#4b5563;display:block}.storage-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.storage-illustration{margin:var(--spacing-lg) auto;max-width:400px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.storage-illustration img{width:100%;height:auto;display:block}.storage-card{border:2px solid #f3f4f6;border-radius:var(--radius-sm);padding:var(--spacing-lg);background:#f9fafb}.storage-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.storage-type-header h4{font-size:1.3rem;color:#111827;margin:0}.storage-speed-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700}.storage-speed-badge.slow{background:#f59e0b}.storage-tech{font-size:.9rem;color:#6b7280;margin-bottom:var(--spacing-sm);display:block;font-style:italic}.nvme-highlight-box{margin-top:var(--spacing-xl);background:linear-gradient(135deg,#7c3aed1a,#06b6d41a);border-left:5px solid #7c3aed;padding:var(--spacing-lg);border-radius:var(--radius-sm);color:#1e293b;line-height:1.7}.nvme-highlight-box strong{color:#7c3aed;font-weight:800}.memory-storage-lab{background:#f8fafc;border-radius:var(--radius-md);padding:var(--spacing-xl);color:#1e293b;margin-top:var(--spacing-xl);border:3px solid #e2e8f0;box-shadow:0 10px 25px #0000000d}.lab-menu h3{text-align:center;color:var(--primary);font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.lab-menu p{text-align:center;color:#64748b;margin-bottom:var(--spacing-xl);font-weight:600}.game-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.game-card{background:#fff;border:3px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-xl);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:center;color:#1e293b;box-shadow:0 4px 6px #0000000d}.game-card:hover{border-color:var(--primary);transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.game-icon{font-size:3.5rem;display:block;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.game-card h4{font-size:1.25rem;margin-bottom:.5rem;font-weight:800}.back-btn{background:#ef4444;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;margin-bottom:var(--spacing-lg);font-weight:800;text-transform:uppercase;box-shadow:0 4px #991b1b;transition:all .1s}.back-btn:active{transform:translateY(2px);box-shadow:0 2px #991b1b}.monitor-frame{background:#2d3436;padding:15px;border-radius:12px;border:8px solid #636e72;box-shadow:0 20px 40px #00000080;position:relative;max-width:800px;margin:20px auto 0}.monitor-frame:after{content:"";display:block;width:60px;height:30px;background:#636e72;margin:5px auto 0}.monitor-base{width:140px;height:12px;background:#2d3436;margin:-5px auto 20px;border-radius:4px;box-shadow:0 4px 8px #0000004d}.desktop-screen{background:linear-gradient(45deg,#1e3799,#0984e3);height:420px;border-radius:4px;position:relative;overflow:hidden;color:#fff;box-shadow:inset 0 0 100px #0003}.desktop-screen.off{background:#000;box-shadow:none}.desktop-icons{display:grid;grid-template-columns:repeat(2,90px);grid-auto-rows:100px;gap:15px;padding:25px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;text-align:center;transition:all .2s;background:transparent;border:none;color:#fff}.desktop-icon:hover{background:#ffffff26;border-radius:8px}.icon-box{width:55px;height:55px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 6px 12px #0006}.desktop-icon span{font-size:.75rem;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:700}.taskbar{position:absolute;bottom:0;left:0;right:0;height:45px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 15px;gap:10px;z-index:10}.start-btn-desktop{width:32px;height:32px;background:#0984e3;border-radius:4px;margin-right:10px;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.taskbar-item{background:#fff3;height:35px;padding:0 15px;border-radius:4px;display:flex;align-items:center;font-size:.8rem;border-bottom:3px solid #0984e3;animation:openTask .3s cubic-bezier(.18,.89,.32,1.28);cursor:pointer}@keyframes openTask{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ram-meter-container{margin:var(--spacing-xl) 0}.ram-header{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:800}.ram-bar-bg{height:45px;background:#374151;border-radius:25px;padding:6px}.ram-bar-fill{height:100%;background:#10b981;border-radius:20px}.ram-bar-fill.warning{background:#f59e0b}.ram-bar-fill.critical{background:#ef4444}.oom-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.oom-modal{background:#fff;padding:30px;border-radius:15px;color:#1a1a1a;text-align:center;max-width:350px;border-top:12px solid #ef4444;box-shadow:0 25px 60px #0009}.oom-modal h4{color:#ef4444;font-size:1.6rem;margin-bottom:12px;font-weight:900}.oom-modal p{color:#4b5563;margin-bottom:10px;line-height:1.6}.oom-modal button{background:#ef4444;color:#fff;border:none;padding:12px 35px;border-radius:8px;margin-top:25px;font-weight:800;cursor:pointer;font-size:1rem}.doc-editor{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:85%;height:75%;background:#fff;border-radius:8px;box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column;color:#111827}.editor-header{background:#f1f5f9;padding:10px 20px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px}.editor-title{font-weight:800;font-size:.85rem;color:#475569}.editor-body{padding:25px;font-family:Courier New,Courier,monospace;flex-grow:1;overflow-y:auto;font-size:1.1rem;line-height:1.7}.save-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:900;text-transform:uppercase}.save-badge.pending{background:#fee2e2;color:#dc2626}.save-badge.saved{background:#dcfce7;color:#16a34a}.save-btn-game{background:#2563eb;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-weight:800;cursor:pointer;font-size:.85rem}.save-btn-game:hover{background:#1d4ed8}.power-btn-real{position:absolute;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:#dc2626;border:5px solid #991b1b;color:#fff;font-weight:900;cursor:pointer;z-index:20;box-shadow:0 6px #991b1b;display:flex;align-items:center;justify-content:center;font-size:.9rem}.power-btn-real:active{transform:translateY(4px);box-shadow:0 2px #991b1b}.race-tracks{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.track-label{display:flex;justify-content:space-between;font-weight:700;margin-bottom:5px}.speed-info{color:#9ca3af;font-size:.8rem}.progress-bar-bg{height:35px;background:#374151;border-radius:17px;overflow:hidden;position:relative;border:2px solid #4b5563}.progress-bar{height:100%}.progress-bar.nvme{background:linear-gradient(90deg,#a855f7,#c084fc)}.progress-bar.ssd{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.hdd{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.finish-time{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:950;font-size:.85rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hdd-noise{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:.75rem;font-style:italic;color:#fffc}.persistence-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.data-box{background:#1f2937;min-height:250px;border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:12px;border:3px dashed #4b5563}.data-chip{padding:12px;border-radius:8px;font-size:.95rem;font-weight:700}.data-chip.volatile{background:#3b82f6;border:2px solid #60a5fa;color:#fff}.data-chip.permanent{background:#10b981;border:2px solid #34d399;color:#fff}.purged-msg{text-align:center;color:#ef4444;font-weight:900;margin:auto;font-size:1.1rem;padding:20px;border:2px solid #ef4444;border-radius:8px;background:#ef44441a}.lesson-box{background:#fff;color:#1e293b;padding:var(--spacing-xl);border-radius:var(--radius-md);margin-top:var(--spacing-xl);border-left:8px solid #10b981;box-shadow:0 4px 12px #0000000d}.start-btn{display:block;margin:0 auto;background:#10b981;color:#fff;border:none;padding:18px 45px;font-size:1.3rem;font-weight:900;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #10b9814d}@media(max-width:650px){.persistence-grid{grid-template-columns:1fr}.desktop-icons{grid-template-columns:repeat(2,70px)}.monitor-frame{border-width:4px}}.car-avatar{position:absolute;top:50%;transform:translateY(-50%) scaleX(-1);font-size:2rem;z-index:5;transition:none}.gamified-start-btn{display:block;margin:20px auto;background:#059669;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:900;border-radius:12px;cursor:pointer;box-shadow:0 6px #047857;transition:all .1s}.gamified-start-btn:active{transform:translateY(4px);box-shadow:0 2px #047857}.gamified-start-btn.restart{background:#4b5563;box-shadow:0 6px #374151}.ram-upgrade-panel{display:flex;gap:20px;align-items:center;background:#fff;padding:20px;border-radius:15px;border:3px solid #e2e8f0;margin-top:20px}.add-ram-btn{display:flex;align-items:center;gap:15px;background:#7c3aed;color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;box-shadow:0 4px #5b21b6;transition:all .1s;min-width:180px;text-align:left}.add-ram-btn:hover:not(:disabled){background:#8b5cf6}.add-ram-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #5b21b6}.add-ram-btn:disabled{background:#cbd5e1;box-shadow:0 4px #94a3b8;cursor:not-allowed}.plus-icon{background:#fff3;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900}.add-ram-btn strong{display:block;font-size:1rem}.add-ram-btn span:not(.plus-icon){font-size:.75rem;opacity:.9}.ram-slots-animation{margin:20px 0;padding:15px;background:#f1f5f9;border-radius:10px}.slots-label{font-size:.8rem;font-weight:800;color:#475569;margin-bottom:8px;text-transform:uppercase}.memory-slots{display:flex;justify-content:center;gap:10px}.slot{width:15px;height:60px;border-radius:2px}.slot.filled{background:#7c3aed;border:2px solid #5b21b6;box-shadow:0 0 10px #7c3aed66;animation:insertSlot .5s ease-out}.slot.empty{background:#cbd5e1;border:2px dashed #94a3b8}@keyframes insertSlot{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.gamified-btn{background:#2563eb;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:800;cursor:pointer;box-shadow:0 4px #1d4ed8;transition:all .1s}.gamified-btn:active{transform:translateY(2px);box-shadow:0 2px #1d4ed8}.mini-activity{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin:var(--spacing-lg) 0}.mini-activity h4{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.2rem;font-weight:700}.mini-activity .activity-instruction{color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:4px solid var(--primary);font-size:.95rem}.mini-activity .conclusion{background:#10b9810d;border:1px solid var(--accent-success);padding:var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-primary);margin-top:var(--spacing-lg);font-size:.95rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);height:6px;border-radius:3px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:2px solid white}.socket-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.socket-item:hover{border-color:var(--primary-light);background:var(--bg-secondary)}.socket-item.selected{border-color:var(--primary);background:var(--primary-dim)}.socket-activity .result{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.socket-activity .result.success{background:var(--accent-success)}.socket-activity .result.error{background:var(--accent-error)}.program-tab{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.socket-activity .socket-grid{grid-template-columns:1fr}}.cores-activity-v3 .factory-simulation{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xl)}.conveyor-belt-area{display:flex;flex-direction:column;gap:var(--spacing-xl)}.task-queue-display{background:#1a1a1a;padding:var(--spacing-lg);border-radius:var(--radius-sm);border:2px solid #333}.task-queue-display h5{margin:0 0 var(--spacing-md) 0;color:var(--primary);font-size:.9rem;text-transform:uppercase}.task-queue-belt{min-height:60px;background:linear-gradient(90deg,#222,#333,#222);border:2px solid #444;border-radius:var(--radius-sm);padding:var(--spacing-sm);display:flex;gap:var(--spacing-sm);align-items:center;overflow-x:auto;position:relative}.task-queue-belt:before{content:"→";position:absolute;right:10px;font-size:2rem;color:#666;animation:arrow-pulse 1s infinite}@keyframes arrow-pulse{0%,to{opacity:.3}50%{opacity:1}}.task-item{font-size:2rem;background:#fff;border:2px solid #333;border-radius:8px;padding:var(--spacing-sm);min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #0000004d}.task-item.processing{background:var(--primary-dim);border-color:var(--primary);animation:task-processing 1s infinite}@keyframes task-processing{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cores-processing-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.core-station{background:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.core-station.overloaded{border-color:#ef4444;animation:station-shake .5s infinite}@keyframes station-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.core-task-slot{min-height:70px;background:#f5f5f5;border:2px dashed #ccc;border-radius:var(--radius-sm);margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center}.control-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn-action{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:var(--transition-fast)}.btn-start{background:#10b981;color:#fff}.btn-stop{background:#ef4444;color:#fff}.btn-reset{background:#6b7280;color:#fff}.btn-unlock-core:disabled{opacity:.5;cursor:not-allowed}.explanation-box{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-md) 0;border-left:4px solid #60a5fa;font-weight:600;line-height:1.6}.task-speed-control{background:var(--bg-panel);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-md) 0}.speed-label{display:block;font-weight:700;margin-bottom:var(--spacing-md);color:var(--primary);text-align:center;font-size:1rem}.speed-indicator-traffic{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#1a1a1a;border-radius:var(--radius-md)}.traffic-light{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.3;transition:all .3s ease;border:3px solid transparent}.traffic-light.active{opacity:1;transform:scale(1.2);box-shadow:0 0 30px currentColor;border-color:#fff;animation:pulse-light 1s infinite}@keyframes pulse-light{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}.speed-buttons-arcade{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.speed-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);border:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);min-height:100px;position:relative;overflow:hidden}.speed-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.speed-btn:hover:before{opacity:1}.speed-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);display:block}.speed-text{font-weight:900;font-size:.9rem;text-transform:uppercase}.speed-btn.speed-slow{border-color:#10b981;background:linear-gradient(135deg,#065f46,#10b981);color:#fff}.speed-btn.speed-slow.active{box-shadow:0 0 20px #10b981,inset 0 0 20px #10b9814d;transform:scale(1.05)}.speed-btn.speed-normal{border-color:#facc15;background:linear-gradient(135deg,#ca8a04,#facc15);color:#1a1a1a}.speed-btn.speed-normal.active{box-shadow:0 0 20px #facc15,inset 0 0 20px #facc154d;transform:scale(1.05)}.speed-btn.speed-fast{border-color:#ef4444;background:linear-gradient(135deg,#991b1b,#ef4444);color:#fff}.speed-btn.speed-fast.active{box-shadow:0 0 20px #ef4444,inset 0 0 20px #ef44444d;transform:scale(1.05)}.speed-btn:disabled{opacity:.5;cursor:not-allowed}.speed-btn:disabled:hover{transform:none}.thermal-challenge .thermal-display{display:flex;gap:var(--spacing-xl);background:#1a1a1a;padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.cpu-thermometer-area{display:flex;gap:var(--spacing-xl);align-items:center}.thermometer-giant{position:relative;display:flex;align-items:center;gap:var(--spacing-lg)}.thermo-scale{display:flex;flex-direction:column;justify-content:space-between;height:300px}.scale-mark{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.thermo-tube{width:60px;height:300px;background:#f5f5f5;border-radius:30px;border:3px solid #333;overflow:hidden;position:relative}.thermo-mercury{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 30px 30px;transition:height .5s ease,background-color .5s ease}.temp-display-large{font-size:2rem;font-weight:900;color:var(--primary)}.cpu-visual-chip{width:120px;height:120px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000004d;transition:background-color .5s ease}.chip-core{width:60px;height:60px;background:#fff3;border-radius:8px;border:2px solid rgba(255,255,255,.4)}.chip-label{position:absolute;top:10px;font-weight:900;color:#fff;font-size:.8rem}.chip-speed{position:absolute;bottom:10px;font-weight:900;color:#fff;font-size:1rem}.thermal-controls{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-group{background:var(--bg-panel);padding:var(--spacing-md);border-radius:var(--radius-sm)}.control-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-weight:700}.value-display{color:var(--primary)}.thermal-slider{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#3b82f6,#facc15,#ef4444);border-radius:5px;outline:none}.thermal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--primary);cursor:pointer}.thermal-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--primary);cursor:pointer}.cooler-selector h5{margin:0 0 var(--spacing-sm) 0;font-size:.9rem}.cooler-buttons{display:flex;gap:var(--spacing-sm)}.cooler-btn{flex:1;padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:.85rem}.cooler-btn.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.cooler-btn:hover:not(.active){border-color:var(--primary)}.ghz-control-arcade{background:var(--bg-panel);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border)}.ghz-display{text-align:center;margin-bottom:var(--spacing-md)}.ghz-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.ghz-value{font-size:2.5rem;font-weight:900;color:var(--primary);margin:var(--spacing-sm) 0}.ghz-target{font-size:.9rem;color:var(--text-secondary)}.ghz-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.ghz-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);border:3px solid var(--primary);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-panel) 100%);cursor:pointer;transition:all .3s ease;min-height:80px}.ghz-btn:hover:not(:disabled){background:var(--primary-dim);box-shadow:0 0 20px var(--primary)}.ghz-btn:disabled{opacity:.3;cursor:not-allowed}.ghz-btn .btn-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.ghz-btn .btn-text{font-size:.75rem;font-weight:700;text-transform:uppercase}.cooler-selector-arcade{background:var(--bg-panel);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border)}.cooler-selector-arcade h5{margin:0 0 var(--spacing-md) 0;text-align:center;color:var(--primary)}.cooler-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.cooler-btn-arcade{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);border:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;background:var(--bg-secondary);min-height:120px}.cooler-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.cooler-name{font-size:.75rem;font-weight:700;text-align:center;text-transform:uppercase}.cooler-btn-arcade.cooler-stock{border-color:#3b82f6}.cooler-btn-arcade.cooler-stock.active{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;box-shadow:0 0 20px #3b82f6;transform:scale(1.05)}.cooler-btn-arcade.cooler-tower{border-color:#10b981}.cooler-btn-arcade.cooler-tower.active{background:linear-gradient(135deg,#065f46,#10b981);color:#fff;box-shadow:0 0 20px #10b981;transform:scale(1.05)}.cooler-btn-arcade.cooler-liquid{border-color:#06b6d4}.cooler-btn-arcade.cooler-liquid.active{background:linear-gradient(135deg,#164e63,#06b6d4);color:#fff;box-shadow:0 0 20px #06b6d4;transform:scale(1.05)}.throttling-warning{background:#7f1d1d;border:2px solid #ef4444;padding:var(--spacing-md);border-radius:var(--radius-sm)}.warning-title{font-weight:900;color:#fca5a5;margin-bottom:var(--spacing-sm)}.success-message{background:linear-gradient(135deg,#065f46,#10b981);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;margin-top:var(--spacing-lg)}.success-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.success-message p{color:#fff;font-weight:700;margin:0}.worker-emoji{font-size:1.5rem;margin-right:var(--spacing-sm)}.core-header-v3{background:#fff!important;color:#000!important;padding:var(--spacing-sm);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);border:3px solid #111;box-shadow:4px 4px #0003}.worker-avatar{font-size:1.8rem;background:#eee;padding:2px;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.worker-meta{display:flex;flex-direction:column}.core-header-v3 .label-text{color:#000!important;font-weight:900;text-transform:uppercase;font-size:.7rem;line-height:1.1}.worker-status-tag{font-size:.55rem;font-weight:900;padding:1px 4px;border-radius:3px;width:fit-content}.tag-danger{background:#fee2e2;color:#b91c1c;border:1px solid #b91c1c}.tag-success{background:#d1fae5;color:#065f46;border:1px solid #065f46}.sweat-emoji{margin-left:auto;font-size:1.2rem}.overloaded{animation:jitter-subtle .3s infinite;border:2px solid #ef4444!important}@keyframes jitter-subtle{0%,to{transform:translate(0)}25%{transform:translate(1px,1px)}75%{transform:translate(-1px,-1px)}}.app-pill-v2.alarm-mode{border:2px solid #ef4444!important;animation:alarm-pulse 1s infinite}@keyframes alarm-pulse{0%,to{border-color:#ef4444;box-shadow:0 0 5px #ef4444}50%{border-color:#f88;box-shadow:0 0 15px #ef4444}}.worker-station{min-height:200px;display:flex;flex-direction:column}.box-item{background:#2a2a2a;border:1px solid #444;box-shadow:inset 0 0 5px #ffffff1a}.worker-load-bar{margin-top:auto;padding-top:var(--spacing-md)}.load-numerical{font-size:.7rem;font-weight:900;color:var(--text-secondary);margin-bottom:4px;text-align:right}.bar-bg{height:12px;background:#111;border-radius:6px;overflow:hidden;border:1px solid #333}.bar-fill{height:100%;box-shadow:0 0 10px currentColor}.btn-unlock-core.worker-add{background:#0f8;color:#000}.conclusion-card.gold{border:2px solid #ffd700;background:#fff;color:#1a1a1a}.conclusion-card.gold .concl-icon{filter:drop-shadow(0 0 10px #ffd700)}.mini-activity.gamified{border:2px solid var(--border);background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-secondary) 100%);box-shadow:var(--shadow-md)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.status-light{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.status-light.danger{color:#ef4444;background:#ef4444}.status-light.success{color:#10b981;background:#10b981}.mission-box{background:var(--primary-dim);color:var(--primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;margin-bottom:var(--spacing-lg);border:1px dashed var(--primary)}.core-box.jitter{animation:jitter .2s infinite;border-color:#ef4444}@keyframes jitter{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.app-pill-v2{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);border-left:3px solid var(--app-color)}.app-icon{font-size:1.2rem}.app-name{font-weight:700;font-size:.8rem;line-height:1}.app-desc{font-size:.65rem;color:var(--text-secondary)}.core-load-container{margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.load-percentage{font-size:.7rem;font-weight:800;width:30px}.status-report{flex:1;margin-right:var(--spacing-lg)}.status-report.bad .status-title{color:#ef4444;font-weight:800}.status-report.good .status-title{color:#10b981;font-weight:800}.status-hint{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.btn-unlock-core{background:var(--primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.conclusion-card{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);border:2px solid #10b981}.concl-icon{font-size:2.5rem}.science-hint{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:var(--spacing-lg);opacity:.8}.tuner-dashboard-v2{background:#1a1a1a;padding:var(--spacing-xl);border-radius:var(--radius-md);border:2px solid #333}.gauges-v2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.gauge-hex{background:#252525;padding:var(--spacing-lg);border-radius:var(--radius-sm);text-align:center;border-top:2px solid #444}.gauge-val{font-size:2.5rem;font-weight:900;font-family:Rajdhani,sans-serif;margin:10px 0}.gauge-track{height:10px;background:#111;border-radius:5px;overflow:hidden}.throttling-hazard{background:#450a0a;border:2px solid #ef4444;padding:var(--spacing-lg);border-radius:var(--radius-sm);text-align:center;color:#fecaca;margin-bottom:var(--spacing-xl);position:relative}.hazard-title{font-weight:900;font-size:1.1rem;color:#ef4444}.fire-anim{font-size:2rem;position:absolute;top:-10px;right:10px;animation:flicker .5s infinite}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.game-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:15px;background:#333;border-radius:10px;outline:none}.game-slider::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;background:var(--primary);border:4px solid #fff;border-radius:50%;cursor:pointer}.cooler-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.cooler-card{background:#222;border:1px solid #444;padding:var(--spacing-md);border-radius:var(--radius-sm);color:#888;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.cooler-card.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.achievement-unlocked{background:linear-gradient(45deg,#10b981,#059669);padding:var(--spacing-lg);border-radius:var(--radius-md);color:#fff;text-align:center;margin-top:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);font-weight:700}.medal{font-size:3rem}@media(max-width:600px){.gauges-v2,.cooler-grid-v2{grid-template-columns:1fr}}.tuner-dashboard-v3{background:#1a1a1a;padding:var(--spacing-xl);border-radius:var(--radius-md);border:2px solid #333;display:flex;gap:var(--spacing-xl)}.cpu-display-area{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl)}.cpu-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.cpu-chip{width:150px;height:150px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.cpu-core{width:80px;height:80px;background:#fff3;border-radius:8px;border:2px solid rgba(255,255,255,.4)}.cpu-text{position:absolute;bottom:10px;font-weight:900;font-size:1.2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.melting-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem}.cpu-stats{background:var(--bg-panel);padding:var(--spacing-md);border-radius:var(--radius-sm);width:100%;max-width:300px}.cpu-stats p{margin:var(--spacing-xs) 0;font-size:.9rem}.thermometer-container{display:flex;justify-content:center;align-items:center}.thermometer-body{width:60px;height:400px;background:#f5f5f5;border-radius:30px;position:relative;border:3px solid #333;overflow:hidden;box-shadow:inset 0 0 10px #0003}.thermometer-scale{position:absolute;right:-50px;top:0;height:100%;display:flex;flex-direction:column-reverse;justify-content:space-between;padding:10px 0}.thermometer-scale span{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.thermometer-fill{position:absolute;bottom:0;left:0;right:0;background:#facc15;transition:height .5s ease,background-color .5s ease;border-radius:0 0 30px 30px}.melting-hazard{background:#450a0a!important;border-color:#dc2626!important}.melting-hazard .hazard-title{color:#fca5a5!important}.cooler-card:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.tuner-dashboard-v3{flex-direction:column}.thermometer-body{height:300px}}.simile-visual{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.simile-visual h4{text-align:center;color:var(--primary-dark);margin-bottom:var(--spacing-xl);font-size:1.25rem;font-weight:700}.analogy-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);transition:var(--transition-fast);border-top:4px solid var(--primary)}.analogy-card:hover{background:var(--bg-secondary)}.analogy-icon{font-size:2.5rem;background:var(--bg-secondary);width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);color:var(--primary)}.analogy-pc{background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--primary-dark);font-weight:600;font-size:.9rem}.thought-item{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-panel);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border)}.pc-thought{color:var(--primary-dark);font-size:.85rem;font-weight:600;background:var(--primary-dim);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.visual-side{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.desk-side{border-top:4px solid var(--secondary)}.closet-side{border-top:4px solid var(--primary)}.visual-items{display:flex;gap:var(--spacing-sm);font-size:1.4rem;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.pc-equivalent{font-size:.85rem;font-weight:600;color:var(--primary-dark);background:var(--primary-dim);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}@media(max-width:768px){.comparison-visual{grid-template-columns:1fr}.thought-texts{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.interactive-match{display:flex;flex-direction:column;align-items:center}.match-game-container{display:flex;justify-content:space-between;width:100%;margin:var(--spacing-md) 0;gap:40px;position:relative}.match-column{flex:1;display:flex;flex-direction:column;gap:15px}.game-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:10px 16px;cursor:pointer;position:relative;display:flex;align-items:center;gap:12px;height:60px;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 5px #0000000d}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.game-card.selected{border-color:var(--primary);background:#f0f9ff}.game-card.matched{opacity:.6;transform:none;cursor:default;border-style:solid}.connector-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;position:absolute;top:50%;transform:translateY(-50%);border:2px solid white;box-shadow:0 0 0 2px #e2e8f0;transition:background .3s}.game-card.left{padding-right:24px}.game-card.left .connector-dot{right:-6px}.game-card.right{padding-left:24px;justify-content:flex-end}.game-card.right .connector-dot{left:-6px}.match-success-banner{margin-top:20px;padding:15px 30px;background:#dcfce7;color:#166534;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px -1px #0000001a}.success-icon,.card-icon{font-size:1.5rem}.card-text{font-weight:600;font-size:.9rem;color:#334155}@media(max-width:600px){.match-game-container{flex-direction:column;gap:20px}.game-card.left{flex-direction:row}.game-card.right{justify-content:flex-start;flex-direction:row-reverse}.connector-dot{display:none}}.match-feedback{margin-top:15px;padding:12px 20px;background:#fff;border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 15px #0000000d;font-size:.9rem;color:var(--text-primary);text-align:left;width:100%;max-width:500px}.match-feedback strong{color:var(--primary-dark);margin-right:5px}.activity-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;margin:0;text-align:center;width:100%}.activity-instruction{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:4px solid var(--primary);text-align:left}.pc-setup-simulation{min-height:500px;padding:var(--spacing-xl)}.pc-desk-setup{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--radius-md);min-height:380px}.tower-unit{display:flex;flex-direction:column;align-items:center}.tower-body{width:100px;height:280px;background:#e2e8f0;border-radius:8px;border:2px solid #cbd5e1;position:relative}.tower-front{height:100%;display:flex;flex-direction:column}.drive-bay{padding:10px;border-bottom:1px solid #cbd5e1}.dvd-drive{width:100%;height:12px;background:#cbd5e1;border:1px solid #94a3b8;border-radius:2px}.front-panel{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px 10px;gap:15px}.power-btn-tower{width:40px;height:40px;border-radius:50%;background:#cbd5e1;border:2px solid #94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.power-btn-tower:hover{border-color:var(--primary)}.power-btn-tower.active{background:var(--primary);border-color:var(--primary-dark)}.power-btn-tower i,.power-symbol{color:#64748b;font-size:1.2rem}.power-btn-tower.active i,.power-btn-tower.active .power-symbol{color:#fff}.power-btn-tower:disabled{opacity:.5;cursor:default}.power-btn-tower.on .power-symbol{color:#fff}.front-leds{display:flex;gap:8px}.led{width:6px;height:6px;border-radius:50%;background:#3d566e}.led.power-led.on{background:var(--success);box-shadow:0 0 8px var(--success)}.led.hdd-led.blinking{animation:hdd-blink .1s infinite}@keyframes hdd-blink{0%,to{background:#ff6b35;box-shadow:0 0 5px #ff6b35}50%{background:#3d566e;box-shadow:none}}.front-ports{display:flex;gap:5px;margin-top:auto}.usb-port{width:10px;height:5px;background:#1a252f;border:1px solid #4A6378}.audio-port{width:6px;height:6px;border-radius:50%;background:#1a252f;border:1px solid #4A6378}.tower-vent{position:absolute;bottom:20px;left:10px;right:10px;display:flex;flex-direction:column;gap:3px}.vent-line{height:2px;background:#1a252f;border-radius:1px}.device-label{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--text-muted)}.video-cable{display:flex;flex-direction:column;align-items:center;align-self:center;position:relative;margin:0 -20px;z-index:10}.cable-line{width:80px;height:8px;background:linear-gradient(90deg,#2c3e50,#4a6378,#4a6378,#2c3e50);border-radius:4px;position:relative;box-shadow:0 2px 4px #0000004d}.cable-line:before,.cable-line:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:25px;height:16px;background:linear-gradient(180deg,#4a6378,#3d566e);border:2px solid #5A7A95;border-radius:3px;box-shadow:0 2px 4px #0000004d}.cable-line:before{left:-27px}.cable-line:after{right:-27px}.cable-label{font-size:.7rem;color:var(--text-muted);margin-top:8px;background:var(--bg-card);padding:2px 8px;border-radius:var(--radius-sm)}.monitor-unit{display:flex;flex-direction:column;align-items:center}.monitor-body{width:850px;max-width:95%;background:#2c3e50;border-radius:12px;padding:12px;box-shadow:0 15px 35px #0006;border:3px solid #3d566e}.monitor-screen{width:100%;height:450px;background:#0a0a0a;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #000}.monitor-screen.on{background:#1a1a2e}.screen-off{color:#333;font-size:2rem}.screen-powering{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000}.manufacturer-logo{font-size:2rem;color:#fff;font-weight:700}.screen-bios{width:100%;height:100%;padding:10px;font-family:Courier New,monospace;font-size:.7rem;color:#0f0;background:#000;text-align:left}.bios-title{font-size:.8rem;margin-bottom:8px;color:#fff}.bios-line{margin:2px 0}.bios-progress{margin-top:10px;height:8px;background:#333;border-radius:4px;overflow:hidden}.bios-bar{height:100%;background:#0f0;transition:width .2s}.bios-status{margin-top:5px;font-size:.65rem}.screen-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#0078d4;color:#fff}.windows-logo{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:15px}.win-square{width:25px;height:25px;background:#fff}.loading-dots{font-size:1.2rem;letter-spacing:5px}.screen-desktop{width:100%;height:100%}.desktop-bg{width:100%;height:100%;background:linear-gradient(135deg,#00b4db,#0083b0);position:relative}.desktop-icons-mini{display:flex;flex-direction:column;gap:8px;padding:10px;font-size:1.2rem}.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:24px;background:#000c;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:.7rem;color:#fff}.start-btn{font-size:.9rem}.monitor-bezel-bottom{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.monitor-brand{font-size:.6rem;color:#7a92a5;letter-spacing:2px}.monitor-power-led{width:6px;height:6px;border-radius:50%;background:#3d566e}.monitor-power-led.on{background:var(--success);box-shadow:0 0 5px var(--success)}.monitor-stand{display:flex;flex-direction:column;align-items:center;margin-top:-2px}.stand-neck{width:60px;height:30px;background:#2c3e50;clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%)}.stand-base{width:160px;height:12px;background:#1a252f;border-radius:4px;margin-top:0}.boot-status{text-align:center;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md)}.status-indicator{font-size:1rem;color:var(--text-secondary)}.status-indicator.desktop{color:var(--success)}.desktop-simulation{margin-bottom:var(--spacing-xxl)}.monitor-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px}.monitor-frame{width:850px;max-width:100%;background:#2c3e50;border-radius:12px;padding:12px;box-shadow:0 15px 35px #0006;border:3px solid #3d566e}.desktop-screen{width:100%;height:480px;background:#0ea5e9;border:none;position:relative;overflow:hidden;cursor:default;border-radius:4px}.desktop-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:30px;padding:30px;max-width:400px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:#fff6}.desktop-icon:hover{background:#fff9}.desktop-icon.opened{background:var(--primary-dim);border:1px solid var(--primary)}.icon-emoji{font-size:3.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.icon-name{font-size:.75rem;color:#1e293b;font-weight:600}.open-window{position:absolute;width:340px;height:240px;background:#fff;border-radius:4px;border:1px solid #94a3b8;overflow:hidden;display:flex;flex-direction:column;z-index:10;box-shadow:0 4px 12px #0000001a}.window-header{background:#f1f5f9;color:#475569;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;height:32px;flex-shrink:0;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e2e8f0}.window-title{padding-left:12px;font-weight:600;display:flex;align-items:center;gap:8px}.window-controls{display:flex;height:100%}.win-btn{width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:default;font-size:.75rem;transition:background .1s;color:#64748b}.win-btn:hover{background:#e2e8f0}.win-btn.close:hover{background:#ef4444;color:#fff}.window-content.realtime-app{flex:1;padding:0;overflow:hidden;display:flex;background:#fff;color:#333;position:relative;font-size:.85rem}.app-browser{display:flex;flex-direction:column;width:100%;height:100%}.browser-bar{background:#e0e0e0;padding:5px;display:flex;gap:8px;border-bottom:1px solid #ccc;align-items:center}.browser-nav-btns span{cursor:pointer;margin-right:5px;color:#555}.browser-address{background:#fff;border:1px solid #ccc;border-radius:4px;padding:2px 8px;flex:1;font-size:.7rem;color:#666;overflow:hidden}.browser-body{flex:1;padding:15px;background:#f9f9f9;overflow-y:auto}.web-hero{text-align:center;margin-bottom:20px}.web-hero h2{color:#333;margin-bottom:5px;font-size:1.2rem}.web-grid{display:flex;gap:10px;justify-content:center;margin-top:15px}.web-card{width:60px;height:60px;background:#ddd;border-radius:5px}.app-notepad{display:flex;flex-direction:column;width:100%}.notepad-menu{background:#f0f0f0;padding:2px 10px;font-size:.7rem;border-bottom:1px solid #ccc;color:#333}.notepad-body{flex:1;padding:10px;font-family:Consolas,monospace;font-size:.85rem;color:#000}.typing-text{border-right:2px solid #000;display:inline-block;animation:blink 1s step-end infinite}.app-explorer{display:flex;width:100%;height:100%}.explorer-sidebar{width:100px;background:#f0f0f0;border-right:1px solid #ccc;padding:10px 0}.sidebar-item{padding:5px 10px;font-size:.75rem;color:#444;cursor:pointer}.sidebar-item:hover,.sidebar-item.active{background:#dceefc;color:#0078d7}.explorer-grid{flex:1;padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;align-content:start}.file-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.file-item span:first-child{font-size:1.8rem}.file-item span:last-child{font-size:.7rem;color:#333;text-align:center}.app-calculator{width:100%;height:100%;display:flex;flex-direction:column;background:#f3f3f3}.calc-display{background:#222;color:#0f0;font-family:Courier New,monospace;font-size:1.5rem;padding:15px;text-align:right;margin-bottom:5px}.calc-keypad{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:5px}.calc-btn{background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;border:1px solid #ccc;color:#333}.calc-btn:hover{background:#d0d0d0}.calc-btn.operator{background:#f0c040;color:#000}.calc-btn.zero{grid-column:span 2}.taskbar{position:absolute;bottom:0;left:0;right:0;height:32px;background:#1e293b;display:flex;align-items:center;padding:0 var(--spacing-md);gap:var(--spacing-sm);z-index:20}.taskbar-item{width:24px;height:24px;background:#ffffff1a;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background .2s}.taskbar-item:hover{background:#fff3}.explanation-bubble{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-panel);border-radius:var(--radius-sm);border:1px solid var(--border);border-left:4px solid var(--accent-success);color:var(--text-secondary);max-width:500px;margin-left:auto;margin-right:auto}.demo-area{background:var(--bg-panel);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-fast);min-height:200px;border:1px solid var(--border)}.demo-area:hover{background:var(--bg-secondary)}.ram-area{border-color:var(--secondary)}.storage-area{border-color:var(--primary)}.demo-area h4{margin-bottom:var(--spacing-md);font-size:1rem;font-weight:700}.demo-item{background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary)}.btn-action{background:var(--primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;margin-top:var(--spacing-md)}.power-off-btn{background:var(--accent-error)}.device{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border)}.connection-line.disconnected{background:#e2e8f0;border:1px dashed var(--accent-error)}.connection-line.connected{background:var(--accent-success)}.problem-text{font-size:1.1rem;font-weight:700;color:var(--accent-error);margin-bottom:var(--spacing-md)}.success-text{font-size:1.1rem;font-weight:700;color:var(--accent-success)}.installing-animation{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.demo-areas{grid-template-columns:1fr}.devices-row{flex-direction:column}.pc-desk-setup{flex-direction:column;align-items:center}.video-cable{transform:rotate(90deg)}.desktop-screen{height:300px}}.app-browser{display:flex;flex-direction:column;height:100%}.browser-bar{background:#f1f5f9;padding:6px;border-bottom:1px solid #e2e8f0}.search-bar-sim{height:30px;background:#fff;border:1px solid #cbd5e1;border-radius:20px;margin-top:20px;width:100%}.app-notepad{padding:15px;font-family:monospace;height:100%}.typing-text{border-right:2px solid black;width:fit-content;white-space:nowrap;overflow:hidden;animation:blink 1s step-end infinite}@keyframes blink{50%{border-color:transparent}}.app-explorer{display:flex;flex-direction:column;height:100%;padding:10px}.explorer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.file-item{display:flex;flex-direction:column;align-items:center;font-size:.75rem;gap:5px}.app-calculator{display:flex;flex-direction:column;height:100%;padding:15px;background:#f8fafc}.calc-display{background:#fff;border:1px solid #cbd5e1;padding:10px;text-align:right;font-family:monospace;font-size:1.2rem;margin-bottom:15px;border-radius:4px}.calc-keypad-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.calc-keypad-mini span{background:#fff;border:1px solid #e2e8f0;padding:8px;text-align:center;border-radius:4px;cursor:pointer;font-weight:600}.calc-keypad-mini span:hover{background:#f1f5f9}.taskbar{position:absolute;bottom:0;left:0;right:0;height:35px;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;padding:0 10px;gap:5px;z-index:100}.taskbar-item{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1rem;color:#fff}.taskbar-item.active{background:#fff3;border-bottom:2px solid var(--primary)}.taskbar-time{margin-left:auto;color:#fff;font-size:.7rem;font-weight:500}.start-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#38bdf8;cursor:pointer}.mission-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);width:100%;max-width:600px}.mission-checklist{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mission-item{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:4px;background:var(--bg-secondary)}.mission-item.done{background:#dcfce7;color:#166534;font-weight:600}.software-info-panel{padding:15px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.software-type-badge{background:#f1f5f9;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;color:#475569;width:100%;margin-bottom:5px}.mission-complete-banner{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:10px 25px;border-radius:30px;font-weight:700;box-shadow:0 4px 15px #22c55e66;white-space:nowrap;z-index:100}.desktop-simulation{position:relative;display:flex;flex-direction:column;align-items:center}.mock-browser,.mock-notepad,.mock-settings,.mock-folder,.mock-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;font-family:monospace;font-size:.9rem;color:#64748b;padding:10px}.motherboard-explorer-new{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;padding:2rem;border-radius:12px;border:1px solid #eee;box-shadow:0 15px 50px #0000001a;margin-top:1rem}.motherboard-explorer-new .schematic-container{max-width:1200px;margin:0 auto;position:relative;flex:1}.motherboard-explorer-new h2{color:#1e331e;text-shadow:none;border-bottom:2px solid #f0f0f0;padding-bottom:12px;margin-bottom:30px;text-transform:uppercase;font-size:1.8rem;letter-spacing:3px;text-align:center}.motherboard-explorer-new .mobo-svg{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));border:1px solid #ddd;background:#fff;border-radius:4px;display:block}.mobo-svg [data-component]{cursor:pointer;transition:all .3s}.mobo-svg [data-component]:hover{filter:brightness(1.5) drop-shadow(0 0 5px #0f0)}.motherboard-explorer-new .led-on{animation:blink-schematic 1.5s infinite}@keyframes blink-schematic{0%,to{opacity:.3;filter:blur(0px)}50%{opacity:1;fill:#0f0;filter:blur(3px)}}.motherboard-explorer-new .controls{margin-top:30px;text-align:center;display:flex;justify-content:center;gap:20px}.btn-finish-mission{background:#000;color:#0f0;border:1px solid #0f0;padding:14px 32px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px;letter-spacing:2px;box-shadow:0 0 10px #0f03}.btn-finish-mission:hover{background:#0f0;color:#000;box-shadow:0 0 30px #00ff0080;transform:translateY(-3px)}.btn-finish-mission:active{transform:translateY(0)}.motherboard-explorer-new .mission-panel{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;justify-content:center;max-width:1600px;margin:0 auto}.motherboard-explorer-new .mission-card{flex:0 1 350px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:25px;box-shadow:0 10px 30px #0000000d;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.motherboard-explorer-new .mission-card h3{color:#1e331e;margin-top:0;font-size:1.3rem;text-transform:uppercase;border-bottom:1px solid #eee;padding-bottom:10px}.motherboard-explorer-new .mission-card p{color:#555;font-size:1.1rem;line-height:1.6;margin-top:15px}.motherboard-explorer-new .mission-card .stats{background:#f8faf8;padding:15px;border-radius:6px;margin-top:auto;border:1px solid #eee}.motherboard-explorer-new .stat-item{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px}.motherboard-explorer-new .stat-label{color:#666}.motherboard-explorer-new .stat-value{color:#1e331e;font-weight:700}.motherboard-explorer-new .btn-action{background:#1e331e;color:#fff;border:none;padding:14px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:20px;width:100%;transition:all .2s}.motherboard-explorer-new [data-component].found{filter:brightness(1.2) drop-shadow(0 0 10px #0f0)}.drivers-container{height:auto;width:756px;height:600px;background:#f0f0f0;border-radius:8px;border:1px solid #ccc;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a;margin:0 auto}.driver-modal{position:relative;margin:0;background:#fff;padding:20px;border-radius:8px;box-shadow:0 10px 25px #0003;z-index:100;border-left:5px solid #0078d4;transition:all .5s ease}.driver-modal.intro-mode{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1000;box-shadow:0 20px 50px #00000080;background:#fffffffa}.driver-modal.intro-mode .analogy-animation{width:80%;height:200px;margin:30px auto;background:#f0f8ff;border:1px solid #d0e0f0}.driver-modal.intro-mode h4{font-size:2rem;margin-bottom:20px}.driver-modal.intro-mode p{font-size:1.2rem;max-width:600px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.driver-modal h4{margin:0 0 10px;color:#0078d4;font-size:1.1rem}.driver-modal p{margin:0 0 15px;font-size:.95rem;line-height:1.4}.btn-primary{background:#0078d4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s}.btn-primary:hover{background:#106ebe}.desktop-bg{height:100%;flex:1;background:url(https://images.unsplash.com/photo-1620121692029-d088224ddc74?q=80&w=2832&auto=format&fit=crop) center/cover;position:relative;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.desktop-icon{width:72px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px 4px;border-radius:4px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:background .1s}.desktop-icon:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3)}.icon-img-wrapper{width:48px;height:48px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.doc-icon{background-image:url(/assets/word_icon-CD_CuShV.png)}.web-icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/e/e1/Google_Chrome_icon_%28February_2022%29.svg)}.folder-icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/59/OneDrive_Folder_Icon.svg)}.settings-icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/d/dc/Settings-icon-symbol-vector.png);filter:invert(1)}.icon-label{font-size:12px;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.taskbar{height:40px;background:#f3f3f3;display:flex;align-items:center;padding:0 10px;border-top:1px solid #ddd;z-index:50}.start-btn{font-size:20px;margin-right:15px;cursor:pointer;color:#0078d4}.window-frame{position:absolute;background:#f9f9f9;border-radius:8px;box-shadow:0 14px 40px #00000040,0 0 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;animation:popIn .2s cubic-bezier(.1,.9,.2,1);border:1px solid rgba(0,0,0,.1)}.window-header{height:38px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;padding:0 10px;border-bottom:1px solid #e5e5e5;position:relative;-webkit-user-select:none;user-select:none}.window-title{font-size:12px;font-weight:400;color:#333}.window-controls{position:absolute;right:0;top:0;height:100%;display:flex;gap:0}.window-controls span{display:flex;width:46px;height:100%;align-items:center;justify-content:center;cursor:pointer;transition:background .1s;font-size:10px}.window-controls .minimize:before{content:"─"}.window-controls .maximize:before{content:"□"}.window-controls .close:before{content:"✕";font-size:12px}.window-controls span:hover{background:#e5e5e5}.window-controls .close:hover{background:#e81123;color:#fff}.window-controls .close{background:transparent;border-radius:0;margin:0}.window-content{flex:1;padding:0;overflow:auto}.browser-window{inset:50px;border:1px solid #ccc}.url-bar{padding:8px;background:#f1f3f4;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ddd}.url-input{flex:1;background:#fff;border:1px solid #ccc;border-radius:15px;padding:4px 12px;font-size:12px}.web-content{padding:20px;text-align:center}.search-box{margin:20px auto;width:80%;display:flex;gap:10px}.search-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.search-btn{background:#0078d4;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.download-card{border:1px solid #ddd;padding:15px;border-radius:8px;margin-top:20px;text-align:left;display:flex;justify-content:space-between;align-items:center}.installer-window{width:300px;height:220px;top:50%;left:45%;transform:translate(-50%,-50%);z-index:60}.installer-content{padding:20px;display:flex;flex-direction:column;height:100%}.progress-container-installer{margin:20px 0;background:#eee;height:20px;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#00cc6a;transition:width .3s}.settings-window{inset:40px 60px 60px}.device-list{padding:10px}.device-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee}.device-icon{font-size:24px;margin-right:15px}.add-printer-btn{width:100%;padding:10px;text-align:left;background:none;border:1px dashed #999;color:#666;margin-top:10px;cursor:pointer}.add-printer-btn:hover{background:#f9f9f9;color:#0078d4;border-color:#0078d4}.word-window{top:30px;left:40px;width:500px;height:320px;background:#fff}.word-toolbar{height:80px;background:#f3f2f1;border-bottom:1px solid #e1dfdd;display:flex;padding:10px;gap:15px}.paper-sheet{background:#fff;width:80%;height:80%;margin:20px auto;box-shadow:0 0 10px #0000001a;padding:30px;font-family:Times New Roman,serif;font-size:14px;color:#000}.toast-notification{position:absolute;bottom:50px;right:10px;background:#333;color:#fff;padding:12px 20px;border-radius:4px;display:flex;align-items:center;gap:10px;animation:slideInRight .5s;z-index:200}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.printer-svg-container{position:absolute;bottom:0;right:-260px;z-index:50;width:220px;height:165px;opacity:0;transition:all .5s cubic-bezier(.19,1,.22,1);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform:translate(50px);overflow:visible}.printer-svg-container:before{content:"";position:absolute;top:65%;left:-80px;width:100px;height:6px;background:#222;z-index:5;transform:rotate(10deg);transform-origin:right center;opacity:0;transition:opacity .5s;box-shadow:0 2px 4px #0000004d}.printer-svg-container.visible:before{opacity:1}.printer-real-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:10}.printer-paper-animation{position:absolute;top:55%;left:50%;width:120px;height:150px;background:#fff;box-shadow:0 1px 3px #0000001a;transform:translate(-50%) rotateX(70deg);transform-origin:top center;z-index:5;transition:transform 3s ease-out;display:none;align-items:flex-start;justify-content:center;padding:10px;overflow:hidden}.printer-paper-animation.printing{display:flex;animation:paperFeed 3s ease-out forwards;z-index:20}@keyframes paperFeed{0%{transform:translate(-50%) scale(.8);opacity:0;top:60%}20%{opacity:1}to{transform:translate(-50%,-80%) scale(1);top:40%}}.paper-content-text{font-size:6px;color:#000;text-align:left;white-space:pre-wrap;width:100%;font-family:Times New Roman,serif;line-height:1.2;overflow:hidden}.printer-svg-container.visible{opacity:1;transform:translate(0)}.win-modal-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:900}.win-message-box{width:380px;background:#fff;box-shadow:0 20px 60px #0006;border-radius:8px;overflow:hidden;font-family:Segoe UI,sans-serif;border:1px solid #ccc}.win-msg-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:13px;font-weight:500}.win-msg-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer}.win-msg-body{padding:20px;display:flex;gap:15px;align-items:flex-start}.win-msg-icon{width:32px;height:32px;flex-shrink:0;background-size:contain}.error-icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/9/9f/Windows_10_Error_Icon.svg)}.info-icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg)}.win-msg-footer{background:#f0f0f0;padding:12px 15px;display:flex;justify-content:flex-end;border-top:1px solid #e1e1e1}.win-msg-footer button{padding:6px 24px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.win-msg-footer button:hover{background:#e5f1fb;border-color:#0078d4}.psu-lab-container{background:#f8fafc;border-radius:var(--radius-md);padding:var(--spacing-xl);min-height:500px;color:#1e293b;position:relative;border:3px solid #e2e8f0}.psu-header{text-align:center;margin-bottom:var(--spacing-xl)}.psu-header h2{color:#7c3aed;font-weight:800}.psu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.psu-card{background:#fff;padding:var(--spacing-lg);border-radius:15px;border:3px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center}.psu-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.psu-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:var(--spacing-sm)}.psu-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;background:#f1f5f9;padding:2px 10px;border-radius:20px;color:#475569;margin:10px 0}.psu-info-bar{background:#fff;padding:10px 20px;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:2px solid #7c3aed}.change-btn{background:#f1f5f9;border:none;padding:5px 15px;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:700}.wiring-area{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:20px}.placa-base-mockup{background:#f1f5f9;border-radius:10px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;color:#1e293b;border:3px solid #cbd5e1}.mb-target{background:#fff;border:2px dashed #94a3b8;height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;transition:all .3s}.mb-visual-text{position:absolute;bottom:10px;right:20px;font-size:2rem;font-weight:900;opacity:.1;pointer-events:none}.cable-rack{display:flex;flex-direction:column;gap:15px}.cables-list{display:flex;flex-direction:column;gap:10px}.cable-btn{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s}.cable-btn:hover:not(:disabled){border-color:#7c3aed;background:#f5f3ff}.cable-btn.connected{opacity:.5;background:#f8fafc;border-style:dashed}.cable-btn .icon{font-size:1.5rem}.cable-btn div{display:flex;flex-direction:column}.cable-btn strong{color:#1e293b}.cable-btn span{font-size:.75rem;color:#64748b}.power-on-btn{margin-top:20px;background:#059669;color:#fff;border:none;padding:20px;border-radius:12px;font-size:1.2rem;font-weight:900;cursor:pointer;box-shadow:0 6px #047857;transition:all .1s}.power-on-btn:active{transform:translateY(4px);box-shadow:0 2px #047857}.power-on-btn:disabled{opacity:.7;cursor:wait}.shake-it{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.neon-glow{box-shadow:0 0 20px #7c3aed80}.oscilloscope:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}.scanline{width:100%;height:120px;z-index:4;background:linear-gradient(0deg,#fff0,#7c3aed1a,#fff0);opacity:.2;position:absolute;bottom:100%;animation:scanline 8s linear infinite;pointer-events:none}@keyframes scanline{0%{bottom:100%}80%{bottom:100%}to{bottom:-100px}}.psu-results{display:flex;flex-direction:column;gap:30px;align-items:center}.oscilloscope{background:#fff;padding:30px;border-radius:20px;width:100%;max-width:600px;border:4px solid #f1f5f9;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.oscilloscope h3{color:#94a3b8;margin-bottom:20px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.wave-container{height:120px;background:#f8fafc;border:2px solid #e2e8f0;position:relative;z-index:3;overflow:hidden}.wave-svg{position:relative;z-index:5;width:100%;height:100%}.wave-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawWave 2s linear forwards infinite}@keyframes drawWave{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.wave-svg.generic path{animation-duration:.5s}.wave-svg.gold path{animation-duration:4s}.ripple-info{margin-top:15px;color:#475569;font-size:.85rem;text-align:left;background:#f1f5f9;padding:15px;border-radius:12px}.ripple-info strong{color:#7c3aed;display:block;margin-bottom:5px}.impact-text{margin-top:8px;font-style:italic;color:#64748b}.health-status{width:100%;max-width:600px;padding:30px;border-radius:20px;text-align:center}.health-status.gold,.health-status.bronze{background:#10b9811a;color:#065f46}.health-status.generic{background:#ef44441a;color:#991b1b;border:2px solid #ef4444}.retry-btn{margin-top:20px;padding:10px 30px;background:#1e293b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}@media(max-width:768px){.wiring-area{grid-template-columns:1fr}}.gpu-lab-container{background:#fff;border-radius:24px;padding:30px;min-height:650px;display:flex;flex-direction:column;gap:20px;color:#1e293b}.gpu-header{text-align:center;margin-bottom:20px}.gpu-intro-text{background:#f1f5f9;padding:15px 25px;border-radius:15px;margin:15px 0;font-size:.95rem;line-height:1.5;border-left:5px solid #7c3aed}.gpu-step-progress{display:flex;justify-content:center;gap:12px}.progress-dot{width:30px;height:30px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:800;transition:.3s}.progress-dot.active{background:#7c3aed30;color:#7c3aed}.progress-dot.current{background:#7c3aed;color:#fff;transform:scale(1.1);box-shadow:0 0 10px #7c3aed4d}.interactive-pixel-lab{display:flex;gap:30px;background:#0f172a;padding:40px;border-radius:24px;align-items:center;justify-content:center}.pixel-viewer-container{width:250px;height:250px;background:#1e293b;border-radius:50%;display:flex;align-items:center;justify-content:center;border:5px solid #334155;overflow:hidden}.pixel-rect{display:flex;overflow:hidden;border-radius:2px}.pixel-rect .sub-light{flex:1;height:100%}.pixel-rect .red{background:red}.pixel-rect .green{background:#0f0}.pixel-rect .blue{background:#00f}.pixel-controls{flex:1;display:flex;flex-direction:column;gap:20px;color:#fff}.color-result-box{width:100%;height:80px;border-radius:15px;border:3px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.result-label{background:#0009;padding:5px 15px;border-radius:20px;font-weight:800;font-size:.8rem;color:#fff}.control-group label{display:block;margin-bottom:5px;font-size:.9rem}.zoom-box{background:#ffffff0d;padding:15px;border-radius:15px}.zoom-hint{display:block;margin-top:8px;font-size:.75rem;color:#94a3b8}.pixel-controls input[type=range]{width:100%;accent-color:#7c3aed}.res-examples{background:#f8fafc;padding:15px 20px;border-radius:12px;margin:15px 0;list-style:none}.res-examples li{padding:8px 0;color:#475569;font-size:.9rem}.resolution-comparison-final{display:flex;gap:30px;margin:30px 0}.res-showcase{flex:1;text-align:center}.res-showcase h4{margin-bottom:15px;color:#1e293b}.pixel-canvas{display:grid;background:#1e293b;border-radius:15px;padding:10px;margin:0 auto 15px;aspect-ratio:1;gap:0;max-width:200px}.pixel-canvas.low{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px}.pixel-canvas.high{grid-template-columns:repeat(32,1fr);grid-template-rows:repeat(32,1fr);gap:0}.pixel-dot{width:100%;height:100%;border-radius:1px}.pixel-dot.on{background:#3b82f6}.pixel-dot.off{background:#334155}.processor-race{display:flex;gap:20px;margin:30px 0}.race-card{flex:1;background:#f8fafc;border-radius:20px;padding:20px;border:2px solid #f1f5f9}.gpu-card{max-width:350px}.proc-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.proc-icon{font-size:2rem}.proc-header h4{margin:0;color:#1e293b}.work-area{background:#0f172a;border-radius:15px;padding:20px;margin-bottom:15px;min-height:200px;display:flex;flex-direction:column;gap:15px}.task-queue{display:flex;gap:8px;flex-wrap:wrap;min-height:60px;align-items:center}.task-box{width:40px;height:40px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem}.task-queue.parallel{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.task-dot{width:100%;aspect-ratio:1;background:#7c3aed;border-radius:2px}.core-display{display:flex;justify-content:center;align-items:center;gap:10px}.single-core{width:80px;height:80px;background:#1e293b;border:3px solid #3b82f6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:800;position:relative}.core-activity{width:12px;height:12px;background:#22c55e;border-radius:50%;margin-top:5px;box-shadow:0 0 10px #22c55e}.core-display.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-core{width:100%;aspect-ratio:1;background:#cbd5e1;border-radius:4px}.proc-desc{font-size:.85rem;color:#475569;line-height:1.4}.real-world-applications{display:flex;gap:15px;margin-top:20px}.app-card{flex:1;background:#fff7ed;padding:15px;border-radius:15px;border:1px solid #ffedd5}.app-card h4{color:#c2410c;margin-bottom:8px;font-size:.9rem}.app-card p{font-size:.8rem;color:#9a3412;line-height:1.4;margin:0}.edu-note{background:#f8f9fa;padding:15px;border-radius:12px;font-size:.85rem;color:#475569;border-left:4px solid #7c3aed;margin-top:20px}.gpu-footer-nav{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #f1f5f9}.nav-btn{padding:10px 25px;border-radius:50px;border:none;font-weight:800;cursor:pointer}.nav-btn.next{background:#7c3aed;color:#fff}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.step-counter{font-weight:800;color:#94a3b8;font-size:.75rem}.back-btn{background:#f1f5f9;border:none;padding:8px 15px;border-radius:8px;font-weight:700;color:#64748b;cursor:pointer;position:absolute;top:30px;left:30px}@media(max-width:800px){.processor-race,.resolution-comparison-final,.interactive-pixel-lab,.real-world-applications{flex-direction:column}}.ports-lab-container{background:#fff;border-radius:24px;padding:30px;min-height:650px;display:flex;flex-direction:column;gap:20px;color:#1e293b;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0000000d}.lab-header{text-align:center;margin-bottom:20px}.lab-header h2{font-weight:800;color:#0f172a;margin-bottom:15px}.level-indicator{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.lvl-dot{width:30px;height:30px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.lvl-dot.active{background:#3b82f6;color:#fff;transform:scale(1.1);box-shadow:0 0 15px #3b82f666}.lab-stage{flex:1;position:relative;background:#f8fafc;border-radius:20px;padding:30px;border:2px solid #f1f5f9}.pipe-visualizer{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.concept-text{font-size:1.1rem;color:#475569;max-width:600px}.pipe-container{height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;margin:20px 0}.water-pipe{background:#0ea5e9;width:100%;max-width:500px;border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0003,0 10px 20px #0ea5e94d;border:4px solid #0284c7;transition:height .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.bandwidth-lanes-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-evenly}.data-lane{width:100%;height:30px;position:relative;display:flex;align-items:center;overflow:hidden;border-top:1px dashed rgba(255,255,255,.3);border-bottom:1px dashed rgba(255,255,255,.3)}.data-particle{position:absolute;font-size:1.2rem;animation:flowRight 2s linear infinite;opacity:.8}@keyframes flowRight{0%{left:-50px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.pipe-label{margin-top:15px;font-weight:800;color:#0ea5e9;font-size:1.2rem}.pipe-controls{display:flex;gap:15px}.pipe-controls button{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.pipe-controls button:hover{border-color:#0ea5e9;color:#0ea5e9}.pipe-controls button.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 5px 15px #0ea5e966}.wireless-experiment{display:flex;flex-direction:column;gap:30px}.distance-viz{height:150px;background:#0f172a;border-radius:15px;position:relative;display:flex;align-items:center;padding:0 50px;margin-top:20px}.pc-station{font-size:2rem;z-index:2;position:absolute;left:20px}.device-moving{position:absolute;font-size:2rem;z-index:2;transition:left .3s ease}.signal-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:3px solid white;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.signal-ring.good{border-color:#22c55e;box-shadow:0 0 20px #22c55e}.signal-ring.poor{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b}.signal-ring.lost{border-color:#ef4444;animation:none;opacity:.3}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.ruler{position:absolute;bottom:10px;left:50px;right:50px;display:flex;justify-content:space-between;color:#64748b;font-size:.8rem;border-bottom:2px dashed #334155}.wireless-feedback{text-align:center;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a}.status-good{color:#16a34a;font-weight:800}.status-poor{color:#d97706;font-weight:800}.status-lost{color:#dc2626;font-weight:800}.tech-selector{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tech-selector button{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer}.tech-selector button.active{border-color:#3b82f6;background:#eff6ff;font-weight:700;color:#3b82f6}.distance-slider input{width:100%;margin-top:10px;accent-color:#3b82f6}.usb-race-track{background:#0f172a;padding:20px;border-radius:15px;margin-bottom:25px}.track-lane{display:flex;align-items:center;gap:15px;margin-bottom:25px}.lane-info{width:100px;color:#fff;font-weight:700;text-align:right}.progress-bar{flex:1;height:40px;background:#ffffff1a;border-radius:20px;position:relative}.fill-bar{height:100%;border-radius:20px;transition:width .05s linear}.fill-bar.slow{background:#94a3b8}.fill-bar.fast{background:#3b82f6}.fill-bar.hyper{background:#10b981;box-shadow:0 0 20px #10b981}.vehicle{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;transition:left .05s linear;z-index:10}.vehicle.flip{transform:translate(-50%,-50%) scaleX(-1)}.speed-tag{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:.75rem;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:20}.file-building{width:60px;height:60px;border:2px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-left:20px;position:relative}.file-building span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#fff;font-weight:800;z-index:5}.file-icon{width:100%;background:#94a3b8;border-radius:4px;transition:height .1s linear,opacity .1s linear;display:flex;align-items:center;justify-content:center;font-size:1.5rem;overflow:hidden}.file-icon.blue{background:#3b82f6}.file-icon.green{background:#10b981}.action-btn{width:100%;padding:15px;font-weight:800;border:none;border-radius:12px;background:#3b82f6;color:#fff;cursor:pointer;font-size:1.1rem}.action-btn:disabled{opacity:.7;cursor:not-allowed}.lab-footer{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #f1f5f9}.nav-btn{padding:12px 30px;border-radius:50px;border:none;font-weight:800;cursor:pointer}.nav-btn.prev{background:#f1f5f9;color:#64748b}.nav-btn.next{background:#0f172a;color:#fff}.os-lab-container{width:100%;min-height:800px;background:#fff;border-radius:12px;overflow:hidden;color:#333;font-family:Inter,sans-serif;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}.intro-modal-container{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:280px;background:#fffffff2;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 10px 40px #0000001a;z-index:100;color:#333;animation:floatIn .8s ease-out}@keyframes floatIn{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}.intro-modal-content h2{font-size:1.4rem;color:#3b82f6;margin-bottom:10px}.intro-modal-content p{font-size:.9rem;line-height:1.5;color:#555;margin-bottom:20px}.arrow-pointer{font-size:.85rem;font-weight:700;color:#3b82f6;text-align:center;margin-top:10px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.pc-tower-case{width:140px;height:400px;background:#111;border-radius:8px;position:relative;box-shadow:10px 10px 30px #0006;display:flex;flex-direction:column;padding:20px 15px;border-top:2px solid #333;border-left:2px solid #222;background:linear-gradient(90deg,#1a1a1a,#050505 40% 100%)}.case-front-panel{display:flex;flex-direction:column;gap:15px;height:100%;position:relative}.optical-drive{width:100%;height:30px;background:#1a1a1a;border:1px solid #333;border-radius:2px;position:relative}.optical-drive:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:4px;background:#000;border-radius:2px}.front-ports{display:flex;gap:8px;margin-top:20px;justify-content:center}.usb-port{width:12px;height:6px;background:#000;border:1px solid #444}.audio-jack{width:8px;height:8px;border-radius:50%;background:#111;border:1px solid #555}.case-power-btn{width:50px;height:50px;background:radial-gradient(circle,#333 30%,#111);border:2px solid #444;border-radius:50%;margin:auto auto 40px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s;outline:none;position:relative;box-shadow:0 4px 10px #00000080,inset 0 2px 5px #ffffff1a}.case-power-btn:hover{color:#fff;box-shadow:0 0 15px #3b82f666}.case-power-btn.active{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 20px #3b82f699,inset 0 0 10px #3b82f64d}.case-power-led{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f6}.screen-off-reflection{width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d 40%,#fff0 41%);pointer-events:none}.monitor-power-indicator{width:4px;height:4px;border-radius:50%;background:#333;position:absolute;right:30px;transition:background .3s}.bootloader-screen{width:100%;height:100%;background:#000;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc}.boot-title{color:#fff;font-size:1.2rem;margin-bottom:40px;font-weight:700;border:none;padding:0}.os-selector{background:#000;border:2px solid #ccc;padding:20px;width:80%;max-width:600px;position:relative;box-shadow:10px 10px #00000080}.os-selector:before{content:"GNU GRUB version 2.06";position:absolute;top:-12px;left:20px;background:#000;padding:0 10px;color:#fff;font-weight:700}.boot-menu{list-style:none;padding:10px;margin:10px 0;border:1px solid #444}.boot-option{padding:5px 10px;color:#ccc;cursor:pointer;display:flex;gap:15px;font-size:1rem;margin-bottom:2px}.boot-option:hover,.boot-option.selected{background:#ccc;color:#000}.boot-option:hover .boot-icon,.boot-option.selected .boot-icon{color:#000}.boot-icon{width:20px;text-align:center;color:#ccc}.boot-footer{font-size:.8rem;text-align:center;opacity:.7;margin-top:20px;color:#fff}.booting-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;gap:20px}.boot-logo{width:150px;height:150px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:#fff;border-radius:50%}.desktop-environment{flex:1;display:flex;height:600px}.monitor-assembly{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f0f0f0}.monitor-frame{width:660px;height:418px;background:#1a1a1a;padding:15px;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0}.screen-container-inner{width:100%;height:100%;background:#000;border-radius:4px;overflow:hidden;position:relative;display:flex;flex-direction:column}.monitor-chin{width:100%;height:40px;display:flex;justify-content:center;align-items:center;position:relative;background:#151515;border-top:1px solid #222;margin-top:0}.monitor-brand{color:#aaa;font-weight:700;font-size:.85rem;font-family:Arial,sans-serif;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.power-btn{width:14px;height:14px;background:#222;border:1px solid #000;border-radius:50%;position:absolute;right:25px;cursor:pointer;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .2s}.power-btn:active{background:#1a1a1a;box-shadow:inset 0 3px 6px #000000e6}.power-led{width:4px;height:4px;background:#39ff14;border-radius:50%;box-shadow:0 0 4px #39ff14,0 0 8px #39ff14;opacity:.8}.monitor-stand{height:80px;width:120px;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);margin:-5px auto 0;position:relative;z-index:10;clip-path:polygon(25% 0%,75% 0%,90% 100%,10% 100%);box-shadow:inset 0 5px 10px #00000080}.monitor-base{height:15px;width:220px;background:#1a1a1a;background:linear-gradient(180deg,#333,#111);margin:0 auto;border-radius:4px 4px 0 0;box-shadow:0 5px 20px #0000004d;position:relative;z-index:11}.screen-content{flex:1;background-size:cover;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00000080}.desktop-icons-area{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,80px);gap:15px}.desktop-shortcut{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px;border-radius:4px;transition:background .2s;-webkit-user-select:none;user-select:none}.desktop-shortcut:hover{background:#ffffff1a}.d-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.d-name{font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center}.taskbar{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 10px;gap:10px;z-index:10}.start-btn{font-size:1.5rem;padding:0 15px;cursor:pointer;transition:.2s}.start-btn:hover{filter:brightness(1.2)}.task-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.task-icon:hover{background:#fff3}.task-icon.active{background:#ffffff26;border-bottom:2px solid #fff}.taskbar.mac{bottom:20px;left:50%;transform:translate(-50%);width:auto;border-radius:16px;padding:10px 20px;gap:15px;height:70px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.taskbar.mac .task-icon{width:50px;height:50px;border-radius:12px;background:#00000080;transition:transform .2s cubic-bezier(.25,1,.5,1)}.taskbar.mac .task-icon:hover{transform:scale(1.2) translateY(-10px);background:#fffc}.macos-top-bar{position:absolute;top:0;left:0;width:100%;height:30px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:.85rem;font-weight:600;z-index:20;box-shadow:0 1px 5px #0000001a}.macos-top-left{display:flex;gap:20px}.macos-top-right{display:flex;gap:15px}.taskbar.linux{width:60px;height:100%;flex-direction:column;left:0;top:0;padding-top:10px}.app-window{position:absolute;width:400px;height:300px;background:#fff;color:#000;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;top:50px;left:50px}.window-header{background:#e2e8f0;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-bottom:1px solid #cbd5e1;cursor:grab}.win-close{background:#ef4444;color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.window-body{padding:20px;flex:1;background:#fff}.skeleton-line{height:10px;background:#e2e8f0;margin-bottom:10px;border-radius:4px}.system-monitor-panel{flex:1;background:#fff;border-left:1px solid #e0e0e0;padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:hidden;color:#333;position:relative;align-self:stretch}.system-monitor-panel h3{margin:0;font-size:1.1rem;border-bottom:1px solid #eee;padding-bottom:10px;color:#3b82f6}.stat-row{background:#f5f5f5;padding:15px;border-radius:8px;border:1px solid #e5e5e5}.stat-label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9rem;font-weight:700;color:#444}.stat-track{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden}.stat-fill{height:100%;border-radius:5px}.stat-fill.cpu{background:#ef4444}.stat-fill.mem{background:#10b981}.stat-desc{font-size:.8rem;color:#666;margin-top:5px;font-style:italic}.explanation-modal{background:#fff;border:1px solid #ccc;padding:20px;border-radius:8px;animation:slideIn .3s ease-out;box-shadow:0 5px 20px #0003;position:absolute;bottom:20px;left:20px;right:20px;z-index:50;color:#333}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explanation-modal h4{margin-top:0;color:#3b82f6;border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:15px}.step-item{display:flex;gap:10px;margin-bottom:12px;font-size:.95rem;color:#444;align-items:center}.s-text{flex:1}.analogy-box{background:#f0f9ff;padding:12px;border-radius:6px;margin:15px 0;font-size:.9rem;color:#0369a1;border-left:4px solid #3b82f6}.dismiss-btn{width:100%;padding:8px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.dismiss-btn:hover{background:#2563eb}.shutting-down-screen{width:100%;height:100%;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeOut 3s forwards}.taskbar-power-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer;font-size:1.2rem;color:#fff;border-radius:4px;transition:all .2s}.taskbar-power-btn:hover{background:#ff3c3c40;color:#ff6b6b;box-shadow:0 0 8px #f006}.taskbar.mac .taskbar-power-btn{margin-left:10px;width:40px;height:40px;border-radius:10px;background:#ffffff1a}.taskbar.mac .taskbar-power-btn:hover{background:#ff3b30cc;color:#fff}.taskbar.win .taskbar-power-btn{width:32px;height:32px;margin-left:auto;border-radius:4px;color:#333}.taskbar.win .taskbar-power-btn{color:#000}.taskbar.win .taskbar-power-btn:hover{background:#0000001a;color:#000;box-shadow:none}.bios-lab-container{background:#e2e8f0;padding:20px;border-radius:12px;min-height:800px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-y:auto;font-family:Inter,sans-serif}.back-btn{align-self:flex-start;margin-bottom:20px}.intro-step{width:100%;margin-bottom:20px;display:flex;justify-content:center}.motherboard-close-up{display:flex;flex-direction:column;align-items:center;gap:30px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #0000000d;max-width:900px;width:100%}.pcb-texture{display:flex;align-items:center;justify-content:space-around;width:100%;background:#15803d;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);background-size:20px 20px;padding:40px;border-radius:12px;border:4px solid #14532d;box-shadow:inset 0 0 20px #00000080;position:relative;gap:20px}.component-group{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:2}.component-label{background:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:.9rem;text-align:center;border:1px solid #4ade80}.component-label small{color:#cbd5e1;font-size:.75rem;display:block;margin-top:2px}.bios-chip{width:120px;height:140px;background:#111;border-radius:4px;position:relative;box-shadow:5px 5px 15px #0009,inset 0 0 10px #ffffff1a;display:flex;justify-content:center;align-items:center}.chip-body{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;font-family:monospace}.chip-brand{font-weight:700;font-size:1.2rem;letter-spacing:2px;color:#e2e8f0}.chip-type{font-size:.8rem;color:#64748b}.chip-notch{width:15px;height:15px;background:#222;border-radius:50%;position:absolute;top:10px;box-shadow:inset 0 2px 5px #000}.chip-legs{position:absolute;top:10px;bottom:10px;width:15px;display:flex;flex-direction:column;justify-content:space-between}.chip-legs.left{left:-15px}.chip-legs.right{right:-15px}.chip-legs span{width:100%;height:15px;background:linear-gradient(90deg,#94a3b8,#cbd5e1);border-radius:2px;box-shadow:0 2px 2px #00000080;position:relative}.chip-legs.left span:before,.chip-legs.right span:before{content:"";position:absolute;width:8px;height:8px;background:#cbd5e1;border-radius:50%;top:3px}.chip-legs.left span:before{left:-4px}.chip-legs.right span:before{right:-4px}.circuit-trace-svg{flex:1;height:50px;position:relative;top:10px;filter:drop-shadow(0 0 2px #facc15)}.trace-path{stroke:#facc15;stroke-width:4;fill:none;stroke-dasharray:10;animation:traceFlow 20s linear infinite}.solder-point{fill:#cbd5e1;stroke:#64748b;stroke-width:2}.moving-electron{fill:#fff;filter:drop-shadow(0 0 5px #fff);animation:electronMove 2s infinite linear}@keyframes electronMove{0%{transform:translate(200px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(0);opacity:0}}.clean-battery-visual{width:150px;height:150px;perspective:800px}.battery-surface{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f1f5f9,#cbd5e1 60%,#94a3b8);box-shadow:inset 0 0 20px #fffc,0 15px 30px #0003,0 5px 10px #0000001a;display:flex;align-items:center;justify-content:center;border:4px solid #e2e8f0;transform:rotateX(20deg);position:relative;margin:0 auto}.battery-surface:before{content:"";position:absolute;width:85%;height:85%;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.battery-label{font-family:monospace;font-weight:700;color:#64748b;text-align:center;font-size:1rem;text-shadow:0 1px 1px rgba(255,255,255,.8);opacity:.6;letter-spacing:1px}.detail-box{background:#f8fafc;border-left:4px solid #3b82f6;padding:15px;margin:20px 0;text-align:left;font-size:.95rem;color:#334155}.detail-box ul{margin:10px 0 0 20px;padding:0}.detail-box li{margin-bottom:8px}.explanation-card h3{margin-top:0;font-size:1.5rem;color:#1e293b}.continue-btn{background:#2563eb;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .2s}.continue-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 5px 15px #2563eb4d}.monitor-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.monitor-controls-external{background:#1e293b;padding:10px 20px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:15px;border:1px solid #334155;box-shadow:0 10px 20px #0000001a}.control-label{color:#cbd5e1;font-weight:700;font-size:.9rem;margin:0 10px 0 0}.switch-toggle{display:flex;background:#0f172a;padding:4px;border-radius:8px;gap:5px}.switch-btn{background:transparent;border:none;color:#64748b;padding:8px 15px;font-size:.85rem;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s}.switch-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 10px #3b82f64d}.monitor-bezel{background:#1e293b;padding:30px 30px 60px;border-radius:16px 16px 4px 4px;box-shadow:0 30px 60px -10px #00000080;width:100%;max-width:900px;margin-top:0;position:relative;transition:all .5s ease}.monitor-bezel:after{content:"DELL";position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#94a3b8;font-weight:800;font-size:1.1rem;letter-spacing:3px;opacity:.7}.monitor-bezel.modern-bezel{background:#0f172a;box-shadow:0 0 40px #3b82f633;border:2px solid #334155}.monitor-bezel.modern-bezel:after{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.monitor-screen{background:#000;width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:2px}.terminal-screen{padding:40px;color:#e2e8f0;height:100%;display:flex;flex-direction:column;font-family:Courier New,monospace}.terminal-screen.bigger-text{font-size:1.1rem;font-weight:600;line-height:1.6}.energy-star{width:100px;filter:invert(1);position:absolute;top:30px;right:30px}.edu-toast{position:absolute;top:100px;right:20px;background:#fff;color:#1e293b;padding:12px 20px;border-radius:12px;font-family:Inter,sans-serif;box-shadow:0 10px 25px #0000004d;border-left:5px solid #2563eb;max-width:300px;font-size:.95rem;z-index:20}.bios-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.bios-modal{background:#00a;border:3px solid #AAAAAA;width:400px;box-shadow:10px 10px #00000080}.modal-header{background:#aaa;color:#000;padding:5px;font-weight:700;text-align:center;font-family:Courier New,monospace}.modal-body{padding:20px;text-align:center;font-family:Courier New,monospace}.modal-body p{margin-top:0;font-weight:700;color:#fff;font-size:1.1rem}.modal-actions{display:flex;justify-content:space-around;margin-top:20px}.modal-btn{background:#aaa;border:2px solid #fff;padding:5px 25px;cursor:pointer;font-weight:700;font-family:Courier New,monospace;color:#000;box-shadow:2px 2px #000}.modal-btn:hover{background:#fff;color:#00a}.bios-ui.uefi .bios-modal{background:#1e1e1e;border:2px solid #ef4444}.bios-ui.uefi .modal-header{background:#ef4444;color:#fff;font-family:Inter,sans-serif}.bios-ui.uefi .modal-body{font-family:Inter,sans-serif}.bios-ui.uefi .modal-btn{background:#333;color:#fff;font-family:Inter,sans-serif;border:1px solid #555;box-shadow:none}.bios-ui.uefi .modal-btn:hover{background:#ef4444}.bios-ui.legacy{height:100%;background:#00a;color:#fff;font-family:Courier New,monospace;display:flex;flex-direction:column;border:4px solid #AAA}.bios-ui.legacy .bios-header-bar{background:#aaa;color:#000;padding:8px;text-align:center;font-weight:700;font-size:1.1rem}.bios-ui.legacy .bios-tabs{display:flex;justify-content:center;gap:30px;border-bottom:2px solid #fff;padding:10px;background:#00a}.bios-ui.legacy .tab-item.active{background:#fff;color:#00a;padding:2px 10px}.bios-ui.legacy .bios-body{flex:1;padding:30px;display:flex;gap:40px}.bios-item{margin-bottom:10px;font-size:1.1rem}.bios-item.highlight{background:#fff;color:#00a;display:inline-block;width:100%;padding:2px 5px}.bios-help-box{background:#fff;color:#00a;padding:10px;margin-bottom:20px;font-weight:700;font-size:.9rem}.bios-footer-bar{padding:5px 20px;display:flex;justify-content:space-between;font-size:.8rem;background:#aaa;color:#000}.bios-right-panel{flex:1;border-left:2px solid #fff;padding-left:20px;display:flex;flex-direction:column;justify-content:space-between}.bios-ui.uefi{height:100%;background:radial-gradient(circle at center,#1e293b,#0f172a);color:#e2e8f0;font-family:Inter,sans-serif;display:flex;flex-direction:column}.bios-ui.uefi .bios-header-bar{background:linear-gradient(90deg,#dc2626,#991b1b);color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.2rem;letter-spacing:1px;box-shadow:0 4px 20px #dc262666}.bios-ui.uefi .bios-tabs{background:#ffffff0d;padding:0 30px;display:flex;gap:5px}.bios-ui.uefi .tab-item{padding:15px 20px;opacity:.6;transition:.2s;cursor:pointer;border-bottom:3px solid transparent}.bios-ui.uefi .tab-item.active{opacity:1;font-weight:700;color:#f87171;border-bottom-color:#f87171;background:#ffffff0d}.bios-ui.uefi .bios-body{padding:40px;display:flex;gap:50px}.bios-ui.uefi .bios-item{background:#ffffff0d;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;width:100%}.uefi-visuals{display:flex;gap:10px;padding:10px 30px;background:#0003}.uefi-graph{width:100px;height:40px;background:linear-gradient(180deg,#334155,#1e293b);border:1px solid #475569;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#94a3b8}.full-keyboard-visual{margin-top:10px;background:#0f172a;padding:20px;border-radius:0 0 12px 12px;width:100%;max-width:900px;box-shadow:0 10px 30px #0000004d;position:relative;border-top:5px solid #1e293b;display:flex;flex-direction:column}.kb-row{display:flex;gap:6px;margin-bottom:6px}.k-key{background:#334155;color:#cbd5e1;border-radius:4px;height:45px;width:45px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;box-shadow:0 3px #1e293b;cursor:default;transition:all .1s}.k-key.small{height:30px;font-size:.7rem}.k-spacer{flex:1}.k-key.medium{width:70px}.k-key.large{width:90px}.k-key.neon-active{background:#06b6d4;color:#fff;box-shadow:0 0 10px #22d3ee,0 3px #0e7490;animation:pulseKey 1s infinite alternate;cursor:pointer}.neon-active-arrow{background:#8b5cf6;color:#fff;box-shadow:0 0 10px #a78bfa,0 3px #7c3aed}@keyframes pulseKey{0%{opacity:.8}to{opacity:1;transform:scale(1.05)}}.keyboard-brand{position:absolute;bottom:5px;right:20px;font-size:.7rem;color:#475569;font-weight:700;letter-spacing:1px}.kb-main-area{display:flex;gap:20px}.kb-alpha-block{flex:1}.k-row{display:flex;gap:5px;margin-bottom:5px;justify-content:center}.kb-arrow-block{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.k-arrow-bottom{display:flex;gap:5px;margin-top:5px}.electricity-explainer{background:#fff;border-radius:24px;padding:30px;margin:40px 0;color:#1e293b;border:3px solid #7c3aed;box-shadow:0 20px 40px #7c3aed1a;position:relative;overflow:hidden}.explainer-header h3{color:#7c3aed;text-align:center;font-weight:800;margin-bottom:20px}.explainer-nav{display:flex;gap:10px;justify-content:center;background:#f1f5f9;padding:5px;border-radius:50px;width:fit-content;margin:0 auto 30px}.explainer-nav button{background:transparent;border:none;padding:8px 20px;border-radius:40px;font-weight:700;color:#64748b;cursor:pointer;transition:.3s}.explainer-nav button.active{background:#7c3aed;color:#fff}.ac-dc-game{display:flex;flex-direction:column;gap:20px}.wave-stage{background:#f8fafc;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0}.wave-label{width:140px;font-weight:800;font-size:.9rem}.why-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;background:#fee2e2;color:#ef4444;width:fit-content;margin-top:4px}.why-badge.safe{background:#d1fae5;color:#10b981}.wave-visual{flex:1;height:60px}.wave-svg-box{width:100%;height:100%}.wave-path{fill:none;stroke-width:4;stroke-linecap:round}.ac-wave-path{stroke:#ef4444}.dc-wave-path{stroke:#10b981}.psu-converter-block{background:#7c3aed;color:#fff;padding:15px;border-radius:12px;text-align:center;font-weight:900}.vwa-mill-container{width:100%}.sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-weight:800;font-size:.85rem;color:#475569}.mill-visual{display:flex;justify-content:center;align-items:center;gap:50px;height:200px;background:#f8fafc;border-radius:20px;padding:20px}.waterfall{width:60px;height:100%;background:#e2e8f0;border-radius:30px;position:relative;overflow:hidden}.water-stream{background:#3b82f6;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:30px}.pressure-gauge{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 4px 10px #0000001a}.mill-wheel{font-size:5rem}.power-meter-box{background:#1e293b;padding:15px;border-radius:12px;color:#fff;text-align:center;min-width:100px}.power-value{font-size:1.8rem;font-weight:900;font-family:monospace}.vwa-alerts{margin-top:20px;min-height:120px;display:flex;flex-direction:column;gap:12px}.wattage-explanation{background:#f1f5f9;padding:15px;border-radius:12px;font-size:.85rem;color:#475569;border:1px dashed #cbd5e1}.wattage-explanation p{margin:0;line-height:1.4}.wattage-explanation strong{color:#7c3aed}.alert-oc{background:#fdf2f8;color:#be185d;padding:15px;border-radius:10px;font-weight:700;border-left:5px solid #ec4899;box-shadow:0 0 15px #ec489933}.alert-burn{background:#fee2e2;color:#b91c1c;padding:15px;border-radius:10px;font-weight:700;border-left:5px solid #ef4444;font-size:.9rem;animation:shake-v .1s infinite}.alert-low{background:#fef3c7;color:#92400e;padding:15px;border-radius:10px;font-weight:700;border-left:5px solid #fbbf24;font-size:.9rem}.alert-ok{background:#f0fdf4;color:#16a34a;padding:15px;border-radius:10px;font-weight:700;border-left:5px solid #10b981;font-size:.9rem}.alert-starve{background:#eff6ff;color:#1e40af;padding:15px;border-radius:10px;font-weight:700;border-left:5px solid #3b82f6;font-size:.9rem}@keyframes shake-v{0%{transform:translate(1px,1px) rotate(0)}50%{transform:translate(-1px,-2px) rotate(-1deg)}to{transform:translate(1px,-1px) rotate(1deg)}}.overclock-box{text-align:left}.overclock-box h4{color:#7c3aed;margin:0 0 10px;display:flex;align-items:center;gap:8px}.overclock-box p{font-size:.85rem;margin-bottom:8px;line-height:1.5}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:#e2e8f0;border-radius:4px;border:none;transition:background .3s}input[type=range]:hover::-webkit-slider-runnable-track{background:#cbd5e1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:#fff;border:3px solid #7c3aed;margin-top:-7px;box-shadow:0 4px 10px #7c3aed4d;transition:.2s cubic-bezier(.175,.885,.32,1.275)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 15px #7c3aed80;background:#7c3aed}.oc-toggle-btn{grid-column:span 2;background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8;border:2px solid #334155;padding:14px 20px;border-radius:14px;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:1.5px;text-transform:uppercase;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px #000}.oc-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.05),transparent);transition:.6s}.oc-toggle-btn:hover{color:#f8fafc;border-color:#475569;transform:translateY(-2px);box-shadow:0 6px #000}.oc-toggle-btn:hover:before{left:100%}.oc-toggle-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.oc-toggle-btn.active{background:linear-gradient(135deg,#db2777,#9d174d);color:#fff;border-color:#f472b6;box-shadow:0 0 25px #db277780,0 4px #701a41;animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 15px #db277766,0 4px #701a41}to{box-shadow:0 0 30px #db2777b3,0 4px #701a41}}.eff-selector{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.eff-selector button{background:#f1f5f9;border:2px solid #e2e8f0;padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:700;color:#64748b}.eff-selector button.active{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.energy-input{text-align:center;font-weight:800;color:#7c3aed;margin:20px 0}.conversion-tube-gamified{margin:40px 0}.tube-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:800;color:#475569;margin-bottom:8px}.tube-body{height:60px;background:#f1f5f9;border-radius:30px;display:flex;overflow:visible;position:relative;border:4px solid #fff;box-shadow:0 4px 15px #0000000d}.useful-part{background:#10b981;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.9rem;border-radius:26px 0 0 26px}.waste-part{background:#ef4444;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.9rem;border-radius:0 26px 26px 0}.heat-smoke{position:absolute;right:10px;top:-30px;font-size:1.5rem}.eff-verdict p{margin:0}.eff-verdict h4{margin:0 0 5px;font-size:1rem}.eff-verdict .danger{background:#fff1f2;color:#e11d48;padding:15px;border-radius:12px;border:1px solid #fecdd3}.eff-verdict .warning{background:#fffbeb;color:#d97706;padding:15px;border-radius:12px;border:1px solid #fef3c7}.eff-verdict .success{background:#f0fdf4;color:#16a34a;padding:15px;border-radius:12px;border:1px solid #dcfce7}.assembly-lab-v2{min-height:100%;background:var(--bg-app);padding:var(--spacing-xl)}.lab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.lab-header h2{color:var(--primary);font-size:1.4rem;font-weight:700}.lab-progress{display:flex;align-items:center;gap:var(--spacing-md)}.progress-bar-lab{width:200px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill-lab{height:100%;background:var(--primary)}.lab-content{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-xl);min-height:500px}.instruction-panel{background:var(--bg-panel);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border)}.step-title-lab{color:var(--text-primary);font-size:1.1rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);font-weight:700}.step-instruction{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.visual-panel{background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:450px}.assembly-timeline{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.timeline-step{display:flex;align-items:center}.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.8rem;border:2px solid var(--border);transition:all .3s}.timeline-step.current .timeline-dot{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.15)}.timeline-step.completed .timeline-dot{background:var(--success);color:#fff;border-color:var(--success)}.simulation{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);position:relative}.phase-message{background:var(--bg-secondary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);color:var(--primary);font-size:1rem;text-align:center;border-left:4px solid var(--primary)}.success-badge{position:absolute;bottom:var(--spacing-xl);background:var(--accent-success);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700}.success-indicator{font-size:3rem}.static-sim .metal-case{cursor:pointer;text-align:center}.static-sim .case-body{width:150px;height:200px;background:linear-gradient(135deg,#444,#222);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);border:3px solid #555;position:relative}.case-icon{font-size:4rem}.static-sparks{position:absolute;top:10px;right:10px;font-size:1.5rem;color:#ff0}.sim-label{margin-top:var(--spacing-md);color:var(--text-secondary)}.metal-case.discharged .case-body{border-color:var(--success);box-shadow:0 0 20px #7bc8a44d}.cpu-sim{gap:var(--spacing-lg)}.motherboard-area{position:relative;width:400px;height:350px;background:#edf2f7;border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.motherboard-area:before{content:"";position:absolute;inset:50px;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.socket-container{position:relative;width:160px;height:160px}.socket{width:140px;height:140px;background:#cbd5e1;border:1px solid #94a3b8;border-radius:var(--radius-sm);position:relative;transition:all .3s}.socket.open{border-color:var(--accent-success);background:#f8fafc}.socket-pins{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:2px}.pin{flex:1;background:#94a3b8;border-radius:1px}.lever-arm{width:6px;height:80px;background:#94a3b8;border-radius:3px;position:absolute;bottom:0;left:8px;transform-origin:bottom center;transition:transform .3s}.lever-handle{width:16px;height:16px;background:#64748b;border-radius:3px;position:absolute;top:0;left:2px}.socket-lever.locked .lever-arm,.socket-lever.locked .lever-handle{background:var(--accent-success)}.cpu-chip-drag{width:100px;height:100px;background:#e2e8f0;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #94a3b8}.cpu-label{font-weight:700;color:#475569}.cpu-ihs{width:100%;height:100%;background:#f1f5f9;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1}.cpu-text{font-size:1.4rem;font-weight:700;color:#64748b}.cooler-sim .cooler-workspace{position:relative;width:350px;height:300px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.cpu-installed-view{width:120px;height:120px;position:relative}.cpu-top-surface{width:100%;height:100%;background:linear-gradient(145deg,#a0a0a0,gray);border-radius:var(--radius-sm)}.thermal-paste-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#888;border-radius:50%}.thermal-paste-tube{position:absolute;right:20px;top:20px;cursor:pointer;text-align:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.thermal-paste-tube span{font-size:3rem}.cooler-installed{position:absolute;top:-20px;left:50%;transform:translate(-50%)}.cooler-heatsink{width:100px;height:80px;background:linear-gradient(180deg,#333,#1a1a1a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.cooler-fan-spin{font-size:2.5rem}.cooler-draggable{position:absolute;cursor:grab;padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:2px solid var(--border)}.cooler-preview{text-align:center}.cooler-preview span{font-size:3rem}.fan-connector{position:absolute;left:20px;bottom:20px;cursor:pointer;padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:2px solid var(--primary);text-align:center}.connector-header{font-size:.8rem;color:var(--primary);margin-bottom:var(--spacing-xs)}.cable-end{font-family:monospace;color:var(--text-secondary)}.ram-sim .ram-workspace{position:relative;width:400px;height:300px;display:flex;align-items:center;justify-content:center}.ram-slots-container{text-align:center}.ram-slot{width:150px;height:30px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:2px;position:relative;margin-bottom:var(--spacing-md)}.ram-slot.open{border-color:var(--accent-success);background:#f0fdf4}.ram-slot.filled{border-color:var(--primary);background:#eff6ff}.slot-clip{position:absolute;width:20px;height:15px;background:#666;cursor:pointer;transition:transform .3s}.slot-clip.top{top:-15px;left:10px}.slot-clip.bottom{bottom:-15px;right:10px}.slot-clip.open{transform:rotate(-30deg)}.slot-notch{position:absolute;width:8px;height:100%;background:var(--bg-primary);left:40%}.slot-body{width:100%;height:100%}.ram-installed{width:100%;height:100%;background:#1e293b;border:1px solid var(--primary-light);display:flex;align-items:center;justify-content:center}.ram-chips{display:flex;gap:4px}.ram-chips .chip{width:10px;height:15px;background:#0f172a;border-radius:1px}.ram-draggable{position:absolute;right:20px;cursor:grab;text-align:center}.ram-module{width:140px;height:25px;background:#1e293b;border:1px solid var(--primary-light);border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.ram-notch-indicator{position:absolute;left:40%;color:var(--bg-primary);font-size:.8rem}.ram-chips-preview{display:flex;gap:3px}.chip-prev{width:8px;height:12px;background:#111;border-radius:1px}.hint-text{color:var(--text-muted);font-size:.85rem}.ssd-sim .ssd-workspace{position:relative;width:300px;height:200px;display:flex;align-items:center;justify-content:center}.m2-slot{width:100px;height:25px;background:#cbd5e1;border:1px solid #94a3b8;border-radius:2px;position:relative;display:flex;align-items:center;padding-left:var(--spacing-sm)}.nvme-stick{padding:var(--spacing-sm) var(--spacing-md);background:#1e293b;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600}.pcie-slot{width:180px;height:20px;background:#f1f5f9;border:1px solid #cbd5e1;position:relative;display:flex;align-items:center}.gpu-card-preview{padding:var(--spacing-md) var(--spacing-xl);background:#1e293b;border-radius:var(--radius-md);color:#fff;font-size:1.1rem;font-weight:700}.connector{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-md);min-width:120px}.connector.connected{border-style:solid;border-color:var(--accent-success);background:#10b9810d}.cable-item{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;background:var(--primary)}.tower-view{width:120px;height:180px;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing-lg);position:relative}.power-led{width:8px;height:8px;background:var(--accent-success);border-radius:50%;position:absolute;top:20px;left:20px}.complete-button{padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer}@media(max-width:900px){.lab-content{grid-template-columns:1fr}.motherboard-area{width:100%;max-width:350px}.assembly-timeline{flex-wrap:wrap}}.lab-content.full-width{grid-template-columns:1fr;max-width:1200px;margin:0 auto}.selection-simulation{padding:var(--spacing-md)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.selection-category h4{margin-bottom:var(--spacing-sm);color:var(--primary);font-size:1rem;border-bottom:2px solid var(--secondary);display:inline-block}.items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selection-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.selection-item:hover{border-color:var(--primary);background:var(--bg-app)}.selection-item.selected{border-color:var(--primary);background:var(--secondary);box-shadow:0 0 0 2px var(--primary)}.selection-item.disabled{opacity:.5;cursor:not-allowed;background:#f0f0f0}.item-info{display:flex;justify-content:space-between;align-items:center}.item-name{font-size:.9rem;font-weight:500}.item-badge{font-size:.7rem;background:var(--primary);color:#fff;padding:2px 6px;border-radius:10px}.btn-complete-selection{width:100%;padding:var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.btn-complete-selection:disabled{background:var(--border);cursor:not-allowed}.gamified-sim{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.points-display{position:absolute;top:-40px;right:0;background:var(--primary);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #0003;z-index:50;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.motherboard-view-container{position:relative;width:760px;height:580px;background:radial-gradient(circle at center,#1a3a5f,#0d1218);border-radius:20px;padding:20px;box-shadow:0 0 50px #00ffff26,inset 0 0 20px #00000080;border:4px solid #1e3a5f;overflow:hidden;display:flex;align-items:center;justify-content:center}.hardware-draggable{z-index:50;filter:drop-shadow(0 5px 15px rgba(0,0,0,.4))}.hardware-draggable .drag-label{background:#000000b3;color:#0ff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-align:center;margin-top:5px;border:1px solid #0ff}.hardware-placed{z-index:10}.hardware-fixed{z-index:5}.socket-hit-area,.clips-hit-area{transition:background .3s;border-radius:8px}.socket-hit-area:hover,.clips-hit-area:hover{background:#00ff881a}.hardware-placed.cpu{pointer-events:none}.gamified-selection{background:#0a0a0c;border-radius:16px;padding:30px;border:1px solid #1a3a5f;box-shadow:0 0 30px #00000080}.inventory-title{color:#0ff;font-size:1.8rem;text-align:center;margin-bottom:20px;font-family:Rajdhani,sans-serif;letter-spacing:2px}.selection-item{background:#16212c!important;border:1px solid #2d4a66!important;margin-bottom:8px!important;transition:all .3s ease!important}.selection-item.selected{border-color:#0ff!important;background:#00ffff1a!important}.gamified-lab{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;color:#212529}.lab-header-gamified{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffffe6;border-radius:16px;border:1px solid #dee2e6;margin-bottom:20px}.lab-header-gamified h2{margin:0;font-size:1.8rem;color:#06c;text-shadow:none}.points-display-large{font-size:1.5rem;font-weight:700;color:#f80;text-shadow:none}.instruction-banner{text-align:center;padding:15px 30px;background:linear-gradient(90deg,transparent,rgba(0,102,204,.1),transparent);border:1px solid #0066cc;border-radius:8px;margin-bottom:20px;font-size:1.1rem;color:#06c}.lab-workspace{display:flex;gap:30px;min-height:600px}.inventory-panel{width:320px;background:#fffffff2;border:2px solid #dee2e6;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:10}.inventory-panel h3{text-align:center;color:#6c757d;margin:0 0 10px;font-size:.9rem;letter-spacing:2px}.inventory-item{background:#1a1a2e;border:2px solid #333;border-radius:12px;padding:15px;cursor:grab;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.inventory-item:hover{border-color:#0ff;box-shadow:0 0 20px #00ffff4d;transform:translateY(-3px)}.inventory-item:active{cursor:grabbing}.drag-label{background:#0ff;color:#000;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700}.motherboard-workspace{background:radial-gradient(circle at center,#e3f2fd,#f5f5f5);border:3px solid #90caf9;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 0 30px #0066cc1a,inset 0 0 30px #0000000d;z-index:1;width:800px;height:600px;flex-shrink:0;transform-origin:top left}.drop-zone{border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.drop-zone:hover{background:#0066cc0d}.drop-zone.open{background:transparent;animation:none}@keyframes pulse-zone{0%,to{box-shadow:0 0 10px #4caf504d}50%{box-shadow:0 0 25px #4caf5099}}.installed-component{pointer-events:none;z-index:10}.success-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000}.success-content{text-align:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:400px;width:90%;border:2px solid #0066cc}.success-content h2{font-size:1.8rem;color:#06c;margin-bottom:15px}.success-content p{font-size:1.2rem;color:#f80;font-weight:700}.inventory-zone{background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:15px;box-shadow:0 0 20px #00ffff1a;z-index:50}.inventory-label{font-family:Rajdhani,sans-serif;font-size:.9rem;color:#0ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-weight:600}.hardware-piece{cursor:grab;transition:filter .2s}.hardware-piece:active{cursor:grabbing}.hardware-installed{pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.drop-target-zone{background:transparent}.error-message{color:#ff4d4f!important;text-shadow:0 0 10px rgba(255,77,79,.5);animation:pulseError .5s infinite alternate}@keyframes pulseError{0%{opacity:.7}to{opacity:1}}@media(max-width:800px){.motherboard-view-container{width:100%;height:auto;aspect-ratio:4/3}}.inventory-zone{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#1e293b80;border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:var(--spacing-xl)}.inventory-label{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.hardware-piece{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:filter .2s ease}.hardware-piece:active{cursor:grabbing;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}.hardware-installed{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.drop-target-zone{position:absolute;transform:translate(-50%,-50%);border:2px dashed rgba(var(--primary-rgb),.3);border-radius:var(--radius-sm);pointer-events:none;z-index:5;background:rgba(var(--primary-rgb),.05);opacity:0;transition:opacity .3s ease}.error-message{color:#ef4444!important;text-shadow:0 0 10px rgba(239,68,68,.3);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.quiz-container{padding:var(--spacing-xl)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.quiz-title{color:var(--primary);font-weight:700}.quiz-progress{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;color:var(--primary);font-size:1rem;border:1px solid var(--border)}.question-container{min-height:400px}.question-text{font-size:1.4rem;margin-bottom:var(--spacing-xl);color:var(--text-primary);line-height:1.5;font-weight:700}.question-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.option{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md);position:relative}.option:hover:not(.selected):not(.correct):not(.incorrect){background:var(--bg-secondary);border-color:var(--primary-light)}.option.selected{border-color:var(--primary);background:var(--primary-dim)}.option.correct{border-color:var(--accent-success);background:#10b9810d}.option.incorrect{border-color:var(--accent-error);background:#ef44440d}.option-letter{width:32px;height:32px;border-radius:4px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.9rem;color:var(--text-secondary)}.option.selected .option-letter{background:var(--primary);color:#fff}.option.correct .option-letter{background:var(--accent-success);color:#fff}.option.incorrect .option-letter{background:var(--accent-error);color:#fff}.option-text{flex:1;font-size:1.05rem}.option-check,.option-cross{font-size:1.5rem;font-weight:700}.option-check{color:var(--accent-success)}.option-cross{color:var(--accent-error)}.boolean-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.bool-option{padding:var(--spacing-2xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-fast);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.bool-option:hover:not(:disabled){border-color:var(--primary);background:var(--bg-tertiary)}.bool-option.selected{border-color:var(--primary);background:var(--primary-dim)}.bool-option.correct{border-color:var(--accent-success);background:#10b9810d}.bool-option.incorrect{border-color:var(--accent-error);background:#ef44440d}.bool-option:disabled{cursor:default}.bool-icon{font-size:3rem;font-weight:700}.feedback{padding:var(--spacing-lg);border-radius:var(--radius-sm);margin-top:var(--spacing-lg);border:1px solid var(--border)}.feedback.correct{background:#10b9810d;border-color:var(--accent-success)}.feedback.incorrect{background:#ef44440d;border-color:var(--accent-error)}.feedback-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:700}.feedback-icon{font-size:1.5rem}.feedback.correct .feedback-header{color:var(--accent-success)}.feedback.incorrect .feedback-header{color:var(--accent-error)}.feedback-explanation{color:var(--text-secondary);font-size:1rem;line-height:1.6}.quiz-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);gap:var(--spacing-md)}.quiz-results{padding:var(--spacing-xl);text-align:center}.results-title{color:var(--primary);margin-bottom:var(--spacing-2xl);font-weight:700}.score-circle{width:200px;height:200px;margin:var(--spacing-2xl) auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:8px solid var(--primary)}.score-number{font-size:4rem;font-weight:700;color:var(--primary);line-height:1}.score-label{font-size:1.2rem;color:var(--text-secondary);margin-top:var(--spacing-sm)}.score-message{margin:var(--spacing-xl) 0;font-size:1.3rem;font-weight:600}.score-message .excellent{color:var(--accent-success)}.score-message .good{color:var(--primary)}.score-message .needs-improvement{color:var(--accent-warning)}.results-summary{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);margin:var(--spacing-2xl) auto;max-width:700px;text-align:left}.results-summary h3{margin-bottom:var(--spacing-lg);color:var(--text-primary);text-align:center;font-weight:700}.result-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.result-item.correct{border-left:4px solid var(--accent-success)}.result-item.incorrect{border-left:4px solid var(--accent-error)}.result-number{width:28px;height:28px;border-radius:4px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.8rem}.result-status{font-size:1.2rem;flex-shrink:0}.result-question{flex:1;font-size:.95rem;color:var(--text-secondary)}@media(max-width:768px){.quiz-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.boolean-options{grid-template-columns:1fr}.score-circle{width:160px;height:160px}.score-number{font-size:3rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:500px}.login-box{background:var(--bg-panel);padding:3rem;border-radius:20px;box-shadow:0 20px 50px #0000004d;border:1px solid var(--border);max-width:450px;width:100%;text-align:center}.login-box h1{color:var(--primary);margin-bottom:1rem;font-size:2rem}.login-form{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.login-form input{background:var(--bg-secondary)!important;border:1px solid var(--border);padding:1rem;border-radius:12px;color:var(--text-primary);font-size:1.1rem;transition:all .3s ease}.login-form input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px var(--primary-dim)}.login-btn{background:var(--primary);color:#fff;padding:1rem;border-radius:12px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.login-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--accent-error);font-size:.9rem;margin-top:.5rem}.app-footer{background:var(--bg-panel);border-top:1px solid var(--border);padding:var(--spacing-xl);text-align:center;margin-top:auto}.footer-content p{margin:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.9rem}.author-name{color:var(--primary-dark);font-weight:600}.footer-year{color:var(--text-muted);font-size:.8rem;margin-top:var(--spacing-sm)}