@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--primary-font, "Inter", sans-serif);background-color:var(--bg-body);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s,color .3s;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px}code{font-family:JetBrains Mono,monospace}.inline-code{font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--accent-primary);background:#8b5cf61f;padding:.2em .4em;border-radius:6px;white-space:nowrap;font-weight:500;border:1px solid rgba(139,92,246,.2)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-section{text-align:center;margin-bottom:80px;position:relative;padding:40px 0}.hero-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--accent-primary);filter:blur(150px);opacity:.15;z-index:-1;border-radius:50%;pointer-events:none}.hero-text h1{font-size:4rem;font-weight:900;margin-bottom:24px;line-height:1.1;background:linear-gradient(135deg,var(--text-main) 20%,var(--text-muted) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em}.hero-text p{color:var(--text-muted);font-size:1.25rem;max-width:650px;margin:0 auto;line-height:1.6;font-weight:300}.module-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:36px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;box-shadow:var(--card-shadow);overflow:hidden}.module-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 30px 60px -15px var(--accent-glow)}.module-card:hover .card-icon{background:var(--accent-gradient);color:#fff;transform:rotate(-10deg) scale(1.1)}.module-card:hover .card-arrow{opacity:1;transform:translate(0)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-icon{width:56px;height:56px;background:var(--bg-hover);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);transition:all .3s ease}.card-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;color:var(--accent-primary);background:#8b5cf61a;padding:6px 12px;border-radius:8px;letter-spacing:.05em}.card-title{font-size:1.6rem;font-weight:700;color:var(--text-main);margin-bottom:12px;letter-spacing:-.02em}.card-desc{font-size:1rem;color:var(--text-muted);line-height:1.6}.card-arrow{position:absolute;bottom:36px;right:36px;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--accent-primary);font-size:1.2rem}.info-box{background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:24px;margin-bottom:24px}.info-box.puntos-clave .info-box-header i{color:var(--accent-primary)}.info-box-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.info-box-header i{font-size:1.1rem}.info-box-header span{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary)}.check-list{list-style:none;display:flex;flex-direction:column;gap:12px}.check-list li{display:flex;align-items:flex-start;gap:12px;color:var(--text-main);line-height:1.6}.check-list li i{color:#22c55e;margin-top:4px;flex-shrink:0}.check-list li>span{flex:1;min-width:0;word-break:break-word;overflow-wrap:anywhere}.check-list li>span strong,.check-list li>span code,.check-list li>span .inline-code{display:inline;white-space:normal}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.feature-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf61a}.feature-card .feature-icon{width:44px;height:44px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card .feature-icon i{color:#fff;font-size:1.1rem}.feature-card h4{color:var(--text-main);font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.methods-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.method-item{display:flex;gap:20px;padding:24px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s ease}.method-item:hover{border-color:#8b5cf64d}.method-number{width:40px;height:40px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.method-content{flex:1;min-width:0}.method-content h4{color:var(--text-main);font-size:1.1rem;font-weight:600;margin-bottom:8px}.method-content p{color:var(--text-muted);line-height:1.6;margin-bottom:12px}.console-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.console-item{min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:var(--bg-hover);border-radius:12px;border-left:4px solid var(--text-muted)}.console-item code{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-main);font-weight:600}.console-item span{color:var(--text-muted);font-size:.85rem}.console-item.default{border-left-color:var(--text-muted)}.console-item.blue{border-left-color:#3b82f6}.console-item.yellow{border-left-color:#f59e0b}.console-item.red{border-left-color:#ef4444}.console-item.gray{border-left-color:#6b7280}.positions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.position-item{display:flex;gap:20px;padding:20px;background:var(--bg-hover);border-radius:14px;border:1px solid var(--border-subtle);align-items:flex-start}.position-tag{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--accent-primary);background:#8b5cf61f;padding:10px 14px;border-radius:10px;white-space:nowrap;font-weight:500}.position-info{flex:1;min-width:0}.position-info p{color:var(--text-main);line-height:1.6;margin-bottom:8px}.position-info p:last-child{margin-bottom:0}.position-info .tip{color:var(--accent-primary);font-size:.9rem;display:flex;align-items:center;gap:8px}.declaration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}.declaration-card{min-width:0;background:var(--bg-hover);border-radius:16px;padding:24px;border:2px solid var(--border-subtle);transition:all .3s ease}.declaration-card:hover{transform:translateY(-4px)}.declaration-card.warning{border-color:#f59e0b66}.declaration-card.warning .declaration-badge i,.declaration-card.warning .declaration-badge code{color:#f59e0b}.declaration-card.success{border-color:#22c55e66}.declaration-card.success .declaration-badge i,.declaration-card.success .declaration-badge code{color:#22c55e}.declaration-card.primary{border-color:#8b5cf666}.declaration-card.primary .declaration-badge i,.declaration-card.primary .declaration-badge code{color:var(--accent-primary)}.declaration-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.declaration-badge{display:flex;align-items:center;gap:12px;margin-bottom:16px}.declaration-badge i{font-size:1.3rem}.declaration-badge code{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.type-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;transition:all .3s ease}.type-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.type-card h4{color:var(--accent-primary);font-size:1.05rem;font-weight:700;margin-bottom:8px}.type-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:14px}.type-examples{display:flex;flex-wrap:wrap;gap:6px}.type-examples code{font-family:JetBrains Mono,monospace;font-size:.75rem;background:var(--bg-card);padding:5px 10px;border-radius:6px;color:var(--text-main)}.special-operators{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.special-operator-card{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px}.special-operator-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.special-operator-header .special-symbol{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;color:var(--accent-primary);background:#8b5cf61f;padding:10px 18px;border-radius:12px}.special-operator-header .special-rule{color:var(--text-main);font-size:1rem;font-weight:500}.equivalence-box{display:flex;align-items:center;gap:14px;padding:18px 24px;background:#8b5cf614;border:1px dashed rgba(139,92,246,.3);border-radius:12px;margin-bottom:20px}.equivalence-box i{color:var(--accent-primary);font-size:1.1rem}.equivalence-box code{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-main)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:20px}.example-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.example-card .code-snippet{margin-bottom:12px}.example-explanation{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem}.example-explanation i{color:var(--accent-primary);font-size:.8rem}.comparison-section{margin-bottom:24px}.comparison-title{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1.1rem;font-weight:700;margin-bottom:16px}.comparison-title i{color:var(--accent-primary)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}.comparison-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.comparison-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.comparison-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.comparison-header{margin-bottom:14px}.comparison-type{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--accent-primary);background:#8b5cf61f;padding:8px 16px;border-radius:10px}.function-example{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;margin-bottom:24px}.function-example-title{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.function-example-title i{color:var(--accent-primary)}.function-explanation{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.function-explanation i{color:var(--accent-primary);margin-top:4px;flex-shrink:0}.code-snippet.large code{font-size:.9rem;line-height:1.7}.code-collection{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.code-block-item{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.code-block-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.code-block-item h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1.1rem;font-weight:600;margin-bottom:14px}.code-block-item h5 i{color:var(--accent-primary);background:#8b5cf61a;padding:8px;border-radius:8px;font-size:.9rem}.code-block-item .code-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:16px;line-height:1.6}.code-block-item .code-snippet{margin:0}.code-block-item .code-snippet+.code-explanation{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.code-block-item .code-explanation{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);font-size:.9rem;line-height:1.6}.code-block-item .code-explanation i{color:var(--accent-primary);margin-top:4px;flex-shrink:0}.structure-section{margin-bottom:24px}.structure-parts{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.structure-part{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-hover);border-radius:12px;border:1px solid var(--border-subtle)}.structure-part .part-number{width:32px;height:32px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.structure-part .part-content{flex:1;min-width:0}.structure-part .part-content strong{display:block;color:var(--text-main);font-size:1rem;margin-bottom:4px}.structure-part .part-content p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.return-types-grid,.pass-params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.return-type-card,.pass-param-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.return-type-card:hover,.pass-param-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.return-type-card h5,.pass-param-card h5{color:var(--accent-primary);font-size:1.1rem;font-weight:700;margin-bottom:8px}.return-type-card p,.pass-param-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.pass-param-card.success{border-color:#22c55e66}.pass-param-card.success h5{color:#22c55e}.pass-param-card.warning{border-color:#f59e0b66}.pass-param-card.warning h5{color:#f59e0b}.pass-param-header{margin-bottom:12px}.pass-param-header .applies-to{display:inline-block;font-size:.85rem;font-weight:500;color:var(--text-main);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);padding:6px 14px;border-radius:8px;margin-top:10px}.concepts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.concept-card{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.concept-card:hover{border-color:var(--accent-primary)}.concept-card h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1.05rem;font-weight:600;margin-bottom:12px}.concept-card p{color:var(--text-muted);line-height:1.6;margin-bottom:16px}.declaration-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.declaration-type-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.declaration-type-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.declaration-type-card.destacado{border-color:var(--accent-primary);background:#8b5cf60a}.declaration-type-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:16px}.declaration-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px}.declaration-header i{background:var(--accent-primary);color:#fff;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem}.declaration-header h5{color:var(--text-main);font-size:1.1rem;font-weight:700}.callback-example,.use-case{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;margin-bottom:24px}.callback-example h5,.use-case h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.callback-example h5 i,.use-case h5 i{color:var(--accent-primary)}.callback-explanation,.return-explanation,.closure-explanation,.scope-chain-explanation{display:flex;align-items:flex-start;gap:12px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-left:4px solid var(--accent-primary);border-radius:12px;padding:16px 18px;margin-top:16px;color:var(--text-main);font-size:.95rem;line-height:1.6}.callback-explanation i,.return-explanation i,.closure-explanation i,.scope-chain-explanation i{color:var(--accent-primary);margin-top:2px;flex-shrink:0;font-size:1.1rem}.iife-section{margin-bottom:24px}.syntax-highlight,.syntax-box{background:#8b5cf614;border:1px dashed rgba(139,92,246,.3);border-radius:12px;padding:16px 24px;margin-bottom:16px;text-align:center}.syntax-highlight code,.syntax-box code{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--accent-primary);font-weight:600}.iife-uses{margin-top:20px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.iife-uses h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;font-weight:600;margin-bottom:12px}.iife-uses h5 i{color:#22c55e}.nested-functions,.return-function,.closure-example{background:var(--bg-hover);border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--card-shadow);transition:all .3s ease}.nested-functions:hover,.return-function:hover,.closure-example:hover{transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:0 20px 40px #0003}.nested-functions .example-header,.return-function .example-header,.closure-example .example-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.nested-functions .example-header i,.return-function .example-header i,.closure-example .example-header i{font-size:1.3rem;color:var(--accent-primary);background:#8b5cf61a;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px}.nested-functions .example-header span,.return-function .example-header span,.closure-example .example-header span{font-size:1.2rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.closure-explanation{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-top:24px;padding:20px;background:#8b5cf60a;border-radius:14px;border-left:4px solid var(--accent-primary)}.closure-explanation i{color:var(--accent-primary);margin-top:4px;font-size:1.2rem}.closure-points{margin-top:32px;padding-top:32px;border-top:1px solid rgba(139,92,246,.2);position:relative}.closure-points:before{content:"Puntos clave:";display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);margin-bottom:20px}.closure-points .check-list{background:var(--bg-card);padding:24px;border-radius:16px;border:1px solid rgba(139,92,246,.1)}.closure-points .check-list li{color:var(--text-main);font-weight:500;font-size:1rem}.closure-points .check-list li i{color:#10b981;font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}.creation-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.creation-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;transition:all .3s ease}.creation-card:hover{border-color:var(--accent-primary)}.creation-card.destacado{border-color:var(--accent-primary);background:#8b5cf60a}.creation-card h5{color:var(--accent-primary);font-size:1rem;font-weight:700;margin-bottom:12px}.creation-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.comparison-before-after{margin-bottom:24px}.comparison-before-after h5{color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.comparison-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.comparison-col{background:var(--bg-hover);border-radius:14px;padding:20px;border:2px solid var(--border-subtle)}.comparison-col.before{border-color:#ef44444d}.comparison-col.after{border-color:#22c55e4d}.comparison-label{display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px}.special-values{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.special-value-card{flex:1;min-width:150px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;text-align:center}.special-value-card code{display:block;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--accent-primary);margin-bottom:8px}.special-value-card p{color:var(--text-muted);font-size:.85rem}.conditional-structure,.switch-structure,.loop-structure,.for-structure{margin-bottom:24px}.conditional-example,.switch-example,.loop-example,.for-example{margin-top:20px}.conditional-example h5,.switch-example h5,.loop-example h5,.for-example h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;font-weight:600;margin-bottom:12px}.conditional-example h5 i,.switch-example h5 i,.loop-example h5 i,.for-example h5 i{color:var(--accent-primary)}.for-explanation-steps{margin-top:20px;display:flex;flex-direction:column;gap:12px;background:var(--bg-hover);padding:20px;border-radius:14px;border:1px solid var(--border-subtle)}.for-step{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.for-step i{color:var(--accent-primary);font-size:.85rem}.for-step .step-label{color:var(--text-main);font-weight:600;font-size:.95rem}.for-step .inline-code{font-size:.85rem}.for-step .step-desc{color:var(--text-muted);font-size:.9rem;flex:1;min-width:200px}.for-step .step-desc:before{content:"→";margin:0 8px;color:var(--text-muted);opacity:.5}.scope-definition{margin-bottom:24px}.scope-definition .scope-desc{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:20px}.scope-rules{background:var(--bg-hover);border-radius:14px;padding:20px}.scope-rules h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;font-weight:600;margin-bottom:14px}.scope-rules h5 i{color:var(--accent-primary)}.scope-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.scope-type-card{min-width:0;background:var(--bg-hover);border:2px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.scope-type-card:hover{transform:translateY(-4px)}.scope-type-card.warning{border-color:#f59e0b66}.scope-type-card.warning .scope-header i,.scope-type-card.warning h5{color:#f59e0b}.scope-type-card.primary{border-color:#8b5cf666}.scope-type-card.primary .scope-header i,.scope-type-card.primary h5{color:var(--accent-primary)}.scope-type-card.success{border-color:#22c55e66}.scope-type-card.success .scope-header i,.scope-type-card.success h5{color:#22c55e}.scope-type-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:16px}.scope-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.scope-header i{font-size:1.3rem}.scope-header h5{font-size:1.05rem;font-weight:700}.scope-chain-example{margin-bottom:24px}.hoisting-example{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;margin-bottom:24px}.hoisting-question{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.hoisting-question i{color:var(--accent-primary)}.hoisting-answer{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;background:#8b5cf614;border-radius:10px}.hoisting-answer .answer-label{color:var(--text-muted);font-size:.9rem}.hoisting-answer .answer-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.hoisting-interpretation{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.hoisting-interpretation p{color:var(--text-main);font-weight:600;font-size:.95rem;margin-bottom:12px}.hoisting-interpretation .code-snippet.small{margin:0;padding:12px 16px}.hoisting-interpretation .code-snippet.small code{font-size:.85rem}.hoisting-functions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.hoisting-func-card{background:var(--bg-hover);border-radius:16px;padding:24px;border:2px solid var(--border-subtle)}.hoisting-func-card.success{border-color:#22c55e66}.hoisting-func-card.success h5 i{color:#22c55e}.hoisting-func-card.error{border-color:#ef444466}.hoisting-func-card.error h5 i{color:#ef4444}.hoisting-func-card h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;font-weight:600;margin-bottom:16px}.requirements-list{background:var(--bg-hover);border-radius:14px;padding:20px;margin-bottom:24px}.requirements-list .list-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;background:#8b5cf614;border-radius:10px;border:1px solid rgba(139,92,246,.15)}.requirements-list .list-header i{font-size:1.1rem;color:var(--accent-primary)}.requirements-list .list-header span{color:var(--text-main);font-weight:700;font-size:1rem}.numbered-list{list-style:none;counter-reset:item;display:flex;flex-direction:column;gap:10px}.numbered-list li{counter-increment:item;display:flex;align-items:flex-start;gap:12px;color:var(--text-main);line-height:1.6}.numbered-list li:before{content:counter(item);width:28px;height:28px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.closures-uses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.closure-use-card{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;transition:all .3s ease}.closure-use-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.closure-use-card h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;font-weight:600;margin-bottom:10px}.closure-use-card h5 i{color:var(--accent-primary)}.closure-use-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.closure-use-card .code-snippet{margin-top:14px;margin-bottom:0}.validation-techniques{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.technique-card{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px}.technique-card h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.technique-card h5 i{color:var(--accent-primary)}.exercise-solution{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;margin-bottom:24px}.exercise-solution h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:16px}.exercise-solution h5 i{color:#22c55e}.concatenation-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(max-width:768px){.concatenation-methods{grid-template-columns:1fr}}.concat-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.concat-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.concat-card h5{display:flex;align-items:center;gap:10px;color:var(--accent-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.concat-card h5 i{color:var(--accent-primary)}.concat-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:16px}.window-object-section{margin-bottom:24px}.window-object-section .info-box{margin-top:20px}.short-circuit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.short-circuit-card{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.short-circuit-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.short-circuit-card .short-circuit-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.short-circuit-card .short-circuit-header .operator{font-size:1.2rem;font-weight:700;color:var(--accent-primary);background:#8b5cf61a;padding:4px 12px;border-radius:8px}.short-circuit-card .short-circuit-header span{font-size:.95rem;color:var(--text-main);font-weight:600}.debug-scopes-section{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;margin-bottom:32px}.debug-steps{display:flex;flex-direction:column;gap:16px}.debug-step{display:flex;gap:16px;align-items:center;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s ease}.debug-step:hover{border-color:var(--accent-primary);transform:translate(4px)}.debug-step .step-num{width:28px;height:28px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.debug-step p{margin:0;font-size:.95rem;color:var(--text-main);font-weight:500}.behavior-box{background:#8b5cf608!important;border-color:#8b5cf633!important}.behavior-box .info-box-header{background:#8b5cf61a!important}.behavior-box .info-box-header i{color:var(--accent-primary)!important}.declaration-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.declaration-method-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;transition:all .3s ease}.declaration-method-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 8px 32px #8b5cf626}.declaration-method-card h5{display:flex;align-items:center;gap:10px;color:var(--accent-primary);font-size:1rem;font-weight:700;margin-bottom:10px}.declaration-method-card h5 i{font-size:.9rem}.declaration-method-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:12px}.iteration-methods{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.iteration-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.iteration-card:hover{border-color:var(--accent-secondary);transform:translate(4px)}.iteration-card h5{display:flex;align-items:center;gap:10px;color:var(--accent-secondary);font-size:1.1rem;font-weight:700;margin-bottom:12px}.iteration-card h5 i{background:#06b6d426;padding:8px;border-radius:8px;font-size:.9rem}.iteration-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:24px}.concept-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.concept-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.concept-card h5{display:flex;align-items:center;gap:12px;margin-bottom:12px}.concept-card h5 i{color:var(--accent-primary)}.concept-card h5 code{background:var(--accent-gradient);color:#fff;padding:6px 14px;border-radius:8px;font-size:1rem;font-weight:700}.concept-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.declaration-types-grid{display:flex!important;flex-direction:column;gap:16px;margin-bottom:24px}.declaration-types-grid .declaration-type-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease;text-align:left}.declaration-types-grid .declaration-type-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px #8b5cf61f}.declaration-types-grid .declaration-type-card .declaration-header{justify-content:flex-start;width:100%}.declaration-types-grid .declaration-type-card h5{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--text-main);font-size:1.1rem;font-weight:700;margin-bottom:12px}.declaration-types-grid .declaration-type-card h5 i{background:var(--accent-primary);color:#fff;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem}.declaration-types-grid .declaration-type-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px;text-align:left}.array-methods-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.array-method-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.array-method-card:hover{border-color:var(--accent-secondary);box-shadow:0 8px 24px #06b6d41f}.array-method-card h5{display:flex;align-items:center;gap:12px;color:var(--accent-secondary);font-size:1.1rem;font-weight:700;margin-bottom:12px}.array-method-card h5 i{background:#06b6d426;padding:8px;border-radius:8px;font-size:.85rem}.array-method-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.syntax-box{margin-bottom:24px}.syntax-box .code-snippet.syntax{background:linear-gradient(135deg,#8b5cf614,#06b6d414);border:2px solid var(--accent-primary);font-size:1rem}.syntax-box .code-snippet.syntax code{color:var(--text-main)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.use-case-card{background:linear-gradient(135deg,#8b5cf608,#06b6d408);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .3s ease}.use-case-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf626}.use-case-card h5{display:flex;align-items:center;gap:10px;color:var(--text-main);font-size:1rem;font-weight:700;margin-bottom:12px}.use-case-card h5 i{color:#f59e0b;font-size:1.1rem}.use-case-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:16px}.alert{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:12px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.alert i{font-size:1.2rem;flex-shrink:0;margin-top:2px}.alert>span,.alert>p,.alert>div{flex:1}.alert strong,.alert code,.alert .inline-code{display:inline}.alert .inline-code{background:#8b5cf633;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85em}.alert.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--text-main)}.alert.info{background:#06b6d414;border:1px solid rgba(6,182,212,.25);color:var(--text-main)}.alert.info i{color:var(--accent-secondary)}@media(max-width:768px){.declaration-methods,.concepts-grid,.use-cases-grid{grid-template-columns:1fr;gap:12px}.declaration-types-grid{gap:12px}.declaration-method-card,.declaration-type-card{padding:16px;border-radius:12px}.declaration-method-card h5,.declaration-type-card h5{font-size:1rem;gap:10px}.declaration-method-card h5 i,.declaration-type-card h5 i{width:28px;height:28px;border-radius:6px;font-size:.75rem}.declaration-method-card p,.declaration-type-card p{font-size:.9rem;margin-bottom:12px}.declaration-method-card .code-snippet,.declaration-type-card .code-snippet{font-size:.8rem;padding:12px}.iteration-card,.concept-card,.array-method-card,.use-case-card{padding:16px;border-radius:12px}.iteration-card h5,.concept-card h5,.array-method-card h5,.use-case-card h5{font-size:1rem}.iteration-card h5 i,.concept-card h5 i,.array-method-card h5 i,.use-case-card h5 i{padding:6px;font-size:.8rem}.iteration-card p,.concept-card p,.array-method-card p,.use-case-card p{font-size:.9rem;margin-bottom:12px}.concept-card h5 code{padding:4px 10px;font-size:.9rem}.alert{padding:12px 14px;font-size:.9rem;gap:10px}.alert i{font-size:1rem}.syntax-box .code-snippet.syntax{font-size:.85rem;padding:12px}}@media(max-width:480px){.declaration-type-card,.declaration-method-card{padding:14px}.declaration-type-card h5,.declaration-method-card h5{font-size:.9rem;flex-wrap:wrap}.declaration-type-card .code-snippet,.declaration-method-card .code-snippet{font-size:.75rem;padding:10px;overflow-x:auto}.concepts-grid{gap:10px}.concept-card{padding:14px}.concept-card h5{flex-wrap:wrap;gap:8px}.concept-card h5 code{font-size:.85rem;padding:4px 8px}}.table-container{overflow-x:auto;max-width:100%;display:block;margin-bottom:24px;border-radius:14px;border:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;background:var(--bg-hover)}.data-table thead{background:#8b5cf614}.data-table thead th{text-align:left;padding:14px 20px;color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle)}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .2s}.data-table tbody tr:nth-child(2n){background:#8b5cf605}.data-table tbody tr:hover{background:#8b5cf60f}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr.highlight-row{background:#f59e0b14}.data-table tbody td{padding:14px 20px;color:var(--text-main);font-size:.95rem}.data-table tbody td code{font-family:JetBrains Mono,monospace;font-size:.9rem}.data-table tbody td small{display:block;color:var(--text-muted);font-size:.8rem;margin-top:4px}.data-table .result{color:var(--accent-primary);font-weight:500}.data-table .operator-symbol{font-size:1.15rem;font-weight:700;color:var(--accent-primary);background:#8b5cf61f;padding:6px 14px;border-radius:8px;display:inline-block}.style-badge{font-family:JetBrains Mono,monospace;font-size:.82em;background:#8b5cf61a;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-weight:500;border:1px solid rgba(139,92,246,.15)}.inline-code{font-family:JetBrains Mono,monospace;font-size:.9em;background:#8b5cf626;color:#c4b5fd;padding:3px 6px;border-radius:6px;font-weight:500;border:1px solid rgba(139,92,246,.3);box-shadow:0 1px 2px #0000001a;letter-spacing:-.02em}.style-badge{font-size:.75rem;padding:5px 12px;border-radius:6px}.code-snippet{background:#1a1b26;border-radius:12px;padding:14px 18px;margin:14px 0;overflow-x:hidden;max-width:100%;display:block;border:1px solid rgba(255,255,255,.06)}.code-snippet code{font-family:JetBrains Mono,monospace;font-size:.88rem;color:#a9b1d6;line-height:1.7;white-space:pre-wrap;word-break:break-word}.syntax-highlight{background:linear-gradient(135deg,#8b5cf61a,#6366f114);border:2px dashed rgba(139,92,246,.3);border-radius:14px;padding:24px 32px;text-align:center;margin-bottom:24px}.syntax-highlight code{font-family:JetBrains Mono,monospace;font-size:1.3rem;color:var(--accent-primary);font-weight:600}.alert{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;border-radius:12px;margin:20px 0;font-size:.95rem;line-height:1.6}.alert i{font-size:1.1rem;margin-top:2px;flex-shrink:0}.alert.info{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:var(--text-main)}.alert.info i{color:#3b82f6}.alert.warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--text-main)}.alert.warning i{color:#f59e0b}.alert.success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--text-main)}.alert.success i{color:#22c55e}.alert.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--text-main)}.alert.error i{color:#ef4444}.examples-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.example-item{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.example-item h5{color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:12px}.example-item .code-snippet{margin:0}.unary-operators{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.unary-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px}.unary-symbol{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.unary-symbol code{font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:700;color:var(--accent-primary)}.unary-symbol span{font-weight:600;color:var(--text-main);font-size:1.1rem}.variants{display:flex;flex-direction:column;gap:14px}.variant{padding:14px 18px;background:var(--bg-card);border-radius:10px}.variant code{font-family:JetBrains Mono,monospace;color:var(--accent-primary);font-size:1rem;font-weight:600}.variant p{color:var(--text-muted);font-size:.9rem;margin-top:6px;line-height:1.5}.logic-operators{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.logic-card{min-width:0;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:16px;padding:24px}.logic-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.logic-header span{font-weight:600;color:var(--text-main);font-size:1rem}.logic-symbol{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;color:var(--accent-primary)}.logic-rule{color:var(--text-muted);font-size:.95rem;line-height:1.5;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-subtle)}.truth-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:16px}.truth-table th,.truth-table td{padding:10px 14px;text-align:center;border-bottom:1px solid var(--border-subtle)}.truth-table thead{background:var(--bg-card)}.truth-table code{font-family:JetBrains Mono,monospace;font-weight:600}.truth-table code.true{color:#22c55e}.truth-table code.false{color:#ef4444}.js-behavior{font-size:.85rem;color:var(--text-muted);background:var(--bg-card);padding:14px 16px;border-radius:10px;line-height:1.5}.js-behavior i{color:#f7df1e;margin-right:8px}.logic-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.logic-examples code{font-family:JetBrains Mono,monospace;font-size:.85rem;background:var(--bg-card);padding:8px 14px;border-radius:8px;color:var(--text-main)}.search-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;opacity:1;transition:opacity .2s ease,visibility .2s}.search-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.search-modal.hidden .search-container{transform:translateY(-10px) scale(.98)}.search-container{width:90%;max-width:640px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;transform:translateY(0) scale(1);transition:transform .2s cubic-bezier(.16,1,.3,1)}.search-header{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);gap:1rem}.search-header .search-icon-input{color:var(--text-muted);font-size:1.2rem}.search-header input{flex:1;background:transparent;border:none;font-size:1.1rem;color:var(--text-main);outline:none;font-family:inherit}.search-header input::placeholder{color:var(--text-muted);opacity:.7}.search-header .btn-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px}.search-header .btn-close:hover{background:#ffffff1a;color:var(--text-main)}.search-body{max-height:400px;overflow-y:auto;padding:.5rem}.search-body::-webkit-scrollbar{width:8px}.search-body::-webkit-scrollbar-track{background:transparent}.search-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.search-results{display:flex;flex-direction:column;gap:.25rem}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;border-radius:8px;transition:background .1s;color:var(--text-main);border:1px solid transparent}.search-result-item:hover,.search-result-item:focus{background:#ffffff08;border-color:var(--border-subtle)}.search-result-item:hover .result-arrow,.search-result-item:focus .result-arrow{opacity:1;transform:translate(0)}.search-result-item .result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;color:var(--text-muted);font-size:1rem;flex-shrink:0}.search-result-item[data-type=clase] .result-icon{color:var(--accent-secondary, #a78bfa)}.search-result-item[data-type=codigo] .result-icon{color:var(--accent-primary, #4ade80)}.search-result-item .result-info{flex:1;min-width:0}.search-result-item .result-info .result-title{font-weight:500;font-size:.95rem;margin-bottom:2px;display:flex;flex-direction:column}.search-result-item .result-info .result-title .result-snippet{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);background:#0003;padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block;width:fit-content}.search-result-item .result-info .result-subtitle{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.search-result-item .result-info .result-subtitle .match-badge{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;opacity:.8}.search-result-item .result-arrow{color:var(--text-muted);opacity:0;transform:translate(-5px);transition:all .2s}.search-placeholder,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);gap:1rem}.search-placeholder i,.search-empty i{font-size:2rem;opacity:.5}.search-placeholder p,.search-empty p{font-size:.95rem}.search-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border-subtle);background:#0003;display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.search-footer .shortcut-hint{display:flex;align-items:center;gap:6px}.search-footer .shortcut-hint kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:inherit;border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.search-modal{padding-top:0;align-items:flex-start;background:var(--bg-body)}.search-container{width:100%;max-width:100%;height:100%;max-height:100vh;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column}.search-header{padding:1rem}.search-header input{font-size:16px}.search-header .btn-close{padding:8px}.search-body{flex:1;max-height:none}.search-footer{display:none}}.copy-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffff80;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.copy-btn i{font-size:14px;transition:transform .2s ease}.copy-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:var(--accent-primary);transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.copy-btn.copied i{transform:scale(1.1)}.code-snippet:hover .copy-btn{opacity:1}.swal-toast-custom{background:var(--bg-card, #1e1e2e)!important;border:1px solid var(--border-subtle, rgba(255, 255, 255, .1))!important;box-shadow:0 8px 32px #0000004d!important}.swal-toast-custom .swal2-title{color:var(--text-main, #fff)!important;font-size:.95rem!important;font-weight:500!important}.swal-toast-custom .swal2-icon.swal2-success{border-color:#22c55e!important}.swal-toast-custom .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#22c55e!important}.swal-toast-custom .swal2-icon.swal2-success .swal2-success-ring{border-color:#22c55e4d!important}.swal-toast-custom .swal2-timer-progress-bar{background:#8b5cf680!important}@media(max-width:768px){.copy-btn{opacity:.7;width:32px;height:32px;top:8px;right:8px}.copy-btn i{font-size:12px}}.flashcards-modal{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:1;transition:opacity .3s ease}.flashcards-modal.hidden{opacity:0;pointer-events:none}@media(max-width:599px){.flashcards-modal{padding:0;background:var(--bg-body)}}.flashcards-container{background:var(--bg-card);border-radius:24px;border:1px solid var(--border-subtle);width:100%;max-width:650px;padding:24px;box-shadow:0 25px 50px -12px #00000080}@media(max-width:599px){.flashcards-container{max-width:100%;height:100%;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;padding:16px}}.flashcards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.flashcards-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--text-main)}.flashcards-title i{color:var(--accent-primary);font-size:1.4rem}.flashcards-header .btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:1rem}.flashcards-header .btn-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.flashcards-progress{display:flex;align-items:center;gap:12px;margin-bottom:24px}.progress-bar{flex:1;height:8px;background:var(--bg-hover);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary, #ec4899));border-radius:100px;transition:width .4s ease;width:0%}.progress-text{font-size:.85rem;color:var(--text-muted);font-weight:500;min-width:50px;text-align:right}.flashcard-wrapper{perspective:1000px;margin-bottom:16px;display:flex;align-items:center;gap:12px}@media(max-width:599px){.flashcard-wrapper{flex:1;flex-direction:column;margin-bottom:16px;gap:8px;position:relative}}.flashcard-nav{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.flashcard-nav:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf64d;color:var(--accent-primary)}.flashcard-nav:disabled{cursor:not-allowed}.flashcard-nav i{font-size:1rem}@media(max-width:599px){.flashcard-nav{display:none}}@media(max-width:599px){.flashcard-wrapper .flashcard-nav{display:none}}.flashcard{position:relative;width:100%;height:320px;cursor:pointer}.flashcard.entering{animation:cardEnter .3s ease}@media(max-width:599px){.flashcard{flex:1;height:auto;min-height:200px}}@keyframes cardEnter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.flashcard-inner{position:relative;width:100%;height:100%}.flashcard-front,.flashcard-back{position:absolute;inset:0;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid var(--border-subtle);transition:opacity .3s ease,visibility .3s ease}.flashcard-front{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border-color:#8b5cf64d;opacity:1;visibility:visible}.flashcard-front p{font-size:1.25rem;font-weight:600;color:var(--text-main);line-height:1.5;max-height:240px;overflow-y:auto;padding:0 12px;word-break:break-word}.inline-code{font-family:JetBrains Mono,monospace;background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--accent-secondary);border:1px solid rgba(255,255,255,.1);word-break:break-all}.flashcard-source{position:absolute;top:12px;left:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-hover);padding:4px 8px;border-radius:6px}.tap-hint{position:absolute;bottom:16px;font-size:.8rem;color:var(--text-muted);opacity:.7}.tap-hint i{margin-right:6px}.flashcard-back{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e4d;opacity:0;visibility:hidden}.flashcard-back p{font-size:1.1rem;color:var(--text-main);line-height:1.6;max-height:280px;overflow-y:auto;padding:0 12px;word-break:break-word}.flashcard.flipped .flashcard-front{opacity:0;visibility:hidden}.flashcard.flipped .flashcard-back{opacity:1;visibility:visible}.flashcard.flipped .tap-hint{display:none}.flashcard-actions{display:flex;gap:12px;margin-bottom:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .3s ease}.flashcard-actions.visible{opacity:1;transform:translateY(0);pointer-events:auto}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.action-btn i{font-size:1.1rem}.action-btn.correct{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.action-btn.correct:hover{background:#22c55e40;transform:translateY(-2px)}.action-btn.incorrect{background:#ef444426;border-color:#ef44444d;color:#ef4444}.action-btn.incorrect:hover{background:#ef444440;transform:translateY(-2px)}.flashcard-nav-mobile{display:none}@media(max-width:599px){.flashcard-nav-mobile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}}.nav-mobile-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid rgba(139,92,246,.25);border-radius:14px;color:var(--accent-primary);cursor:pointer;transition:all .2s ease}.nav-mobile-btn:hover,.nav-mobile-btn:active{background:linear-gradient(135deg,#8b5cf640,#3b82f626);transform:scale(1.05)}.nav-mobile-btn i{font-size:1.1rem}.nav-mobile-label{flex:1;text-align:center;font-size:.75rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.flashcards-score{display:flex;justify-content:center;gap:24px}.score-item{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600}.score-item i{font-size:1.2rem}.score-item.correct{color:#22c55e}.score-item.incorrect{color:#ef4444}.quiz-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:2px solid rgba(139,92,246,.4);border-radius:12px;color:var(--accent-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-btn i{font-size:1.1rem}.quiz-btn:hover{background:linear-gradient(135deg,#8b5cf659,#ec489940);transform:translateY(-2px);box-shadow:0 8px 20px -8px #8b5cf666}.quiz-btn:active{transform:translateY(0)}@media(max-width:480px){.flashcards-container{padding:16px}.flashcard{height:240px}.flashcard-front p{font-size:1.15rem}.flashcard-back p{font-size:1rem}.action-btn{padding:12px 16px}.action-btn span{display:none}.action-btn i{font-size:1.3rem}.quiz-btn span{display:none}.quiz-btn{padding:12px 14px}}.lesson-nav{position:relative}.lesson-nav .quiz-btn{position:absolute;left:50%;transform:translate(-50%)}@media(max-width:599px){.lesson-nav{flex-wrap:wrap;gap:12px}.lesson-nav .quiz-btn{position:static;transform:none;width:100%;justify-content:center;order:-1}}.toc-container{position:fixed;z-index:100;bottom:24px;right:24px;transition:transform .3s ease,opacity .3s ease}body.footer-visible .toc-container{transform:translateY(100px);opacity:0;pointer-events:none}.toc-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);transition:all .3s ease}.toc-toggle i{font-size:1rem}.toc-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}@media(max-width:480px){.toc-toggle-label{display:none}}.toc-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:absolute;bottom:60px;right:0;width:280px;max-height:400px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all .2s ease}.toc-container.open .toc-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media(max-width:480px){.toc-panel{width:calc(100vw - 48px);max-width:320px}}@media(min-height:800px){.toc-panel{max-height:60vh}}.toc-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-subtle);background:#8b5cf60d}.toc-header i:first-child{color:var(--accent-primary);font-size:1.1rem}.toc-header span{flex:1;font-weight:600;font-size:.95rem;color:var(--text-main)}.toc-close{display:flex;width:28px;height:28px;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.toc-close:hover{background:#ef444426;color:#ef4444}.toc-list{padding:8px;max-height:320px;overflow-y:auto}.toc-list::-webkit-scrollbar{width:4px}.toc-list::-webkit-scrollbar-track{background:transparent}.toc-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.toc-item{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;border-radius:10px;transition:all .2s ease;margin-bottom:4px}.toc-item:last-child{margin-bottom:0}.toc-item:hover{background:#ffffff08}.toc-item.active{background:#8b5cf61a}.toc-item.active .toc-number{background:var(--accent-gradient);color:#fff;border-color:transparent}.toc-item.active .toc-title{color:var(--text-main);font-weight:600}.toc-number{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-muted);flex-shrink:0;transition:all .2s ease}.toc-title{flex:1;font-size:.85rem;color:var(--text-muted);line-height:1.3;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shortcuts-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.shortcuts-modal-overlay.visible{opacity:1;pointer-events:auto}.shortcuts-modal-overlay.visible .shortcuts-panel{transform:translateY(0) scale(1)}.shortcuts-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:450px;padding:24px;box-shadow:0 25px 50px #00000080;transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.shortcuts-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-main)}.close-shortcuts{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.close-shortcuts:hover{background:#ffffff0d;color:var(--text-main)}.shortcuts-grid{display:grid;gap:16px}.shortcut-item{display:flex;align-items:center;justify-content:space-between}.shortcut-item .keys{display:flex;align-items:center;gap:6px}.shortcut-item .desc{color:var(--text-muted);font-size:.95rem}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-family:var(--font-mono, monospace);font-size:.85rem;font-weight:600;color:var(--text-main);background:var(--bg-body);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 2px 0 var(--border-subtle)}.shortcuts-trigger{position:fixed;bottom:24px;left:24px;width:40px;height:40px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s ease;z-index:90}.shortcuts-trigger i{font-size:1.1rem}.shortcuts-trigger:hover{transform:translateY(-2px);background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 6px 16px #8b5cf626}@media(max-width:768px){.shortcuts-trigger{display:none}}body.footer-visible .shortcuts-trigger{transform:translateY(100px);opacity:0;pointer-events:none}.flashcard-front .code-block-wrapper{margin-top:1rem;width:100%;max-height:200px;overflow:auto;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.1)}.flashcard-front .code-block-wrapper pre{margin:0;padding:12px;text-align:left;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.5;color:#e2e8f0;white-space:pre-wrap}main{flex:1;padding:120px 20px 60px;max-width:1400px;margin:0 auto;width:100%}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;padding-bottom:40px}.footer{margin-top:auto;width:100%;background:var(--bg-card);border-top:1px solid var(--border-subtle);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 100%);opacity:.5}.footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;width:100%;max-width:1400px;margin:0 auto}@media(min-width:48rem){.footer .footer-content{flex-direction:row;justify-content:space-between}}.footer p,.footer span{color:var(--text-muted);font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;text-align:center}.footer .heart-beat{display:inline-block;animation:pulse 1.5s infinite;color:#ef4444}.footer a{position:relative;color:var(--text-main);text-decoration:none;font-weight:700;padding:2px 4px;border-radius:4px;transition:all .3s ease;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat}.footer a:hover{background-size:100% 2px;color:var(--accent-primary)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;top:0;width:100%;z-index:100;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--text-main)}.brand-logo{width:40px;height:40px;background:var(--accent-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:800;color:#fff;box-shadow:0 0 20px var(--accent-glow);font-size:1rem}.btn-icon{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-card)}.btn-icon:hover{border-color:var(--accent-primary);color:var(--text-main);transform:translateY(-2px)}.section-divider{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:64px;font-family:Inter,sans-serif;font-size:2rem;font-weight:800;color:var(--text-main);letter-spacing:-.03em}.section-divider:before{content:"";display:block;width:6px;height:36px;background:var(--accent-gradient);border-radius:12px;box-shadow:0 0 20px var(--accent-glow)}.section-divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--border-subtle) 0%,transparent 100%);margin-left:8px;border-radius:2px}.section-divider:first-of-type{margin-top:16px}.section-divider span{color:var(--text-muted);font-size:1rem;font-weight:500;margin-left:auto}.lesson-page{max-width:1100px;margin:0 auto;padding:100px 24px}.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:.9rem}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb>i{color:var(--text-dim);font-size:.65rem}.breadcrumb span{color:var(--accent-primary);font-weight:600}.module-header{display:flex;align-items:flex-start;gap:28px;margin-bottom:40px;padding:40px;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(139,92,246,.05) 100%);border:1px solid var(--border-subtle);border-radius:24px;position:relative;overflow:hidden}.module-header:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:var(--accent-primary);filter:blur(150px);opacity:.15;pointer-events:none}.module-icon{width:90px;height:90px;background:var(--accent-gradient);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;flex-shrink:0;box-shadow:0 8px 32px var(--accent-glow)}.module-info{flex:1}.module-info h1{font-size:2.8rem;font-weight:800;margin-bottom:10px;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.module-info p{color:var(--text-muted);font-size:1.15rem;line-height:1.6}.module-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;color:var(--accent-primary);background:#8b5cf626;padding:8px 14px;border-radius:8px;margin-bottom:14px;letter-spacing:.12em;border:1px solid rgba(139,92,246,.25)}.quick-nav{display:flex;gap:12px;margin-bottom:40px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow-x:auto}.quick-nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-hover);border-radius:10px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.quick-nav-item:hover{background:var(--accent-primary);transform:translateY(-2px)}.quick-nav-item:hover .quick-nav-number,.quick-nav-item:hover .quick-nav-title{color:#fff}.quick-nav-number{width:28px;height:28px;background:var(--accent-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:#fff}.quick-nav-title{font-size:.9rem;font-weight:600;color:var(--text-main)}.classes-container{display:flex;flex-direction:column;gap:48px}.class-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0000001a}.class-card-header{display:flex;align-items:center;gap:24px;padding:32px 36px;background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,transparent 100%);border-bottom:1px solid var(--border-subtle)}.class-number{width:64px;height:64px;background:var(--accent-gradient);border-radius:18px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 8px 24px var(--accent-glow)}.class-info{flex:1}.class-info h2{font-size:1.7rem;font-weight:700;margin-bottom:8px;color:var(--text-main)}.class-meta{display:flex;gap:20px}.class-meta span{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.9rem}.class-meta span i{color:var(--accent-primary)}.class-content{padding:36px}.tema-block{padding:32px 0;border-bottom:1px solid var(--border-subtle)}.tema-block:first-child{padding-top:0}.tema-block:last-child{border-bottom:none;padding-bottom:0}.tema-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.tema-header h3{font-size:1.4rem;font-weight:700;color:var(--text-main)}.tema-number{width:36px;height:36px;background:#8b5cf61f;border:2px solid rgba(139,92,246,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;color:var(--accent-primary)}.tema-intro{color:var(--text-muted);font-size:1.05rem;line-height:1.75;margin-bottom:24px}.module-page{max-width:1100px;margin:0 auto;padding:100px 24px}.section-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;color:var(--text-main);margin-bottom:24px}.section-title i{color:var(--accent-primary)}.classes-grid{display:flex;flex-direction:column;gap:16px}.class-nav-card{display:flex;align-items:center;gap:20px;padding:24px 28px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;text-decoration:none;transition:all .3s ease}.class-nav-card:hover{border-color:var(--accent-primary);transform:translate(8px);box-shadow:0 8px 32px #8b5cf626}.class-nav-card:hover .class-nav-arrow{color:var(--accent-primary);transform:translate(4px)}.class-nav-number{width:56px;height:56px;background:var(--accent-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 6px 20px var(--accent-glow)}.class-nav-content{flex:1}.class-nav-content h3{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:6px}.class-nav-content p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.class-nav-meta{display:flex;gap:18px}.class-nav-meta span{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.85rem}.class-nav-meta span i{color:var(--accent-primary);font-size:.8rem}.class-nav-arrow{color:var(--text-muted);font-size:1.2rem;transition:all .3s ease}.lesson-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:32px;border-top:1px solid var(--border-subtle)}.lesson-nav-prev,.lesson-nav-next{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-main);font-weight:600;text-decoration:none;transition:all .3s ease}.lesson-nav-prev:hover:not(.disabled),.lesson-nav-next:hover:not(.disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.lesson-nav-prev.disabled,.lesson-nav-next.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.lesson-nav-next{margin-left:auto}:root{--bg-body: #0f1117;--bg-card: #1e2029;--bg-hover: #2a2d38;--border-subtle: #2d313a;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #8b5cf6;--accent-glow: rgba(139, 92, 246, .25);--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--header-height: 80px;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--grid-color: rgba(255, 255, 255, .03)}[data-theme=light]{--bg-body: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--border-subtle: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--text-dim: #94a3b8;--accent-primary: #7c3aed;--accent-glow: rgba(124, 58, 237, .15);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .05);--grid-color: rgba(0, 0, 0, .03)}@media(max-width:768px){.hero-section{padding-top:2rem;padding-bottom:2rem;margin-bottom:2rem}.hero-text h1{font-size:2.8rem}.modules-grid{grid-template-columns:1fr;padding:0 20px}.modules-grid h2.section-divider{font-size:1.5rem}.modules-grid h2.section-divider:last-of-type{margin-top:2.5rem}header{padding:24px 20px 12px;height:auto;min-height:var(--header-height)}.lesson-page{padding-left:16px;padding-right:16px;padding-top:90px}.module-header{flex-direction:column;align-items:center;text-align:center;padding:32px 24px;gap:20px}.module-icon{width:70px;height:70px;font-size:1.8rem;margin:0 auto}.module-info h1{font-size:2rem}.module-info p{font-size:1rem}.quick-nav{padding:12px 14px}.quick-nav-item{padding:8px 14px}.quick-nav-title{display:none}.class-card-header{flex-direction:column;text-align:center;padding:24px;gap:16px}.class-number{width:56px;height:56px;font-size:1.5rem}.class-info h2{font-size:1.4rem}.class-meta{justify-content:center}.class-content{padding:24px}.tema-header{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.tema-header h3{font-size:1.2rem;width:100%}.tema-number{margin:0 auto}.tema-intro{text-align:center}.features-grid,.declaration-grid,.types-grid,.unary-operators,.logic-operators,.console-grid,.examples-grid{grid-template-columns:1fr}.method-item{padding:24px 20px;gap:16px}.position-item{padding:16px;gap:14px}.table-container{margin-left:0;margin-right:0;margin-bottom:24px;border-radius:0;border:none!important;overflow-x:visible;background:none!important;box-shadow:none!important}.data-table{display:block;background:none!important}.data-table thead{display:none}.data-table tbody,.data-table tr{display:block;width:100%}.data-table tr{background:var(--bg-card);border:1px solid var(--border-subtle)!important;border-radius:16px;padding:20px!important;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.data-table tr.highlight-row{background:#f59e0b0d;border-color:#f59e0b4d!important}.data-table td{display:block;width:100%!important;padding:10px 0!important;text-align:left!important;border:none!important;position:relative}.data-table td:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;opacity:.8}.data-table td .operator-symbol{margin:0}.data-table td code{font-size:1rem}.truth-table{font-size:.8rem}.truth-table th,.truth-table td{padding:8px 4px!important}.info-box{padding:20px 16px}.info-box .info-box-header{justify-content:flex-start}.check-list li{justify-content:flex-start;text-align:left;align-items:flex-start;gap:10px}.check-list li i{margin-top:4px}.alert{flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:16px}.alert i{margin-top:2px}.code-snippet{padding:16px;overflow-x:hidden}.code-snippet code{white-space:pre-wrap;word-break:break-word;font-size:.8rem}.syntax-highlight{padding:18px 20px}.syntax-highlight code{font-size:.95rem;white-space:pre-wrap;word-break:break-word}.return-types-grid,.pass-params-grid,.scope-types-grid,.declaration-types-grid,.hoisting-functions,.closures-uses-grid,.validation-techniques,.creation-methods,.comparison-columns{grid-template-columns:1fr}.structure-part{flex-direction:column;align-items:center;text-align:center}.scope-header,.declaration-header{justify-content:center}}