@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap);:root{--bg-primary:#0f1419;--surface-primary:#1a1f26;--text-primary:#e7eaee;--text-secondary:#8a9199;--accent-cyan:#09f;--accent-amber:#ffbf47;--border-primary:#2a2f36;--border-accent:#3c424a;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--font-code:"JetBrains Mono",monospace;--transition-smooth:cubic-bezier(0.22,0.8,0.36,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1419;background-color:var(--bg-primary);color:#e7eaee;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:17px;line-height:1.7}:focus{outline:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #0099ff4d;outline:none}:focus:not(:focus-visible){box-shadow:none;outline:none}:focus-visible{box-shadow:0 0 0 2px #09f6;outline:none}*{scrollbar-color:#ffbf47 #09f;scrollbar-color:var(--accent-amber) var(--accent-cyan);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#09f;background:var(--accent-cyan);border-radius:4px}::-webkit-scrollbar-thumb{background:#ffbf47;background:var(--accent-amber);border-radius:4px}::-webkit-scrollbar-corner{background:#1a1f26;background:var(--surface-primary)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-family:var(--font-heading)}.text-emphasis,h1,h2,h3,h4,h5,h6{color:#e7eaee;color:var(--text-primary);font-weight:600}.text-muted,.text-secondary{color:#8a9199;color:var(--text-secondary)}.text-muted{opacity:.8}.text-code{font-family:JetBrains Mono,monospace;font-family:var(--font-code);font-size:14px;line-height:1.5}.course-card,.feature-card,.practice-problem-card,.pricing-card,.problem-card,.testimonial-card{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px #0003;transition:transform .25s cubic-bezier(.22,.8,.36,1),box-shadow .25s cubic-bezier(.22,.8,.36,1),border-color .2s cubic-bezier(.22,.8,.36,1);transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth),border-color .2s var(--transition-smooth)}.course-card:hover,.feature-card:hover,.practice-problem-card:hover,.pricing-card:hover,.problem-card:hover,.testimonial-card:hover{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 4px 16px #0099ff40;transform:translateY(-4px)}.btn-primary{background-color:#09f;background-color:var(--accent-cyan);border:1px solid #09f;border:1px solid var(--accent-cyan);border-radius:6px;box-shadow:0 2px 8px #09f3;color:#fff;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.btn-primary:hover{background-color:#08d;box-shadow:0 4px 16px #0099ff59;transform:translateY(-1px)}.btn-secondary{background-color:initial;border:1px solid #09f;border:1px solid var(--accent-cyan);border-radius:6px;color:#09f;color:var(--accent-cyan);transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.btn-secondary:hover{background-color:#09f;background-color:var(--accent-cyan);color:#fff;transform:translateY(-1px)}.nav-link.active{color:#09f;color:var(--accent-cyan);font-weight:600;position:relative}.nav-link.active:after{animation:slideIn .2s cubic-bezier(.22,.8,.36,1);animation:slideIn .2s var(--transition-smooth);background:#09f;background:var(--accent-cyan);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.difficulty-badge-Easy{background-color:#ffbf47;background-color:var(--accent-amber);border:1px solid #ffbf47;border:1px solid var(--accent-amber);color:#0f1419;color:var(--bg-primary)}.difficulty-badge-Medium{background-color:#09f;background-color:var(--accent-cyan);border:1px solid #09f;border:1px solid var(--accent-cyan);color:#fff}.difficulty-badge-Hard{background-color:#ff6b6b;border:1px solid #ff6b6b;color:#fff}.playground-container *{box-sizing:border-box}.playground-container{background:#0f1419;background:var(--bg-primary);border:none;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-body);height:calc(100vh - 80px)}.playground-container,.playground-header{color:#e7eaee;color:var(--text-primary);display:flex}.playground-header{align-items:center;background:#1a1f26;background:var(--surface-primary);border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px #0003;height:52px;justify-content:space-between;padding:20px 32px}.playground-header h1{font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:20px;font-weight:600}.playground-header-buttons{display:flex;gap:12px}.playground-btn{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:4px;color:#e7eaee;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.playground-btn-primary{background:#09f;background:var(--accent-cyan);border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 2px 8px #09f3;color:#fff}.playground-btn-primary:hover{background:#08d;box-shadow:0 4px 16px #0099ff59;transform:translateY(-1px)}.playground-btn-secondary{background:#0000;border-color:#09f;border-color:var(--accent-cyan);color:#09f;color:var(--accent-cyan)}.playground-btn-secondary:hover{background:#09f;background:var(--accent-cyan);color:#fff;transform:translateY(-1px)}.playground-btn-success{background:#ffbf47;background:var(--accent-amber);border-color:#ffbf47;border-color:var(--accent-amber);color:#0f1419;color:var(--bg-primary)}.playground-btn-success:hover{background:#e5a838;transform:translateY(-1px)}.playground-main{display:flex;height:calc(100% - 52px)}.playground-sidebar{background:#1a1f26;background:var(--surface-primary);border-right:1px solid #2a2f36;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;width:320px}.playground-sidebar-tabs{border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);display:flex}.playground-sidebar-tab{background:#1a1f26;background:var(--surface-primary);border:none;border-bottom:3px solid #0000;color:#8a9199;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px 20px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.playground-sidebar-tab.active{background:#0f1419;background:var(--bg-primary);border-bottom-color:#09f;border-bottom-color:var(--accent-cyan);color:#09f;color:var(--accent-cyan)}.playground-sidebar-content{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:#ffbf47 #09f;scrollbar-color:var(--accent-amber) var(--accent-cyan);scrollbar-width:thin}.playground-sidebar-content::-webkit-scrollbar{width:8px}.playground-sidebar-content::-webkit-scrollbar-track{background:#09f;background:var(--accent-cyan);border-radius:4px}.playground-sidebar-content::-webkit-scrollbar-thumb{background:#ffbf47;background:var(--accent-amber);border-radius:4px}.playground-chat-container{display:none;flex-direction:column;height:100%}.playground-chat-container.active{display:flex}.playground-components-container{display:block}.playground-components-container.hidden{display:none}.playground-chat-messages{flex:1 1;overflow-y:auto;padding:16px 0}.playground-chat-message{word-wrap:break-word;border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;margin-bottom:16px;max-width:100%;padding:16px}.playground-chat-message.user{background:#09f;background:var(--accent-cyan);border-color:#09f;border-color:var(--accent-cyan);color:#fff;margin-left:16px;text-align:right}.playground-chat-message.assistant{background:#1a1f26;background:var(--surface-primary);border-color:#2a2f36;border-color:var(--border-primary);color:#e7eaee;color:var(--text-primary);margin-right:16px}.playground-chat-message .timestamp{color:#8a9199;color:var(--text-secondary);font-size:12px;margin-top:8px}.playground-chat-input-container{border-top:1px solid #2a2f36;border-top:1px solid var(--border-primary);display:flex;gap:12px;padding-top:20px}.playground-chat-input{background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#e7eaee;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s cubic-bezier(.22,.8,.36,1);transition:border-color .2s var(--transition-smooth)}.playground-chat-input:focus{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #09f3;outline:none}.playground-chat-send-btn{background:#09f;background:var(--accent-cyan);border:1px solid #09f;border:1px solid var(--accent-cyan);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.playground-chat-send-btn:hover{background:#08d}.playground-chat-send-btn:disabled{background:#8a9199;background:var(--text-secondary);border-color:#8a9199;border-color:var(--text-secondary);cursor:not-allowed}.playground-loading{animation:spin 1s linear infinite;border:3px solid #2a2f36;border-top:3px solid #09f;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-cyan);display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scrollLogos{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.company-logos-section:hover .logos-container{animation-play-state:paused}.playground-sidebar h3{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:20px}.playground-component-list{display:flex;flex-direction:column;gap:12px}.playground-component-item{align-items:center;background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px #0003;color:#e7eaee;color:var(--text-primary);cursor:grab;display:flex;gap:12px;padding:16px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.playground-component-item:hover{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 4px 16px #0099ff40;transform:translateY(-4px)}.playground-component-item:active{cursor:grabbing}.playground-canvas-container{border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);flex:1 1;overflow:hidden;position:relative}.playground-canvas{background-color:#0f1419;background-color:var(--bg-primary);background-image:linear-gradient(#3c424a 1px,#0000 0),linear-gradient(90deg,#3c424a 1px,#0000 0);background-image:linear-gradient(var(--border-accent) 1px,#0000 1px),linear-gradient(90deg,var(--border-accent) 1px,#0000 1px);background-size:32px 32px;height:100%;position:relative;width:100%}.playground-properties-panel{background:#1a1f26;background:var(--surface-primary);border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);display:none;overflow-y:auto;padding:24px;width:320px}.playground-properties-panel.active{display:block}.playground-properties-panel h3{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:20px}.playground-form-group{margin-bottom:20px}.playground-form-group label{color:#e7eaee;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.playground-form-group input,.playground-form-group textarea{background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#e7eaee;color:var(--text-primary);font-size:14px;padding:12px;transition:border-color .2s cubic-bezier(.22,.8,.36,1);transition:border-color .2s var(--transition-smooth);width:100%}.playground-form-group input:focus,.playground-form-group textarea:focus{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #09f3;outline:none}.playground-form-group textarea{min-height:80px;resize:vertical}.playground-widget{-webkit-user-drag:none;align-items:center;border:2px solid #3c424a;border:2px solid var(--border-accent);border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#0f1419;color:var(--bg-primary);cursor:move;display:flex;font-size:14px;justify-content:center;min-height:90px;min-width:140px;padding:16px;position:absolute;text-align:center;transition:all .15s cubic-bezier(.22,.8,.36,1);transition:all .15s var(--transition-smooth);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.playground-widget.selected{border-color:#09f;border-color:var(--accent-cyan);border-width:3px;box-shadow:0 0 0 6px #0099ff4d,0 4px 16px #0099ff40}.playground-widget.dns{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff}.playground-widget.server{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;color:#fff}.playground-widget.database{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-color:#0ea5e9;color:#fff}.playground-widget.client{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#d97706;color:#fff}.playground-widget.cache{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;color:#fff}.playground-widget.queue{background:linear-gradient(135deg,#be185d,#ec4899);border-color:#be185d;color:#fff}.playground-widget.cdn{background:linear-gradient(135deg,#047857,#059669);border-color:#047857;color:#fff}.playground-widget.load-balancer{background:linear-gradient(135deg,#7c2d12,#ea580c);border-color:#7c2d12;color:#fff}.playground-widget.api-gateway{background:linear-gradient(135deg,#be185d,#ec4899);border-color:#be185d;color:#fff}.playground-widget.message-broker{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;color:#fff}.playground-widget.search-engine{background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#0d9488;color:#fff}.playground-widget.analytics{background:linear-gradient(135deg,#4338ca,#6366f1);border-color:#4338ca;color:#fff}.playground-widget.monitoring{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed;color:#fff}.playground-widget.storage{background:linear-gradient(135deg,#a21caf,#d946ef);border-color:#a21caf;color:#fff}.playground-widget.security{background:linear-gradient(135deg,#475569,#64748b);border-color:#475569;color:#fff}.playground-widget.notification{background:linear-gradient(135deg,#ffbf47,#fbbf24);background:linear-gradient(135deg,var(--accent-amber),#fbbf24);border-color:#ffbf47;border-color:var(--accent-amber);color:#0f1419;color:var(--bg-primary)}.playground-widget.pub-sub,.playground-widget.pubsub{background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#0284c7;color:#fff}.playground-widget:hover{border-style:solid;border-width:2px;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.playground-widget{font-weight:600}.playground-widget.notification{color:#0f1419!important;color:var(--bg-primary)!important}.playground-connection-point{background:#3c424a;background:var(--border-accent);border:2px solid #e7eaee;border:2px solid var(--text-primary);border-radius:50%;cursor:crosshair;height:10px;opacity:0;position:absolute;transition:all .15s cubic-bezier(.22,.8,.36,1);transition:all .15s var(--transition-smooth);width:10px;z-index:3}.playground-widget:hover .playground-connection-point{opacity:1}.playground-connection-point.top{left:50%;top:-6px;transform:translateX(-50%)}.playground-connection-point.bottom{bottom:-6px;left:50%;transform:translateX(-50%)}.playground-connection-point.left{left:-6px;top:50%;transform:translateY(-50%)}.playground-connection-point.right{right:-6px;top:50%;transform:translateY(-50%)}.playground-connection-line{stroke:#3c424a;stroke:var(--border-accent);stroke-width:2;fill:none;marker-end:url(#arrowhead);transition:stroke .15s cubic-bezier(.22,.8,.36,1);transition:stroke .15s var(--transition-smooth)}.playground-connection-line.temporary{stroke-dasharray:8,4;opacity:.6}.playground-connection-line.temporary.snapping{stroke:#09f;stroke:var(--accent-cyan);stroke-width:3;opacity:.8}.connection-snap-indicator{pointer-events:none}.playground-connection-point:hover{box-shadow:0 0 0 3px #0099ff4d;opacity:1!important;transform:scale(1.2)}.playground-connection-point:hover,.playground-widget:hover .playground-connection-point:hover{background:#09f;background:var(--accent-cyan)}.grid-guide{pointer-events:none;transition:opacity .2s ease}.playground-delete-btn{background:#dc2626;border:2px solid #e7eaee;border:2px solid var(--text-primary);border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:12px;font-weight:700;height:24px;position:absolute;right:-12px;top:-12px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth);width:24px}.playground-delete-btn:hover{background:#b91c1c;transform:scale(1.1)}.playground-widget.selected .playground-delete-btn{align-items:center;display:flex;justify-content:center}.playground-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.playground-widget{z-index:2}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1001}.mobile-overlay.active{display:block;opacity:1}.courses-sidebar,.learn-sidebar{background:#1a1f26;background:var(--surface-primary);border-right:1px solid #2a2f36;border-right:1px solid var(--border-primary);box-shadow:4px 0 16px #0006;display:flex;flex-direction:column;height:100vh;left:0;max-width:320px;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.22,.8,.36,1);transition:transform .3s var(--transition-smooth);width:85%;z-index:1002}.courses-sidebar.active,.learn-sidebar.active{transform:translateX(0)}.courses-sidebar.right,.learn-sidebar.right{border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);border-right:none;box-shadow:-4px 0 16px #0006;left:auto;right:0;transform:translateX(100%)}.courses-sidebar.right.active,.learn-sidebar.right.active{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);box-sizing:border-box;padding:20px;width:100%}#courses-sidebar-desktop .search-container,#learn-sidebar-desktop .search-container{width:100%}#courses-sidebar-desktop .search-input,#learn-sidebar-desktop .search-input{width:100%!important}#courses-sidebar-desktop>div,#learn-sidebar-desktop>div{box-sizing:border-box;width:100%}#courses-sidebar-desktop>div .search-container,#learn-sidebar-desktop>div .search-container{width:100%}#courses-sidebar-desktop>div .search-input,#learn-sidebar-desktop>div .search-input{width:100%!important}.mobile-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sidebar-title{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;margin:0}.close-sidebar-btn{align-items:center;background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:4px;color:#8a9199;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth);width:32px}.close-sidebar-btn:hover{background:#09f;background:var(--accent-cyan);border-color:#09f;border-color:var(--accent-cyan);color:#fff}.close-sidebar-btn svg{height:18px;width:18px}.search-container{padding:0;position:relative;width:100%}.search-container,.search-input{box-sizing:border-box;display:block;margin:0}.search-input{border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#e7eaee;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;max-width:100%;min-width:0;padding:12px 14px 12px 40px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth);width:100%!important}.search-input,.search-input:focus{background:#0f1419;background:var(--bg-primary)}.search-input:focus{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #0099ff4d;outline:none}.search-icon,.search-input::placeholder{color:#8a9199;color:var(--text-secondary)}.search-icon{height:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s cubic-bezier(.22,.8,.36,1);transition:color .2s var(--transition-smooth);width:18px}.sidebar-content{flex:1 1;overflow-y:auto;scrollbar-color:#ffbf47 #09f;scrollbar-color:var(--accent-amber) var(--accent-cyan);scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#09f;background:var(--accent-cyan);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb{background:#ffbf47;background:var(--accent-amber);border-radius:4px}.sidebar-footer{border-top:1px solid #2a2f36;border-top:1px solid var(--border-primary);padding:12px}.mobile-nav-link{border-radius:6px;color:#e7eaee;color:var(--text-primary);display:block;font-size:16px;font-weight:600;padding:16px;text-decoration:none;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.mobile-nav-link:hover{background:#0f1419;background:var(--bg-primary);color:#09f;color:var(--accent-cyan)}.courses-layout,.learn-layout{background:#0f1419;background:var(--bg-primary);display:block;margin:0;min-height:calc(100vh - 120px);width:100%}#courses-sidebar-desktop,#learn-sidebar-desktop{background:#1a1f26;background:var(--surface-primary);border-right:1px solid #2a2f36;border-right:1px solid var(--border-primary);box-shadow:inset -1px 0 0 #2a2f36;box-shadow:inset -1px 0 0 var(--border-primary);box-sizing:border-box;display:none;height:auto;margin:0;position:static;transform:none;width:100%;z-index:auto}.topics-list{padding:12px}.loading-state{align-items:center;color:#8a9199;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.topic-item{margin-bottom:4px}.topic-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;min-height:44px;padding:12px 16px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth);-webkit-user-select:none;user-select:none}.topic-header:hover{background:#0f1419;background:var(--bg-primary);box-shadow:0 2px 8px #0000004d}.topic-title{color:#e7eaee;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:15px;font-weight:600}.topic-arrow{color:#8a9199;color:var(--text-secondary);font-size:12px;text-align:center;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth);width:20px}.topic-arrow.expanded{color:#09f;color:var(--accent-cyan);transform:rotate(90deg)}.topic-subtopics{border-left:2px solid #2a2f36;border-left:2px solid var(--border-primary);margin-left:16px;margin-top:4px;padding-left:12px}.subtopic-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:2px;min-height:36px;padding:10px 14px;position:relative;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.subtopic-item:hover{background:#0f1419;background:var(--bg-primary)}.subtopic-item.active{background:#09f;background:var(--accent-cyan);border-left:3px solid #09f;border-left:3px solid var(--accent-cyan);box-shadow:0 2px 8px #0099ff4d}.subtopic-title{color:#8a9199;color:var(--text-secondary);font-size:14px;font-weight:500}.subtopic-item.active .subtopic-title{color:#fff;font-weight:600}.courses-main,.learn-main{background:#0f1419;background:var(--bg-primary);border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);display:flex;flex-direction:column;margin:0;min-height:calc(100vh - 120px);overflow:hidden}@media (max-width:767px){.learn-right-sidebar{display:none!important}.learn-layout{grid-template-columns:1fr!important}}.courses-welcome,.learn-welcome{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 32px;text-align:center}.welcome-content{max-width:600px}.welcome-title{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:2.25rem;font-weight:600;margin-bottom:20px}.welcome-description{color:#8a9199;color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:40px}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.feature-item{align-items:center;border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;display:flex;flex-direction:column;padding:24px 20px;text-align:center;transition:all .25s cubic-bezier(.22,.8,.36,1);transition:all .25s var(--transition-smooth)}.feature-item,.feature-item:hover{background:#1a1f26;background:var(--surface-primary)}.feature-item:hover{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 4px 16px #0099ff40;transform:translateY(-4px)}.feature-icon{font-size:28px;margin-bottom:16px;width:40px}.feature-icon,.feature-text{text-align:center}.feature-text h3{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:8px}.feature-text p{color:#8a9199;color:var(--text-secondary);font-size:14px;line-height:1.5}.lesson-container{flex:1 1;overflow-y:auto}.lesson-header{background:#1a1f26;background:var(--surface-primary);border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px #0003;padding:24px 32px;position:sticky;top:0;z-index:10}.lesson-title{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.75rem;font-weight:600;line-height:1.3;margin:0}.lesson-body{background:#0f1419;background:var(--bg-primary);max-width:100%;padding:32px}.content-text{color:#e7eaee;color:var(--text-primary);font-size:17px;line-height:1.7;margin-bottom:28px}.content-highlight *,.content-highlight p,.content-text *,.content-text p,.diagram-content *,.diagram-content p{background:#0000!important;color:#e7eaee!important;color:var(--text-primary)!important}.content-highlight p,.content-text p,.diagram-content p{line-height:1.7;margin-bottom:16px}.content-highlight h1,.content-highlight h2,.content-highlight h3,.content-highlight h4,.content-highlight h5,.content-highlight h6,.content-text h1,.content-text h2,.content-text h3,.content-text h4,.content-text h5,.content-text h6,.diagram-content h1,.diagram-content h2,.diagram-content h3,.diagram-content h4,.diagram-content h5,.diagram-content h6{background:#0000!important;color:#e7eaee!important;color:var(--text-primary)!important;font-family:Poppins,sans-serif!important;font-family:var(--font-heading)!important;font-weight:600!important;margin:24px 0 16px}.content-highlight ol,.content-highlight ul,.content-text ol,.content-text ul,.diagram-content ol,.diagram-content ul{background:#0000!important;color:#e7eaee!important;color:var(--text-primary)!important;margin:16px 0;padding-left:24px}.content-highlight li,.content-text li,.diagram-content li{background:#0000!important;color:#e7eaee!important;color:var(--text-primary)!important;margin-bottom:8px}.content-highlight code,.content-text code,.diagram-content code{border:1px solid #2a2f36!important;border:1px solid var(--border-primary)!important;border-radius:4px;color:#09f!important;color:var(--accent-cyan)!important;padding:2px 6px}.content-highlight code,.content-highlight pre,.content-text code,.content-text pre,.diagram-content code,.diagram-content pre{background:#0f1419!important;background:var(--bg-primary)!important;font-family:JetBrains Mono,monospace!important;font-family:var(--font-code)!important}.content-highlight pre,.content-text pre,.diagram-content pre{border:1px solid #2a2f36!important;border:1px solid var(--border-primary)!important;border-radius:6px!important;color:#e7eaee!important;color:var(--text-primary)!important;overflow-x:auto;padding:16px!important}.content-highlight b,.content-highlight strong,.content-text b,.content-text strong,.diagram-content b,.diagram-content strong{color:#e7eaee!important;color:var(--text-primary)!important;font-weight:600!important}.content-highlight em,.content-highlight i,.content-text em,.content-text i,.diagram-content em,.diagram-content i{color:#8a9199!important;color:var(--text-secondary)!important}.content-highlight a,.content-text a,.diagram-content a{color:#09f!important;color:var(--accent-cyan)!important;text-decoration:underline;transition:color .2s cubic-bezier(.22,.8,.36,1);transition:color .2s var(--transition-smooth)}.content-highlight a:hover,.content-text a:hover,.diagram-content a:hover{color:#ffbf47!important;color:var(--accent-amber)!important}.content-highlight blockquote,.content-text blockquote,.diagram-content blockquote{background:#1a1f26!important;background:var(--surface-primary)!important;border-left:4px solid #09f!important;border-left:4px solid var(--accent-cyan)!important;border-radius:0 6px 6px 0!important;color:#e7eaee!important;color:var(--text-primary)!important;margin:20px 0!important;padding:16px 20px!important}.content-highlight{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border-left:4px solid #09f;border:1px solid var(--border-primary);border-left:4px solid var(--accent-cyan);border-radius:6px;color:#e7eaee;color:var(--text-primary);font-size:17px;line-height:1.7;margin:32px 0;padding:24px 28px;position:relative}.content-highlight:before{content:"💡";font-size:20px;position:absolute;right:20px;top:16px}.content-unknown{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#8a9199;color:var(--text-secondary);margin:20px 0;padding:16px}.content-unknown *{background:#0000!important;color:#8a9199!important;color:var(--text-secondary)!important}.mermaid-container{margin:32px 0}.diagram-caption{align-items:center;color:#e7eaee;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:16px}.diagram-caption:before{content:"📊";font-size:20px;margin-right:12px}.mermaid-error{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#8a9199;color:var(--text-secondary);padding:16px;text-align:center}.mermaid-diagram svg{height:auto;max-width:100%}.content-table{border-radius:6px;box-shadow:0 2px 8px #0000004d;margin:32px 0;overflow-x:auto}.content-table table{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-collapse:collapse;overflow:hidden;width:100%}.content-table th{background:#0f1419;background:var(--bg-primary);border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:.5px;position:relative;text-align:left;text-transform:uppercase}.content-table td,.content-table th{color:#e7eaee;color:var(--text-primary);padding:16px 20px}.content-table td{border-top:1px solid #2a2f36;border-top:1px solid var(--border-primary);font-size:15px;transition:background-color .2s cubic-bezier(.22,.8,.36,1);transition:background-color .2s var(--transition-smooth)}.content-table tr:hover td{background:#0f1419;background:var(--bg-primary)}.content-diagram{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px #0003;margin:32px 0;padding:24px}.content-diagram h3{align-items:center;color:#e7eaee;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:16px}.content-diagram h3:before{content:"📊";font-size:20px;margin-right:12px}.diagram-content{background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:4px;color:#e7eaee;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-code);font-size:14px;line-height:1.5;padding:20px;white-space:pre-wrap}.content-image{margin:32px 0;text-align:center}.content-image img{border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #0000004d;height:auto;max-width:100%;transition:transform .15s cubic-bezier(.22,.8,.36,1);transition:transform .15s var(--transition-smooth)}.content-image img:hover{transform:scale(1.01)}.image-caption{color:#8a9199;color:var(--text-secondary);font-size:14px;font-style:italic;font-weight:500;margin-top:12px}.content-loading,.error-message,.no-results{align-items:center;color:#8a9199;color:var(--text-secondary);display:flex;flex-direction:column;font-size:16px;height:300px;justify-content:center;text-align:center}.error-message{color:#ff6b6b}.error-message:before,.no-results:before{content:"⚠️";font-size:48px;margin-bottom:16px}.no-results:before{content:"🔍"}.lesson-navigation{align-items:stretch;border-top:1px solid #2a2f36;border-top:1px solid var(--border-primary);gap:12px;justify-content:space-between;padding:20px}.lesson-navigation,.nav-button{background:#1a1f26;background:var(--surface-primary);display:flex}.nav-button{align-items:center;border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;color:#e7eaee;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;justify-content:center;min-height:60px;padding:16px 12px;text-decoration:none;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.nav-button:hover{background:#0f1419;background:var(--bg-primary);border-color:#09f;border-color:var(--accent-cyan);color:#09f;color:var(--accent-cyan);transform:translateY(-1px)}.nav-button.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-button-prev:before{content:"←";font-size:16px;margin-right:6px}.nav-button-next:after{content:"→";font-size:16px;margin-left:6px}.nav-button-text{display:flex;flex-direction:column;text-align:center}.nav-button-next .nav-button-text,.nav-button-prev .nav-button-text,.nav-button-text{align-items:center}.nav-button-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.nav-button-title{color:#000;font-size:13px;line-height:1.3;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){body{font-size:16px}}@media (max-width:767px){#global-nav-sidebar,#topics-sidebar{display:flex}footer .grid{gap:1rem;grid-template-columns:1fr}footer .text-xl{font-size:1.25rem}.lesson-navigation{flex-direction:column;gap:1rem}.nav-button{max-width:100%}.feature-card{margin-bottom:1rem}.practice-problem-card,.problem-card{margin-bottom:1.5rem}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.btn-primary,.btn-secondary{justify-content:center;text-align:center;width:100%}}@media (min-width:768px){#global-nav-sidebar,#topics-sidebar{display:none!important}#courses-sidebar-desktop,#learn-sidebar-desktop{display:flex!important}.learn-layout{grid-gap:0;border-radius:0;grid-template-columns:300px 1fr 320px;margin:0;min-height:calc(100vh - 120px)}.courses-layout,.learn-layout{background:#0f1419;background:var(--bg-primary);display:grid;gap:0;overflow:hidden}.courses-layout{grid-gap:0;grid-template-columns:300px 1fr;margin:16px;min-height:calc(100vh - 200px)}.learn-main{background:#0f1419;background:var(--bg-primary);border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);border-right:1px solid #2a2f36;border-right:1px solid var(--border-primary);margin:0;min-height:calc(100vh - 120px)}.courses-main{border-left:none;margin:0;min-height:calc(100vh - 200px)}#learn-sidebar-desktop{background:#1a1f26;background:var(--surface-primary);border-right:1px solid #2a2f36;border-right:1px solid var(--border-primary);box-sizing:border-box;max-width:300px;min-height:calc(100vh - 120px);width:100%}#courses-sidebar-desktop{min-height:calc(100vh - 200px)}#courses-sidebar-desktop .sidebar-header,#learn-sidebar-desktop .sidebar-header{border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);box-sizing:border-box;padding:24px;width:100%}#courses-sidebar-desktop .topics-list,#learn-sidebar-desktop .topics-list{padding:16px}.courses-welcome,.learn-welcome{padding:60px 40px}.welcome-title{font-size:2.5rem}.welcome-description{font-size:1.1rem}.lesson-header{background:#1a1f26;background:var(--surface-primary);border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px #0003;padding:24px 32px}.lesson-title{font-size:1.8rem}.lesson-content-wrapper{display:flex;min-height:calc(100vh - 280px)}.lesson-body{flex:1 1;margin:0;max-width:none;overflow-y:auto;padding:32px}.lesson-navigation{align-items:center;background:#1a1f26;background:var(--surface-primary);border-top:1px solid #2a2f36;border-top:1px solid var(--border-primary);gap:20px;padding:24px 32px}.nav-button{flex:none;font-size:14px;max-width:none;min-height:64px;min-width:160px;padding:16px 24px}.nav-button-text{text-align:left}.nav-button-prev .nav-button-text,.nav-button-text{align-items:flex-start}.nav-button-next .nav-button-text{align-items:flex-end;text-align:right}.nav-button-label{font-size:11px}.nav-button-title{font-size:13px;max-width:140px}}.learn-right-sidebar{background:#1a1f26;background:var(--surface-primary);border-left:1px solid #2a2f36;border-left:1px solid var(--border-primary);display:none;min-height:calc(100vh - 120px);overflow-y:auto}.learn-right-sidebar::-webkit-scrollbar{width:8px}.learn-right-sidebar::-webkit-scrollbar-track{background:#09f;background:var(--accent-cyan);border-radius:4px}.learn-right-sidebar::-webkit-scrollbar-thumb{background:#ffbf47;background:var(--accent-amber);border-radius:4px}@media (min-width:768px){.learn-right-sidebar{display:block}}.right-sidebar-content{display:flex;flex-direction:column;gap:32px;padding:24px 20px}.toc-section{background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px #0000004d;padding:20px}.toc-title{align-items:center;color:#e7eaee;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.toc-title:before{content:"📑";font-size:16px}.toc-list{flex-direction:column}.toc-item,.toc-list{display:flex;gap:8px}.toc-item{align-items:flex-start;border-left:2px solid #0000;border-radius:4px;cursor:pointer;padding:10px 14px;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.toc-item:hover{background:#1a1f26;background:var(--surface-primary);border-left-color:#09f;border-left-color:var(--accent-cyan);transform:translateX(2px)}.toc-bullet{color:#8a9199;color:var(--text-secondary);font-size:12px;margin-top:2px;min-width:16px}.toc-text{color:#e7eaee;color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4}.ad-section{background:#0f1419;background:var(--bg-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 2px 8px #0000004d;padding:20px}.ad-placeholder{background:#1a1f26;background:var(--surface-primary);border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:4px;padding:20px;text-align:center;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.ad-placeholder:hover{border-color:#09f;border-color:var(--accent-cyan);box-shadow:0 4px 16px #0099ff40;transform:translateY(-2px)}.ad-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.ad-icon{font-size:18px}.ad-title{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ad-content{margin-bottom:16px}.ad-content p{color:#8a9199;color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.ad-cta{margin-top:16px}.ad-button{background:#09f;background:var(--accent-cyan);border:1px solid #09f;border:1px solid var(--accent-cyan);border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s cubic-bezier(.22,.8,.36,1);transition:all .2s var(--transition-smooth)}.ad-button:hover{background:#08d;box-shadow:0 4px 16px #0099ff59;transform:translateY(-1px)}.playground-mobile-link{background:#09f!important;background:var(--accent-cyan)!important;box-shadow:0 4px 12px #0099ff40;color:#fff!important;font-weight:600;transform:scale(1.02)}.playground-mobile-link:hover{background:#08d!important;box-shadow:0 6px 20px #0099ff59;transform:scale(1.05)}@media (min-width:1200px){.learn-layout{margin:0;max-width:none}.courses-layout{margin:0 auto;max-width:1400px}}.lesson-header{justify-content:space-between}.lesson-header,.quiz-button{align-items:center;display:flex}.quiz-button{background:#000;border:1px solid #000;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .15s ease}.quiz-button:hover:not(:disabled){background-color:#1f2937;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.quiz-button:disabled{cursor:not-allowed;opacity:.6}.quiz-icon{height:16px;width:16px}.quiz-container{border:1px solid #2a2f36;border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 16px #0000004d;flex-direction:column;margin:24px;min-height:500px}.quiz-container,.quiz-header{background:#1a1f26;background:var(--surface-primary);display:flex}.quiz-header{align-items:center;border-bottom:1px solid #2a2f36;border-bottom:1px solid var(--border-primary);border-radius:6px 6px 0 0;justify-content:space-between;padding:24px 32px}.quiz-title{color:#e7eaee;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:0}.quiz-close-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:8px;transition:background .2s cubic-bezier(.22,.8,.36,1);transition:background .2s var(--transition-smooth)}.quiz-close-btn:hover{background:#0f1419;background:var(--bg-primary)}.quiz-close-btn svg{color:#8a9199;color:var(--text-secondary);height:20px;width:20px}.quiz-progress{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-right:24px}.progress-text{color:#e7eaee;color:var(--text-primary);font-size:14px;font-weight:600}.progress-bar{background:#2a2f36;background:var(--border-primary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#09f;background:var(--accent-cyan);border-radius:4px;height:100%;transition:width .3s cubic-bezier(.22,.8,.36,1);transition:width .3s var(--transition-smooth)}.quiz-content{display:flex;flex:1 1;flex-direction:column;padding:32px}.question-section{flex:1 1;margin-bottom:32px}.question-title{color:#000;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:24px}.choices-section{display:flex;flex-direction:column;gap:16px}.choice-item{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .15s ease}.choice-item:hover{background:#f9fafb;border-color:#000}.choice-item input[type=radio]{cursor:pointer;opacity:0;position:absolute}.choice-item input[type=radio]:checked+.choice-text{color:#000;font-weight:600}.choice-item input[type=radio]:checked~.choice-radio{background:#000;border-color:#000}.choice-item input[type=radio]:checked~.choice-radio:after{display:block}.choice-text{color:#374151;flex:1 1;font-size:16px;margin-right:16px}.choice-radio{border:2px solid #d1d5db;border-radius:50%;height:20px;position:relative;transition:all .15s ease;width:20px}.choice-radio:after{background:#fff;border-radius:50%;content:"";display:none;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.quiz-navigation{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding-top:24px}.nav-btn{align-items:center;background:#000;border:1px solid #000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .15s ease}.nav-btn:hover:not(:disabled){background-color:#1f2937;transform:translateY(-1px)}.nav-btn:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.prev-btn svg{order:-1}.nav-btn svg{height:16px;width:16px}.quiz-results{padding:32px;text-align:center}.score-summary{margin-bottom:32px}.score-circle{align-items:center;background:#f9fafb;border:8px solid #000;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.score-percentage{color:#000;font-size:24px;font-weight:800}.score-fraction{color:#6b7280;font-size:14px;margin-top:4px}.result-message{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:12px}.result-description{color:#6b7280;font-size:16px;margin-bottom:32px}.quiz-actions{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.quiz-exit-btn,.quiz-retry-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .15s ease}.quiz-retry-btn{background:#000;border:1px solid #000;color:#fff}.quiz-retry-btn:hover{background-color:#1f2937;transform:translateY(-1px)}.quiz-exit-btn{background:#fff;border:1px solid #000;color:#000}.quiz-exit-btn:hover{background:#f9fafb;transform:translateY(-1px)}.quiz-exit-btn svg,.quiz-retry-btn svg{height:16px;width:16px}.answer-review{margin:0 auto;max-width:800px;text-align:left}.answer-review h4{color:#000;font-size:1.25rem;font-weight:700;margin-bottom:24px;text-align:center}.review-item{border:2px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .15s ease}.review-item.correct{background:#f0fdf4;border-color:#10b981}.review-item.incorrect{background:#fef2f2;border-color:#ef4444}.review-question{align-items:flex-start;display:flex;margin-bottom:16px}.question-number{color:#000;flex-shrink:0;font-weight:700;margin-right:8px}.question-text{color:#000;font-weight:600;line-height:1.4}.review-answer{display:flex;flex-direction:column;gap:8px}.correct-answer,.selected-answer{align-items:center;display:flex;gap:8px}.answer-label{color:#374151;font-weight:600;min-width:100px}.answer-text{border-radius:4px;font-size:14px;font-weight:500;padding:4px 8px}.answer-text.correct{background:#d1fae5;color:#065f46}.answer-text.incorrect{background:#fee2e2;color:#991b1b}.explanation{background:#f9fafb;border-radius:6px;color:#374151;font-size:14px;line-height:1.5;margin-top:12px;padding:12px}.quiz-empty{padding:64px 32px;text-align:center}.quiz-empty p{color:#6b7280;font-size:16px;margin-bottom:24px}@media (max-width:768px){.lesson-header{align-items:flex-start;flex-direction:column;gap:16px}.quiz-button{align-self:flex-end}.quiz-container{margin:16px}.quiz-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px}.quiz-progress{margin-right:0}.quiz-content{padding:24px}.quiz-actions,.quiz-navigation{flex-direction:column}.correct-answer,.selected-answer{align-items:flex-start;flex-direction:column;gap:4px}}
/*# sourceMappingURL=main.15593333.css.map*/