.task-card-learning{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.completed-task-card{background:linear-gradient(135deg,rgba(34,197,94,.05) 0,rgba(34,197,94,.02) 100%);border:1px solid rgba(34,197,94,.15);border-radius:8px;padding:1rem 1.25rem;position:relative;overflow:hidden}.completed-task-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#22c55e 0,#16a34a 100%)}.completed-task-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:8px;color:#22c55e;font-size:1.25rem}.completed-task-card h6{color:#e5e7eb;font-weight:500;font-size:.9375rem}.completed-task-xp-badge{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2);padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.completed-task-time{color:#9ca3af;font-size:.8125rem;display:flex;align-items:center;gap:.25rem}.completed-task-checkmark{color:#22c55e;font-size:1.75rem;opacity:.8}.completed-task-card.celebrating{animation:task-celebrate-pulse .6s ease-out;box-shadow:0 0 30px rgba(34,197,94,.4)!important}@keyframes task-celebrate-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.success-celebration-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:100;text-align:center;pointer-events:none;transition:transform .5s cubic-bezier(.34, 1.56, .64, 1)}.success-celebration-badge.show{transform:translate(-50%,-50%) scale(1)}.success-celebration-icon{font-size:4rem;color:#22c55e;margin-bottom:.5rem;filter:drop-shadow(0 4px 20px rgba(34, 197, 94, .6));animation:success-icon-bounce .6s ease-out}.success-celebration-text{font-size:1.5rem;font-weight:700;color:#22c55e;text-shadow:0 2px 10px rgba(0,0,0,.8),0 0 20px rgba(34,197,94,.5);animation:success-text-fade-in .4s ease-out .2s backwards}@keyframes success-icon-bounce{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(0)}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes success-text-fade-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes confetti-burst{0%{transform:translate(0,0) rotate(0) scale(1);opacity:1}20%{opacity:1}100%{transform:translate(var(--tx),var(--ty)) rotate(1080deg) scale(.3);opacity:0}}.celebration-confetti{box-shadow:0 2px 4px rgba(0,0,0,.2)}.learning-content{width:100%!important;max-width:100%!important}.learning-content>*{max-width:100%!important}.learning-section{background:linear-gradient(135deg,rgba(59,130,246,.08) 0,rgba(59,130,246,.04) 100%);border:2px solid rgba(59,130,246,.25);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.learning-section::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6 0,#2563eb 100%)}.question-answer-section{background:linear-gradient(135deg,rgba(34,197,94,.08) 0,rgba(34,197,94,.04) 100%);border:2px solid rgba(34,197,94,.25);border-radius:12px;padding:1.5rem;margin-top:1.5rem;position:relative;overflow:hidden}.question-answer-section::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#22c55e 0,#16a34a 100%)}.task-question-text{color:#e5e7eb;font-size:1.125rem;font-weight:600;margin:0}.task-xp-badge{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2);padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.answer-input,.answer-input-learning{background:rgba(2,6,23,.8);border:1px solid rgba(255,255,255,.1);color:#e5e7eb;font-family:Monaco,Menlo,monospace;padding:.75rem 1rem;border-radius:6px;transition:all .2s ease;height:auto;min-height:calc(1.5em + 1.5rem + 2px)}.answer-input-learning:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1);outline:0;background:rgba(2,6,23,.95)}.answer-input-learning:focus.error-state,.answer-input:focus.error-state{border-color:rgba(239,68,68,.5)!important;box-shadow:0 0 0 3px rgba(239,68,68,.15)!important}.answer-input-learning::placeholder{color:#6b7280}.btn-submit-answer,.btn-submit-learning{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.2),0 8px 24px rgba(34,197,94,.15);min-width:200px;text-align:center;white-space:nowrap;height:auto;min-height:calc(1.5em + 1.5rem + 2px);display:inline-flex;align-items:center;justify-content:center}.btn-submit-learning:hover{background:linear-gradient(135deg,#16a34a 0,#15803d 100%);box-shadow:0 1px 2px rgba(0,0,0,.2),0 8px 24px rgba(34,197,94,.2);transform:translateY(-1px)}.locked-task{opacity:.5;color:#6b7280}nav .btn-outline-dark{border:1px solid rgba(34,197,94,.2)!important;background:rgba(15,23,42,.4);color:#9ca3af;font-weight:400;padding:.5rem 1rem;transition:all .2s ease}nav .btn-outline-dark:hover{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.4)!important;color:#e5e7eb}nav .btn-outline-dark.active{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.5)!important;color:#22c55e;font-weight:500;box-shadow:0 2px 8px rgba(34,197,94,.2)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.answer-input.shake{animation:shake .3s ease-in-out;border-color:var(--bs-danger)!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.length-warning-tooltip{position:fixed;background:var(--bs-danger);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out;transform:translateY(-100%);margin-top:-10px}.length-warning-tooltip.show{opacity:1}@keyframes success-pop{0%{transform:scale(.98);opacity:0}50%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes success-fade{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}@keyframes confetti{0%{transform:translateY(-100%) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(360deg);opacity:0}}.success-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(25,135,84,.95) 0,rgba(21,115,71,.95) 100%);color:#fff;z-index:9999;pointer-events:none;animation:success-pop .4s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-radius:.5rem}.success-content{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.1);padding:1rem 2rem;border-radius:.5rem;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.success-animation::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(255,255,255,.15);border-radius:50%;font-size:1.5rem;animation:success-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.success-text{font-size:1.25rem;font-weight:500;text-align:center}.success-animation.fade-out{animation:success-fade .3s cubic-bezier(.4,0,.2,1) forwards}.confetti{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;pointer-events:none;animation:confetti 5s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,135,84,.7)}70%{box-shadow:0 0 0 10px rgba(25,135,84,0)}100%{box-shadow:0 0 0 0 rgba(25,135,84,0)}}.tour-btn-start-machine{position:relative;overflow:hidden;animation:pulse 2s infinite;transition:all .3s ease}.tour-btn-start-machine:hover{box-shadow:0 5px 15px rgba(25,135,84,.3)}.tour-btn-start-machine::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.lab-nav-tabs{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:.75rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px}.lab-nav-primary,.lab-nav-secondary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lab-nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:0 0;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.7);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.lab-nav-link i{font-size:1rem;transition:all .3s ease}.lab-nav-link:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.9);transform:translateY(-1px)}.lab-nav-link.active{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.08));border-color:rgba(34,197,94,.3);color:#22c55e;box-shadow:0 2px 8px rgba(34,197,94,.15)}.lab-nav-link.active i{color:#22c55e}.lab-nav-link.active::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22c55e,#20c997)}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.solution-shine{position:relative;overflow:hidden}.solution-shine::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.lab-nav-link.solution-locked{color:#ffab00}.lab-nav-link.solution-locked i{color:#ffab00}.lab-nav-link.solution-locked:hover{background:rgba(255,171,0,.1);border-color:rgba(255,171,0,.3)}.lab-nav-link.solution-pro{color:#ffab00}.lab-nav-link.solution-pro i{color:#ffab00}.lab-nav-link.solution-pro:hover{background:rgba(255,171,0,.1);border-color:rgba(255,171,0,.3)}.btn-solution-flag{background:0 0;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;text-decoration:none;transition:background .2s,border-color .2s}.btn-solution-locked{border:1px solid rgba(107,114,128,.3);color:#6b7280;cursor:default;pointer-events:none}.btn-solution-pro{border:1px solid rgba(255,171,0,.3);color:#ffab00}.btn-solution-pro:hover{background:rgba(255,171,0,.1);border-color:#ffab00;color:#ffab00}.btn-solution-available{border:1px solid rgba(34,211,238,.3);color:#22d3ee}.btn-solution-available:hover{background:rgba(34,211,238,.1);border-color:#22d3ee;color:#22d3ee}@media (max-width:768px){.lab-nav-tabs{flex-direction:column;align-items:stretch}.lab-nav-primary,.lab-nav-secondary{width:100%;justify-content:center}.lab-nav-link{flex:1;justify-content:center;min-width:0}.lab-nav-link span{display:none}.lab-nav-link i{font-size:1.25rem}}.info-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.info-section-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}.info-section-header i{font-size:1.25rem;color:#22c55e}.info-section-header h5{margin:0;font-size:1rem;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.05em}.info-section-content{padding:1.5rem}.info-difficulty-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(105,108,255,.15),rgba(105,108,255,.08));border:1px solid rgba(105,108,255,.3);border-radius:6px;color:#696cff;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem}.info-description{color:rgba(255,255,255,.8);font-size:.9375rem;line-height:1.7}.info-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .3s ease}.info-stat-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.info-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,.08);border-radius:8px;flex-shrink:0}.info-stat-icon i{font-size:1.5rem;color:rgba(255,255,255,.7)}.info-stat-icon.success{background:rgba(34,197,94,.15)}.info-stat-icon.success i{color:#22c55e}.info-stat-icon.warning{background:rgba(251,191,36,.15)}.info-stat-icon.warning i{color:#fbbf24}.info-stat-icon.primary{background:rgba(105,108,255,.15)}.info-stat-icon.primary i{color:#696cff}.info-stat-details{display:flex;flex-direction:column;gap:.25rem}.info-stat-label{font-size:.8125rem;color:rgba(255,255,255,.6);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-stat-value{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.9)}.first-blood-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.04));border:1px solid rgba(34,197,94,.2);border-radius:8px}.first-blood-icon{font-size:2.5rem;line-height:1}.first-blood-info{display:flex;flex-direction:column;gap:.25rem}.first-blood-label{font-size:.8125rem;color:rgba(255,255,255,.6);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.first-blood-user{font-size:1.25rem;font-weight:700;color:#22c55e;text-decoration:none;transition:all .2s ease}.first-blood-user:hover{color:#20c997;text-decoration:underline}.first-blood-empty{text-align:center;padding:2rem 1rem;color:rgba(255,255,255,.5)}.first-blood-empty i{font-size:3rem;color:rgba(255,255,255,.2);margin-bottom:1rem}.first-blood-empty p{margin:0;font-size:.9375rem;font-weight:500}.recent-flags-list{display:flex;flex-direction:column;gap:.5rem}.recent-flag-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:rgba(255,255,255,.8);text-decoration:none;font-weight:500;transition:all .3s ease}.recent-flag-item:hover{background:rgba(255,255,255,.05);border-color:rgba(34,197,94,.3);color:#22c55e;transform:translateX(4px)}.recent-flag-item i{color:#22c55e;font-size:1rem}@media (max-width:992px){.info-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.info-stats-grid{grid-template-columns:1fr}.info-section-header{padding:1rem}.info-section-content{padding:1rem}}.solution-preview{position:relative;max-height:300px;overflow:hidden;border-radius:.375rem;background:rgba(0,0,0,.1);padding:1rem}.solution-overlay{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 100%);pointer-events:none;border-radius:0 0 .375rem .375rem}.restart-card{background:linear-gradient(135deg,rgba(32,201,151,.08) 0,rgba(34,197,94,.04) 50%,rgba(105,108,255,.04) 100%);border:1px solid rgba(32,201,151,.2);border-radius:1rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(32,201,151,.08);transition:all .3s ease}.restart-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#20c997,#22c55e,#696cff)}.restart-card:hover{box-shadow:0 4px 20px rgba(32,201,151,.15);border-color:rgba(32,201,151,.3)}.restart-content{display:flex;align-items:center;gap:1.5rem}.restart-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,rgba(32,201,151,.15),rgba(34,197,94,.1));border-radius:14px;border:1px solid rgba(32,201,151,.15)}.restart-icon i{color:#20c997!important;font-size:1.5rem!important}.restart-text{flex-grow:1;text-align:left}.restart-text h5{color:#e8e8f0;font-weight:600;font-size:1.05rem;margin-bottom:.25rem}.restart-text p{font-size:.875rem;line-height:1.5;margin-bottom:0;color:#9a9ab0}.restart-actions{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.restart-btn,.upgrade-btn{white-space:nowrap;padding:.5rem 1.25rem;font-weight:400;border-radius:.5rem;transition:all .2s ease}.restart-btn{background:#198754;border:none}.restart-btn:hover{background:#157347;transform:translateY(-1px);box-shadow:0 4px 12px rgba(25,135,84,.2)}.upgrade-btn{border:2px solid #198754}.upgrade-btn:hover{background:rgba(25,135,84,.1);transform:translateY(-1px)}@media (max-width:768px){.restart-card{padding:1.25rem}.restart-content{flex-direction:column;text-align:center;gap:1rem}.restart-text{text-align:center}.restart-actions{flex-direction:column;width:100%}.restart-btn,.upgrade-btn{width:100%}}.completion-card{background:linear-gradient(135deg,rgba(25,135,84,.12) 0,rgba(21,115,71,.12) 100%);border-radius:1.5rem;box-shadow:0 8px 32px rgba(25,135,84,.15);position:relative;overflow:hidden;animation:cardEntrance .6s ease-out}.completion-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#198754,#ffc107,#198754);animation:gradient 3s linear infinite;background-size:200% 100%}.completion-icon{display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;background:rgba(255,193,7,.15);border-radius:50%;margin:0 auto;position:relative;animation:trophyFloat 3s ease-in-out infinite}.completion-rays{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,193,7,.2) 0,transparent 70%);animation:rays 4s ease-in-out infinite}.completion-sparkles span{position:absolute;width:6px;height:6px;background:#ffc107;border-radius:50%;animation:sparkle 1.5s linear infinite;box-shadow:0 0 10px #ffc107}.completion-sparkles span:first-child{top:15%;left:15%;animation-delay:0s}.completion-sparkles span:nth-child(2){top:15%;right:15%;animation-delay:.3s}.completion-sparkles span:nth-child(3){bottom:15%;left:15%;animation-delay:.6s}.completion-sparkles span:nth-child(4){bottom:15%;right:15%;animation-delay:.9s}.completion-sparkles span:nth-child(5){top:50%;left:5%;animation-delay:.2s}.completion-sparkles span:nth-child(6){top:50%;right:5%;animation-delay:.5s}.completion-sparkles span:nth-child(7){left:50%;top:5%;animation-delay:.7s}.completion-sparkles span:nth-child(8){left:50%;bottom:5%;animation-delay:1s}.celebration-text{background:linear-gradient(45deg,#198754,#ffc107,#198754);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 3s linear infinite;font-weight:600;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.lab-name{color:#198754;font-weight:500;position:relative;display:inline-block;padding:0 4px}.lab-name::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#198754,transparent);animation:underline 2s ease-in-out infinite}.certificate-btn{border-width:2px;font-weight:400;padding:.75rem 2rem;border-radius:2rem;transition:all .3s ease;position:relative;overflow:hidden}.certificate-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.certificate-btn:hover{background:#198754;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(25,135,84,.3)}.confetti-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;background:#ffc107;animation:confetti 5s ease-in-out infinite}.confetti:first-child{left:10%;animation-delay:0s}.confetti:nth-child(2){left:30%;animation-delay:.5s}.confetti:nth-child(3){left:50%;animation-delay:1s}.confetti:nth-child(4){left:70%;animation-delay:1.5s}.confetti:nth-child(5){left:90%;animation-delay:2s}@keyframes cardEntrance{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes trophyFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}100%{transform:translateY(0) rotate(0)}}@keyframes rays{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:.5}}@keyframes sparkle{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes textGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes underline{0%{transform:scaleX(.8);opacity:.5}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.8);opacity:.5}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.pro-upgrade-btn{position:relative;overflow:hidden;border:2px solid #ffc107;background:linear-gradient(135deg,rgba(255,193,7,.1) 0,rgba(255,193,7,.2) 100%);color:#ffc107;font-weight:500;transition:all .3s ease;animation:proGlow 2s ease-in-out infinite}.pro-upgrade-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,193,7,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.pro-upgrade-btn:hover{background:linear-gradient(135deg,rgba(255,193,7,.2) 0,rgba(255,193,7,.3) 100%);color:#ffc107;border-color:#ffc107;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,193,7,.3)}.pro-upgrade-btn .badge{animation:bounce 2s infinite}@keyframes proGlow{0%{box-shadow:0 0 5px rgba(255,193,7,.5)}50%{box-shadow:0 0 20px rgba(255,193,7,.8),0 0 30px rgba(255,193,7,.4)}100%{box-shadow:0 0 5px rgba(255,193,7,.5)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.pro-solution-section{margin:2rem 0}.pro-solution-card{background:linear-gradient(135deg,rgba(255,193,7,.1) 0,rgba(255,235,59,.15) 100%);border:2px solid rgba(255,193,7,.3);border-radius:20px;overflow:hidden;position:relative}.pro-solution-header{padding:2rem;background:linear-gradient(135deg,rgba(255,193,7,.2) 0,rgba(255,235,59,.25) 100%);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.pro-icon-wrapper{position:relative;display:flex;align-items:center}.pro-icon-bg{position:absolute;width:80px;height:80px;background:rgba(255,193,7,.2);border-radius:50%;animation:pulse 3s infinite}.pro-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffc107 0,#ffeb3b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#212529;position:relative;z-index:2;box-shadow:0 8px 25px rgba(255,193,7,.4)}.pro-header-content{flex-grow:1;margin-left:1.5rem}.pro-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.pro-subtitle{color:rgba(255,255,255,.8);margin:0;line-height:1.5}.pro-badge{background:linear-gradient(135deg,#ffc107 0,#ffeb3b 100%);color:#212529;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;letter-spacing:1px;box-shadow:0 4px 15px rgba(255,193,7,.3)}.pro-content{padding:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.feature-category{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.category-title{color:#ffc107;font-size:1.1rem;font-weight:500;margin-bottom:1rem;display:flex;align-items:center}.feature-list{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:1rem}.feature-check{width:24px;height:24px;background:#28c76f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;flex-shrink:0}.feature-item span{color:rgba(255,255,255,.9);line-height:1.4}.pro-cta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.btn-pro-upgrade{background:linear-gradient(135deg,#ffc107 0,#ffeb3b 100%);color:#212529;border:none;border-radius:12px;padding:1rem 2rem;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,193,7,.3)}.btn-pro-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,193,7,.4);color:#212529;text-decoration:none}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-pro-upgrade:hover .btn-glow{left:100%}@media (max-width:768px){.pro-solution-header{flex-direction:column;text-align:center}.pro-header-content{margin-left:0;margin-top:1rem}.features-grid{grid-template-columns:1fr}.pro-cta{flex-direction:column;text-align:center}}.lab-overview-card{background:linear-gradient(135deg,rgba(34,197,94,.06) 0,rgba(133,146,163,.04) 100%);border-radius:1rem;box-shadow:0 4px 24px rgba(34,197,94,.1),0 1px 3px rgba(0,0,0,.15);overflow:hidden;position:relative;border:1px solid rgba(34,197,94,.1)}.lab-hero-unified{position:relative;padding:2rem;background:linear-gradient(135deg,rgba(34,197,94,.1) 0,rgba(6,182,212,.05) 50%,rgba(34,197,94,.03) 100%)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(34,197,94,.12) 0,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(6,182,212,.08) 0,transparent 70%)}.lab-overview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#22c55e,rgba(6,182,212,.6),rgba(34,197,94,.3));z-index:3}.hero-content{position:relative;z-index:2}.lab-image-wrapper{position:relative;display:inline-block;flex-shrink:0}.lab-image-unified{width:80px;height:80px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 24px rgba(34,197,94,.1);transition:all .3s ease}.lab-image-unified:hover{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 32px rgba(34,197,94,.2);transform:translateY(-1px)}.lab-image-unified.border-primary{border-color:rgba(105,108,255,.5)}.lab-image-unified.border-success{border-color:rgba(34,197,94,.5)}.lab-image-unified.border-warning{border-color:rgba(251,191,36,.5)}.lab-image-unified.border-danger{border-color:rgba(239,68,68,.5)}.lab-image-unified.border-info{border-color:rgba(13,202,240,.5)}.lab-title-unified{font-size:2rem;font-weight:700;line-height:1.2;color:#fff;margin:0}.lab-teaser-title{font-size:1.25rem;font-weight:500;line-height:1.3;color:rgba(255,255,255,.85);margin:0;font-style:italic}.lab-badges-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.lab-badges-row>*{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid}.badge-difficulty{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#fff;text-decoration:none}.badge-difficulty:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;text-decoration:none}.badge-difficulty-primary{background:rgba(105,108,255,.15);border-color:rgba(105,108,255,.3);color:#696cff}.badge-difficulty-primary:hover{background:rgba(105,108,255,.25);border-color:rgba(105,108,255,.5);color:#696cff;text-decoration:none}.badge-difficulty-success{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.badge-difficulty-success:hover{background:rgba(34,197,94,.25);border-color:rgba(34,197,94,.5);color:#22c55e;text-decoration:none}.badge-difficulty-warning{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3);color:#fbbf24}.badge-difficulty-warning:hover{background:rgba(251,191,36,.25);border-color:rgba(251,191,36,.5);color:#fbbf24;text-decoration:none}.badge-difficulty-danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.badge-difficulty-danger:hover{background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.5);color:#ef4444;text-decoration:none}.badge-difficulty-info{background:rgba(13,202,240,.15);border-color:rgba(13,202,240,.3);color:#0dcaf0}.badge-difficulty-info:hover{background:rgba(13,202,240,.25);border-color:rgba(13,202,240,.5);color:#0dcaf0;text-decoration:none}.badge-pro{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3);color:#fbbf24;text-decoration:none}.badge-pro:hover{background:rgba(251,191,36,.25);border-color:rgba(251,191,36,.5);color:#fbbf24;text-decoration:none}.badge-free{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.badge-solution{background:rgba(13,202,240,.15);border-color:rgba(13,202,240,.3);color:#0dcaf0;text-decoration:none}.badge-solution:hover{background:rgba(13,202,240,.25);border-color:rgba(13,202,240,.5);color:#0dcaf0;text-decoration:none}.badge-solution-locked{background:rgba(255,171,0,.15);border-color:rgba(255,171,0,.3);color:#ffab00}.badge-solution-locked:hover{background:rgba(255,171,0,.25);border-color:rgba(255,171,0,.5);color:#ffab00}.badge-solution-pro{background:rgba(255,171,0,.15);border-color:rgba(255,171,0,.3);color:#ffab00}.badge-solution-pro:hover{background:rgba(255,171,0,.25);border-color:rgba(255,171,0,.5);color:#ffab00}.badge-date{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.75)}.lab-description-unified{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85);margin:0}.stats-grid-unified{display:flex;flex-direction:column;gap:.75rem;border-top:2px solid;border-image:linear-gradient(90deg,#22c55e,rgba(34,197,94,0.2)) 1;padding-top:.75rem}.stat-card-unified{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:rgba(255,255,255,.02);border-radius:.625rem;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.stat-card-unified:hover{background:rgba(255,255,255,.05);border-color:rgba(34,197,94,.25);box-shadow:0 2px 8px rgba(34,197,94,.1)}.stat-icon-unified{width:36px;height:36px;background:linear-gradient(135deg,rgba(105,108,255,.2),rgba(13,202,240,.15));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#696cff;flex-shrink:0;border:1px solid rgba(105,108,255,.15)}.stat-icon-flags{background:linear-gradient(135deg,rgba(105,108,255,.2),rgba(13,202,240,.15));border-color:rgba(105,108,255,.15);color:#696cff}.stat-icon-xp{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(245,158,11,.15));border-color:rgba(251,191,36,.15);color:#fbbf24}.stat-icon-success{background:linear-gradient(135deg,rgba(13,202,240,.2),rgba(6,182,212,.15));border-color:rgba(13,202,240,.15);color:#0dcaf0}.stat-content-unified{flex:1}.stat-number-unified{font-size:1.5rem;font-weight:600;color:#fff;line-height:1;margin-bottom:.125rem}.stat-percent{font-size:1rem;font-weight:500;opacity:.8}.stat-label-unified{font-size:.75rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width:991px){.lab-hero-unified{padding:1.5rem}.lab-title-unified{font-size:1.5rem}.lab-teaser-title{font-size:1.125rem}.lab-image-unified{width:60px;height:60px}.stats-grid-unified{flex-direction:row;gap:.5rem}.stat-card-unified{flex:1;flex-direction:column;text-align:center;gap:.5rem;padding:.75rem .5rem}.stat-icon-unified{width:32px;height:32px;font-size:1rem}.stat-number-unified{font-size:1.25rem}.stat-label-unified{font-size:.7rem}}@media (max-width:576px){.lab-title-unified{font-size:1.25rem}.lab-teaser-title{font-size:1rem}.stats-grid-unified{flex-direction:column;gap:.5rem}.stat-card-unified{flex-direction:row;text-align:left;padding:.75rem}}.start-lab-card{background:linear-gradient(135deg,rgba(105,108,255,.05),rgba(13,202,240,.03));border:1px solid rgba(105,108,255,.1);overflow:hidden;position:relative}.start-lab-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#696cff,#0dcaf0,#20c997);z-index:1}.start-lab-compact{padding:1.25rem;position:relative;z-index:2}.start-compact-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.start-compact-info{flex:1}.start-compact-title{font-size:1.1rem;font-weight:600;color:#696cff;margin-bottom:.25rem;display:flex;align-items:center}.start-compact-desc{font-size:.85rem;color:rgba(255,255,255,.8);margin:0;line-height:1.4}.start-compact-actions{flex-shrink:0;display:flex;align-items:center;gap:1rem}.start-button-container{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.start-lab-indicator{display:flex;align-items:center;gap:.5rem;animation:fadeInOut 2s ease-in-out infinite}.indicator-arrow{color:#20c997;font-size:1.2rem;animation:bounceLeft 1.5s ease-in-out infinite}.indicator-text{font-size:.85rem;color:#20c997;font-weight:500;white-space:nowrap;animation:pulse 2s ease-in-out infinite}@keyframes bounceLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}@keyframes fadeInOut{0%,100%{opacity:.7}50%{opacity:1}}.start-lab-card{position:relative;border:1px solid rgba(32,201,151,.25)!important;box-shadow:0 2px 12px rgba(32,201,151,.15)!important;transition:all .3s ease}.start-lab-card:hover{box-shadow:0 4px 20px rgba(32,201,151,.25)!important}.start-lab-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,rgba(32,201,151,.04) 0,rgba(34,197,94,.02) 100%);pointer-events:none;opacity:.6}.btn-compact-start{position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(32,201,151,.3)!important;transition:all .3s ease}.btn-compact-start:hover{box-shadow:0 4px 16px rgba(32,201,151,.4)!important;transform:translateY(-1px)}.btn-compact-start::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-compact-start:hover::after{width:300px;height:300px}.btn-compact-start:disabled,.btn-compact-start[disabled],.tour-btn-start-machine:disabled,.tour-btn-start-machine[disabled]{pointer-events:none;cursor:not-allowed;opacity:.7}.tour-btn-start-machine:disabled,.tour-btn-start-machine[disabled]{animation:none}.tour-btn-start-machine:disabled::before,.tour-btn-start-machine[disabled]::before{animation:none}.btn-compact-start:disabled,.btn-compact-start[disabled]{transform:none!important;box-shadow:0 2px 8px rgba(32,201,151,.15)!important}.btn-compact-start:disabled::after,.btn-compact-start[disabled]::after{display:none}.start-compact-header-integrated{padding:1.5rem}.start-header-row{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:900px;margin:0 auto}.start-header-content{flex:0 1 auto;min-width:0}.start-title{color:#20c997;font-weight:600;font-size:1.1rem;margin:0 0 .25rem 0;display:flex;align-items:center;text-shadow:0 0 15px rgba(32,201,151,.2)}.start-title i{animation:rocketPulse 2s ease-in-out infinite}.start-subtitle{color:rgba(255,255,255,.7);font-size:.85rem;margin:0;line-height:1.4}.start-arrow-divider{font-size:1.75rem;color:#20c997;flex-shrink:0;display:flex;align-items:center}.bounce-arrow-horizontal{animation:bounceRight 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(32, 201, 151, .4))}.start-action-wrapper{flex-shrink:0;display:flex;align-items:center}@keyframes bounceRight{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}@keyframes rocketPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width:992px){.start-header-row{flex-direction:column;align-items:center;gap:1rem;text-align:center}.start-title{justify-content:center}.start-arrow-divider{transform:rotate(90deg)}.bounce-arrow-horizontal{animation:bounceDown 1.5s ease-in-out infinite}.start-action-wrapper{display:flex;flex-direction:column;align-items:center}.start-button-container{align-items:center}}.machine-target-card{background:linear-gradient(135deg,rgba(34,197,94,.04) 0,rgba(34,197,94,.01) 100%);border:1px solid rgba(34,197,94,.15);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.machine-target-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a);z-index:1}.machine-target-container{padding:1.5rem;position:relative;z-index:2}.machine-target-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.machine-target-status{flex:1;display:flex;align-items:center;gap:.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.status-ready{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.5)}.status-dot.status-starting{background:#fbbf24;box-shadow:0 0 6px rgba(251,191,36,.5)}.status-text{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.7)}.machine-target-info{flex:1}.machine-target-title{font-size:1.125rem;font-weight:600;color:#22c55e;margin-bottom:.5rem;display:flex;align-items:center;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.machine-target-card:has(.ti-loader-2) .machine-target-title{color:#f59e0b}.machine-target-card:has(.ti-loader-2){background:linear-gradient(135deg,rgba(245,158,11,.08) 0,rgba(245,158,11,.04) 100%);border-color:rgba(245,158,11,.25)}.machine-target-card:has(.ti-loader-2)::before{background:linear-gradient(180deg,#f59e0b 0,#d97706 100%)}.machine-target-title .ti-loader-2{color:#f59e0b}.machine-target-title .ti-target{color:#22c55e}.target-starting{background:linear-gradient(135deg,#f59e0b,#d97706)!important;cursor:default!important;pointer-events:none;box-shadow:0 2px 8px rgba(245,158,11,.2)!important;animation:pulse-orange 2s ease-in-out infinite}@keyframes pulse-orange{0%,100%{box-shadow:0 2px 8px rgba(245,158,11,.2)}50%{box-shadow:0 4px 16px rgba(245,158,11,.4)}}.target-ready{background:linear-gradient(135deg,#22c55e,#16a34a)!important;cursor:pointer}.machine-target-desc{font-size:.875rem;color:#9ca3af;margin:0;line-height:1.6}.machine-target-actions{flex-shrink:0;display:flex;gap:.75rem;flex-wrap:wrap}.machine-target-display{padding:1.25rem;border-top:1px solid rgba(255,255,255,.06);margin:0}.machine-target-display.target-expired .target-info-title{color:#ef4444}.target-info-header{margin-bottom:1rem}.target-info-title{color:rgba(255,255,255,.9);font-weight:600;font-size:.9rem;margin:0 0 .5rem 0;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.05em}.target-info-title i{color:#22c55e}.target-info-title .ti-loader-2{color:#f59e0b!important}.target-info-desc{color:rgba(255,255,255,.7);font-size:.875rem;margin:0;line-height:1.5}.target-info-value{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(2,6,23,.5);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem;transition:all .2s ease}.target-url-display{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.target-url-display i{color:#22c55e;font-size:1.1rem;flex-shrink:0}.target-url-link{font-family:Monaco,Menlo,monospace;color:#e5e7eb;font-size:.95rem;font-weight:500;text-decoration:none;word-break:break-all;transition:color .2s ease}a.target-url-link:hover{color:#22c55e;text-decoration:underline}.btn-target-copy{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.5rem .875rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.btn-target-copy:hover{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(34,197,94,.2)}.btn-target-copy.copy-success{background:rgba(34,197,94,.3);border-color:rgba(34,197,94,.6);color:#22c55e}.machine-btn{position:relative;font-weight:600;font-size:.8125rem;padding:.625rem 1.125rem;border-radius:8px}.machine-btn .ti-loader-2{color:inherit;overflow:hidden;text-transform:none;letter-spacing:.025em;box-shadow:0 2px 6px rgba(0,0,0,.1)}.machine-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.machine-btn:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.2)}.machine-btn-reset{background:rgba(105,108,255,.1);border-color:rgba(105,108,255,.3);color:#696cff}.machine-btn-reset:hover{background:rgba(105,108,255,.15);border-color:rgba(105,108,255,.5);color:#696cff;box-shadow:0 4px 12px rgba(105,108,255,.2)}.machine-btn-reset:focus{box-shadow:0 0 0 3px rgba(105,108,255,.15)}.machine-btn-stop{background:rgba(108,117,125,.1);border-color:rgba(108,117,125,.3);color:#9ca3af}.machine-btn-stop:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.15)}.machine-btn-stop:focus{box-shadow:0 0 0 3px rgba(108,117,125,.15)}.machine-btn-time{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#fbbf24;position:relative}.machine-btn-time:hover{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.5);color:#fbbf24;box-shadow:0 4px 12px rgba(251,191,36,.2)}.machine-btn-time:focus{box-shadow:0 0 0 3px rgba(251,191,36,.15)}.machine-btn-time:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.machine-btn-badge{background:rgba(251,191,36,.2);color:#fbbf24;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;margin-left:.5rem;border:1px solid rgba(251,191,36,.3);text-transform:uppercase;letter-spacing:.05em}.machine-btn .ti-player-stop{transition:transform .3s ease}.machine-btn-stop:hover .ti-player-stop{transform:scale(1.1)}.machine-btn .ti-clock-hour-10{transition:transform .3s ease}.machine-btn-time:hover .ti-clock-hour-10{transform:rotate(15deg)}#machineCountdown{display:inline-block;width:4.5rem;text-align:center;font-family:inherit;font-size:inherit;font-weight:inherit}@media (max-width:768px){.machine-target-header{flex-direction:column;align-items:flex-start;gap:.75rem}.machine-target-actions{width:100%;justify-content:center;flex-direction:column;gap:.5rem}.target-value{font-size:1rem}.machine-btn{width:100%;margin-bottom:0}}.btn-compact{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 3rem;border-radius:8px;border:none;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;cursor:pointer;position:relative;min-width:240px}.btn-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-compact-start{background:linear-gradient(135deg,#20c997,#198754);color:#fff}.btn-compact-start:hover{background:linear-gradient(135deg,#198754,#157347);color:#fff}.btn-compact-login{background:linear-gradient(135deg,#696cff,#5a67d8);color:#fff}.btn-compact-login:hover{background:linear-gradient(135deg,#5a67d8,#4c63d2);color:#fff}.btn-compact-upgrade{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.btn-compact-upgrade:hover{background:linear-gradient(135deg,#fd7e14,#e76500);color:#fff}.btn-compact-loading{display:flex;align-items:center}.btn-compact-loading .ti-loader-2{color:inherit}.start-compact-details{padding:1rem 1.5rem 1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.05);margin-top:.5rem}.compact-info-grid{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.compact-info-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:rgba(255,255,255,.6);transition:all .2s ease}.compact-info-item:hover{color:rgba(255,255,255,.85)}.compact-info-item i{font-size:.95rem;opacity:.8}.compact-info-item span{white-space:nowrap}.how-it-works-compact{margin-top:1rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1rem}.how-it-works-toggle{width:100%;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.75rem 1rem;color:rgba(255,255,255,.8);font-size:.85rem;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.how-it-works-toggle:hover{background:rgba(255,255,255,.04);border-color:rgba(105,108,255,.2);color:rgba(255,255,255,.95)}.toggle-chevron{transition:transform .3s ease;font-size:.9rem}.how-it-works-toggle.expanded .toggle-chevron{transform:rotate(180deg)}.how-it-works-content{padding:1rem .5rem .5rem .5rem;animation:slideDown .3s ease-out}.explanation-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.explanation-step{display:flex;align-items:flex-start;gap:.75rem}.step-number-small{width:20px;height:20px;background:linear-gradient(135deg,#696cff,#0dcaf0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:.125rem}.step-text{font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.85)}.step-text strong{color:rgba(255,255,255,.95)}.explanation-note{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:rgba(255,193,7,.05);border:1px solid rgba(255,193,7,.2);border-radius:6px;font-size:.8rem;color:rgba(255,255,255,.9)}.explanation-note strong{color:#ffc107}.tutorial-video-section{margin:1.5rem 0;padding:1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px}.tutorial-title{color:rgba(255,255,255,.9);font-size:.9rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;text-align:center;justify-content:center}.tutorial-video-wrapper{display:flex;justify-content:center;align-items:center}.tutorial-video-wrapper wistia-player{box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease}.tutorial-video-wrapper wistia-player:hover{transform:scale(1.02)}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 12px rgba(105,108,255,.2);transform:scale(1)}50%{box-shadow:0 6px 16px rgba(105,108,255,.3);transform:scale(1.01)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lab-workflow-inline{padding:1rem;background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.08)}.workflow-steps-inline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.step-item-inline{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.step-icon-inline{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#fff;flex-shrink:0;transition:all .3s ease}.step-icon-inline.step-1{background:linear-gradient(135deg,#696cff,#0dcaf0)}.step-icon-inline.step-2{background:rgba(255,193,7,.3);color:#ffc107}.step-icon-inline.step-3{background:rgba(25,135,84,.3);color:#198754}.step-content-inline{flex:1;min-width:0}.step-title-inline{font-size:.8rem;font-weight:600;color:#696cff;margin-bottom:.125rem;line-height:1.2}.step-description-inline{font-size:.7rem;line-height:1.3;color:rgba(255,255,255,.7);margin-bottom:0}.step-divider-inline{width:20px;height:2px;background:linear-gradient(90deg,rgba(105,108,255,.3),rgba(133,146,163,.3));border-radius:1px;flex-shrink:0}.step-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(255,255,255,.03);border-radius:.75rem;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;flex:1;min-width:200px}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:#fff;flex-shrink:0;background:rgba(133,146,163,.3);transition:all .3s ease}.step-icon.step-1{background:linear-gradient(135deg,#696cff,#0dcaf0)}.step-icon.step-2{background:rgba(255,193,7,.3);color:#ffc107}.step-icon.step-2.active{background:linear-gradient(135deg,#ffc107,#ffeb3b);color:#212529}.step-icon.step-3{background:rgba(25,135,84,.3);color:#198754}.step-icon.completed{background:linear-gradient(135deg,#198754,#20c997)}.step-content{flex:1}.step-title{font-size:.9rem;font-weight:600;color:#696cff;margin-bottom:.25rem}.step-description{font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.7);margin-bottom:0}.step-divider{width:30px;height:2px;background:linear-gradient(90deg,rgba(105,108,255,.3),rgba(133,146,163,.3));border-radius:1px}@media (max-width:768px){.workflow-steps{flex-direction:column;gap:1rem}.step-item{min-width:auto;width:100%}.step-divider{width:2px;height:20px;background:linear-gradient(180deg,rgba(105,108,255,.3),rgba(133,146,163,.3))}.workflow-steps-inline{flex-direction:column;gap:1rem}.step-item-inline{flex-direction:column;text-align:center;gap:.5rem}.step-divider-inline{width:2px;height:15px;background:linear-gradient(180deg,rgba(105,108,255,.3),rgba(133,146,163,.3))}.step-description-inline{font-size:.65rem}.start-lab-compact{padding:1rem}.start-compact-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.start-compact-title{font-size:1rem}.start-compact-desc{font-size:.8rem}.start-compact-actions{width:100%;flex-direction:column;gap:.75rem}.start-button-container{flex-direction:column;gap:.75rem;width:100%}.start-lab-indicator{order:-1;justify-content:center}.btn-compact{width:100%;padding:.875rem 1rem;font-size:.85rem}.compact-info-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.compact-info-item{font-size:.75rem;gap:.375rem}.compact-info-item i{font-size:.875rem}.how-it-works-toggle{padding:.625rem .75rem;font-size:.8rem}.step-text{font-size:.75rem}.explanation-note{padding:.625rem;font-size:.75rem;flex-direction:column;gap:.375rem}.explanation-note i{align-self:flex-start}.tutorial-video-section{margin:1rem 0;padding:.75rem}.tutorial-title{font-size:.8rem;margin-bottom:.75rem}.tutorial-video-wrapper wistia-player{max-width:100%!important}}.answer-input.loading-state{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);cursor:not-allowed;opacity:.7}.answer-input.success-state{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.5);box-shadow:0 0 0 3px rgba(34,197,94,.15)}.answer-input.error-state{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5);box-shadow:0 0 0 3px rgba(239,68,68,.15)}@keyframes error-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.error-shake{animation:error-shake .5s ease-in-out}.btn-submit-answer.loading{opacity:.8;cursor:wait}.btn-submit-answer.success{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);border-color:#22c55e}.btn-submit-answer.error{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);border-color:#ef4444}.lab-skills-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.lab-skill-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:999px;font-size:.6875rem;font-weight:500;color:rgba(34,197,94,.85);line-height:1.3}.lab-skill-pill i{font-size:.625rem;opacity:.7}.how-it-works{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}.how-it-works-title{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:.75rem}.how-it-works-steps{display:flex;flex-direction:column;gap:.5rem}.hiw-step{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.5rem}.hiw-step-number{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:50%;color:#22c55e;font-size:.6875rem;font-weight:700;flex-shrink:0;margin-top:1px}.hiw-step-text{display:flex;flex-direction:column;gap:.125rem}.hiw-step-label{font-size:.8125rem;font-weight:600;color:#e5e7eb}.hiw-step-desc{font-size:.75rem;color:rgba(255,255,255,.45);line-height:1.4}.flag-helper-text{font-size:.75rem;color:rgba(255,255,255,.45);margin:-.25rem 0 .75rem;display:flex;align-items:center}.flag-helper-text i{font-size:.8125rem;color:rgba(34,197,94,.5)}.social-proof-bar{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:.875rem 1.25rem}.social-proof-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.social-proof-counters{display:flex;align-items:center;gap:1.25rem}.proof-counter{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:rgba(255,255,255,.7)}.proof-counter i{color:rgba(34,197,94,.7);font-size:.9375rem}.proof-counter span:first-of-type{font-weight:600;color:#e5e7eb}.proof-counter-label{font-weight:400!important;color:rgba(255,255,255,.5)!important}.social-proof-bloods{display:flex;align-items:center;gap:.5rem}.first-blood-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:999px;font-size:.75rem;color:#e5e7eb;text-decoration:none;transition:all .2s ease}.first-blood-badge:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35);color:#fff;text-decoration:none}.blood-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.blood-label{color:#ef4444;font-weight:500;font-size:.6875rem}.recent-solvers-feed{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.recent-solvers-header{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.4);margin-bottom:.5rem}.recent-solvers-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:dna-dot-pulse 2s ease-in-out infinite}.recent-solvers-list{display:flex;flex-wrap:nowrap;gap:.375rem;overflow:hidden;max-height:1.75rem}.recent-solver-item{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:999px;font-size:.75rem;transition:all .2s ease}.recent-solver-item:hover{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.15)}.solver-link{display:inline-flex;align-items:center;gap:.25rem;text-decoration:none}.solver-link:hover{text-decoration:none}.solver-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover}.solver-username{color:rgba(255,255,255,.7);font-weight:500;font-size:.6875rem}.solver-link:hover .solver-username{color:#22c55e}.solver-flag-type{display:inline-flex;align-items:center;white-space:nowrap;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1}.solver-flag-type i{font-size:.8rem}.solver-flag-user{color:rgba(59,130,246,.7)}.solver-flag-root{color:rgba(239,68,68,.7)}.pro-power-active{display:inline-flex;align-items:center;gap:.2rem;background:rgba(255,255,255,.15);color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem;text-transform:uppercase}.attack-terminal-toggle-card+.attack-terminal-toggle-card{margin-top:.1rem}.machine-power-nudge .toggle-card-icon,.terminal-pro-gate .toggle-card-icon{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251, 191, 36, .3))}.machine-power-nudge:hover{border-color:#fbbf24}.machine-power-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;font-weight:500}.machine-power-badge-pro{background:rgba(251,191,36,.15);color:#fbbf24}.machine-power-badge-standard{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}.machine-power-upgrade-link{color:#fbbf24;text-decoration:none;margin-left:.35rem;font-size:.65rem}.machine-power-upgrade-link:hover{text-decoration:underline}.machine-power-badge-max{background:rgba(245,158,11,.15);color:#f59e0b}@keyframes loadingPromoFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-promo{display:flex;gap:.75rem;padding:.75rem;border-radius:8px;margin-top:.75rem;opacity:0;animation:loadingPromoFadeIn .4s ease forwards;animation-delay:1.5s}.loading-promo-pro{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2)}.loading-promo-max{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2)}.loading-promo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.loading-promo-pro .loading-promo-icon{background:rgba(34,197,94,.12);color:#22c55e}.loading-promo-max .loading-promo-icon{background:rgba(245,158,11,.12);color:#f59e0b}.loading-promo-icon i{font-size:1.1rem}.loading-promo-body{flex:1;min-width:0}.loading-promo-title{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.9)}.loading-promo-desc{margin:0 0 .5rem;font-size:.72rem;color:rgba(255,255,255,.5);line-height:1.4}.loading-promo-features{display:flex;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.loading-promo-feature{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;color:rgba(255,255,255,.7)}.loading-promo-pro .loading-promo-feature i{color:#22c55e}.loading-promo-max .loading-promo-feature i{color:#f59e0b}.loading-promo-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:8px;font-size:.72rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);box-shadow:0 2px 8px rgba(34,197,94,.3);position:relative;overflow:hidden;transition:all .3s ease}.loading-promo-cta::after{content:'\2192';transition:transform .3s ease}.loading-promo-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,.4);color:#fff;text-decoration:none}.loading-promo-cta:hover::after{transform:translateX(2px)}.loading-promo-cta-max{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);box-shadow:0 2px 8px rgba(245,158,11,.3)}.loading-promo-cta-max:hover{box-shadow:0 4px 12px rgba(245,158,11,.4)}@media (max-width:576px){.social-proof-content{flex-direction:column;align-items:flex-start}.loading-promo{flex-direction:column;align-items:flex-start}.loading-promo-icon{width:28px;height:28px}}.ho-learn-content .card.bg-dark,.learning-content .card.bg-dark{position:relative}.learn-code-copy{position:absolute;top:.375rem;right:.375rem;background:0 0;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:3px;line-height:1;transition:color .15s ease,background .15s ease;z-index:1}.learn-code-copy:hover{color:#d1d5db;background:rgba(255,255,255,.08)}.learn-code-copy.copied{color:#22c55e}