.certificate-labs-section{padding:var(--space-20)0;background:var(--accent-light);position:relative;overflow:hidden}.cert-labs-bg-pattern{opacity:.6;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"%2300f5d4\" opacity=\"0.1\"/><circle cx=\"80\" cy=\"80\" r=\"1\" fill=\"%2300f5d4\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"50\" r=\"0.5\" fill=\"%23FF6B00\" opacity=\"0.15\"/></svg>") 0 0/60px 60px;position:absolute;inset:0}.certificate-labs-section .container{z-index:10;position:relative}.cert-labs-header{text-align:center;margin-bottom:var(--space-12)}.cert-labs-badge{background:linear-gradient(135deg,var(--ec-red)0%,#f93 100%);color:var(--ec-white);font-size:var(--font-size-xs);letter-spacing:1px;margin-bottom:var(--space-4);border-radius:50px;align-items:center;gap:8px;padding:8px 20px;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #ff6b0066}50%{transform:scale(1.02);box-shadow:0 0 20px 5px #ff6b0033}}.cert-labs-title{color:var(--gray-900);margin:0 0 var(--space-4)0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.cert-labs-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6}.cert-labs-content{gap:var(--space-8);margin-bottom:var(--space-12);flex-direction:column;display:flex}.cert-labs-selector{margin-top:var(--space-8);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-right:0;display:grid}.cert-labs-left-column{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.cert-labs-selector::-webkit-scrollbar{width:6px}.cert-labs-selector::-webkit-scrollbar-track{background:#ff6b001a;border-radius:3px}.cert-labs-selector::-webkit-scrollbar-thumb{background:#ff6b0080;border-radius:3px;transition:background .2s}.cert-labs-selector::-webkit-scrollbar-thumb:hover{background:#ff6b00b3}.lab-info-compact{padding:var(--space-4);background:var(--white);margin-top:var(--space-2);border:1px solid #ff6b0033;border-radius:12px;box-shadow:0 2px 8px #0000000d}.lab-info-compact .lab-info-title{font-size:var(--font-size-lg);color:var(--gray-900);margin:0 0 var(--space-2)0;font-weight:700}.lab-info-compact .lab-info-description{font-size:var(--font-size-sm);color:var(--gray-600);margin:0 0 var(--space-3)0;line-height:1.6}.lab-info-compact .lab-skills{margin-bottom:0}.lab-info-compact .lab-skills h5{font-size:var(--font-size-xs);color:var(--gray-500);margin:0 0 var(--space-2)0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.lab-info-compact .skills-grid{flex-wrap:wrap;gap:6px;display:flex}.lab-info-compact .skill-chip{padding:4px 10px;font-size:.7rem}.cert-lab-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--white);cursor:pointer;text-align:left;border:1px solid #ff6b0033;border-radius:12px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.cert-lab-card:hover{background:var(--white);border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 12px #ff6b0026}.cert-lab-card.active{background:var(--white);border-color:var(--accent);box-shadow:0 4px 16px #ff6b0040}.lab-card-icon{background:#ff6b0026;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.cert-lab-card.active .lab-card-icon{background:linear-gradient(135deg,var(--ec-red)0%,var(--ec-red-dark)100%)}.lab-card-info{flex:1;min-width:0}.lab-card-info h4{font-size:var(--font-size-base);color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-weight:700;overflow:hidden}.lab-card-meta{align-items:center;gap:8px;display:flex}.lab-difficulty{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600}.lab-difficulty-beginner{color:#00872a;background:#00c85333}.lab-difficulty-intermediate{color:#c77700;background:#ff980033}.lab-difficulty-advanced{color:#c62828;background:#ff525233}.lab-exercises{font-size:var(--font-size-xs);color:var(--gray-600)}.active-bar{background:linear-gradient(180deg,var(--ec-red)0%,#f93 100%);border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.cert-lab-details{gap:var(--space-6);flex-direction:column;order:-1;width:100%;display:flex}.kali-terminal-frame{background:#1a1b26;border-radius:12px;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:0 0 0 1px #82a2ff26,0 25px 80px #0009,0 0 60px #82a2ff14}.kali-terminal-frame.terminal-minimizing .terminal-content{animation:.3s cubic-bezier(.4,0,1,1) forwards contentMinimize}.kali-terminal-frame.terminal-opening .terminal-content{animation:.4s cubic-bezier(0,0,.2,1) forwards contentOpen}@keyframes contentMinimize{0%{opacity:1;filter:brightness();transform:scale(1)translateY(0)}30%{opacity:.9;transform:scale(.98)translateY(5px)}to{opacity:0;filter:brightness(.5);transform:scale(.9)translateY(20px)}}@keyframes contentOpen{0%{opacity:0;filter:brightness(.5);transform:scale(.9)translateY(-20px)}30%{opacity:.5;transform:scale(.95)translateY(-10px)}70%{opacity:.9;filter:brightness(1.1);transform:scale(1.01)translateY(2px)}to{opacity:1;filter:brightness();transform:scale(1)translateY(0)}}.kali-terminal-frame.terminal-minimizing .terminal-title-bar,.kali-terminal-frame.terminal-opening .terminal-title-bar{background:linear-gradient(#3d3e5f 0%,#2d2e4f 100%);transition:background .3s}.kali-terminal-frame.terminal-minimizing .status-item.ready,.kali-terminal-frame.terminal-opening .status-item.ready{color:#e0af68;animation:.3s ease-in-out statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.3}}.kali-terminal-frame:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #82a2ff40,0 30px 100px #000000b3,0 0 80px #82a2ff1f}.terminal-title-bar{background:linear-gradient(#2d2e3f 0%,#252634 100%);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.terminal-buttons{gap:8px;display:flex}.terminal-btn{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.terminal-btn.close{background:#ff5f57;box-shadow:0 0 8px #ff5f5766}.terminal-btn.minimize{background:#ffbd2e;box-shadow:0 0 8px #ffbd2e66}.terminal-btn.maximize{background:#28c840;box-shadow:0 0 8px #28c84066}.terminal-btn:hover{transform:scale(1.2)}.terminal-title{color:#a9b1d6;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;display:flex}.terminal-title svg{color:#7aa2f7}.terminal-actions{gap:12px;display:flex}.terminal-action-btn{color:#565f89;cursor:pointer;font-size:14px;font-weight:700;transition:color .2s}.terminal-action-btn:hover{color:#a9b1d6}.terminal-menu-bar{background:#1e1f2e;border-bottom:1px solid #ffffff08;gap:0;padding:0 10px;display:flex}.menu-item{color:#787c99;cursor:pointer;border-bottom:2px solid #0000;padding:6px 14px;font-family:Inter,sans-serif;font-size:11px;transition:all .2s}.menu-item:hover{color:#a9b1d6;background:#ffffff08;border-bottom-color:#7aa2f7}.terminal-content{background:#0f0f17;min-height:320px;max-height:400px;position:relative;overflow:hidden}.terminal-content img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .5s,filter .3s;display:block}.terminal-content:hover img{filter:brightness(.7);transform:scale(1.02)}.terminal-interactive{padding:0}.terminal-output{scrollbar-width:thin;scrollbar-color:#3d3d5c #1a1a2e;height:100%;min-height:320px;max-height:400px;padding:16px 20px;overflow-y:auto}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#1a1a2e}.terminal-output::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:4px}.terminal-lines{color:#a9b1d6;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:12px;line-height:1.6}.terminal-line{white-space:pre;animation:.1s ease-out fadeInLine}@keyframes fadeInLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.term-prompt{color:#7aa2f7;font-weight:600}.term-command{color:#bb9af7}.term-success{color:#9ece6a}.term-error{color:#f7768e}.term-warning{color:#e0af68}.term-info{color:#7dcfff}.term-highlight{color:#73daca;font-weight:600}.term-cursor{vertical-align:middle;background:#7aa2f7;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-interactive .terminal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f17d9}.terminal-interactive:hover .terminal-output{filter:blur(2px);opacity:.3}.terminal-overlay{opacity:0;background:#0f0f1799;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.terminal-content:hover .terminal-overlay{opacity:1}.lab-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7aa2f7 0%,#5d7cef 100%);border:2px solid #fff3;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 32px;transition:all .3s;display:flex;box-shadow:0 8px 30px #7aa2f766}.lab-play-btn:hover{background:linear-gradient(135deg,#89b4fa 0%,#6a8af0 100%);transform:scale(1.08);box-shadow:0 12px 40px #7aa2f780}.lab-play-btn span{letter-spacing:.5px;font-size:14px;font-weight:700}.terminal-live-badge{letter-spacing:1px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff5252e6;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 15px #ff525266}.terminal-live-badge .live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.terminal-status-bar{background:linear-gradient(#1e1f2e 0%,#1a1b26 100%);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.status-left,.status-right{align-items:center;gap:10px;display:flex}.status-item{color:#565f89;font-family:JetBrains Mono,monospace;font-size:10px}.status-left .status-item:first-child{color:#7aa2f7}.status-right .status-item:first-child{color:#9ece6a}.status-item.ready{color:#9ece6a;animation:2s ease-in-out infinite readyPulse}@keyframes readyPulse{0%,to{opacity:1}50%{opacity:.6}}.lab-info{padding:var(--space-6);background:var(--white);border:1px solid #ff6b0033;border-radius:16px;box-shadow:0 4px 20px #0000000d}.lab-info-header{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lab-difficulty-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700}.lab-duration,.lab-exercise-count{font-size:var(--font-size-sm);color:var(--gray-600)}.lab-info-title{font-size:var(--font-size-xl);color:var(--gray-900);margin:0 0 var(--space-3)0;font-weight:800}.lab-info-description{font-size:var(--font-size-base);color:var(--gray-600);margin:0 0 var(--space-5)0;line-height:1.7}.lab-skills{margin-bottom:var(--space-5)}.lab-skills h5{font-size:var(--font-size-sm);color:var(--gray-500);margin:0 0 var(--space-3)0;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.skills-grid{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{font-size:var(--font-size-xs);color:#009688;background:#00f5d426;border:1px solid #00f5d44d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .3s;display:inline-flex}.skill-chip:hover{background:#00f5d433;transform:translateY(-2px)}.start-lab-cta{background:linear-gradient(135deg,var(--ec-red)0%,var(--ec-red-dark)100%);font-size:var(--font-size-base);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:14px 28px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #ff6b004d}.start-lab-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b0066}.cert-labs-stats{justify-content:center;align-items:center;gap:var(--space-10);padding:var(--space-6);background:#ff6b001a;border:1px solid #ff6b0033;border-radius:12px;display:flex}.labs-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.lab-stat-value{font-size:var(--font-size-2xl);color:var(--ec-red);font-weight:800}.lab-stat-text{font-size:var(--font-size-sm);color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.labs-stat-divider{background:linear-gradient(#0000,#ff6b004d,#0000);width:1px;height:40px}@media (max-width:1024px){.cert-labs-content{grid-template-columns:1fr}.cert-labs-left-column{order:2}.cert-lab-details{order:1}.cert-labs-selector{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.lab-info-compact{display:none}.cert-lab-card:hover{transform:translateY(-2px)}}@media (max-width:768px){.certificate-labs-section{padding:var(--space-12)0}.cert-labs-header{margin-bottom:var(--space-8)}.cert-labs-title{font-size:1.5rem}.cert-labs-selector{grid-template-columns:1fr}.lab-info{padding:var(--space-4)}.cert-labs-stats{gap:var(--space-6);padding:var(--space-5);flex-wrap:wrap}.labs-stat-divider{display:none}.labs-stat{flex:1;min-width:100px}.terminal-title-bar{padding:6px 10px}.terminal-title span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:10px;overflow:hidden}.terminal-menu-bar{display:none}.terminal-content{min-height:200px}.lab-play-btn{padding:14px 24px}.lab-play-btn span{font-size:12px}.terminal-status-bar{padding:4px 10px}.status-item{font-size:8px}}@media (max-width:480px){.certificate-labs-section{padding:var(--space-10)0}.cert-labs-badge{padding:6px 14px;font-size:.65rem}.cert-labs-title{font-size:1.25rem}.cert-labs-subtitle{font-size:var(--font-size-base)}.lab-card-info h4{font-size:var(--font-size-sm)}.lab-info-title{font-size:var(--font-size-lg)}.lab-info-description{font-size:var(--font-size-sm)}.start-lab-cta{width:100%;font-size:var(--font-size-sm);padding:12px 20px}.lab-stat-value{font-size:var(--font-size-xl)}.lab-stat-text{font-size:var(--font-size-xs)}.cert-labs-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.terminal-title{gap:4px}.terminal-title svg{width:12px;height:12px}.terminal-btn{width:10px;height:10px}.terminal-actions{gap:8px}.terminal-action-btn{font-size:12px}.terminal-live-badge{padding:4px 10px;font-size:8px}.lab-play-btn{border-radius:12px;padding:12px 20px}.lab-play-btn svg{width:22px;height:22px}}