@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#93c5fd;--secondary:#10b981;--accent:#f43f5e;--warning:#f59e0b;--success:#10b981;--danger:#ef4444;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--bg-card:#fffc;--bg-card2:#fff;--border:#00000014;--text:#0f172a;--text-muted:#475569;--text-dim:#64748b;--radius:16px;--radius-sm:10px;--shadow:0 8px 30px #0000000d;--shadow-glow:0 0 20px #3b82f633;--glass-blur:blur(12px);--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--text);background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px #3b82f633}50%{box-shadow:0 0 25px #3b82f666}to{box-shadow:0 0 10px #3b82f633}}@keyframes floatSlow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatMedium{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(-1.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-circuit-bg{transition:opacity .5s}@media (width<=992px){.tech-circuit-bg{opacity:.35}}@media (width<=640px){.tech-circuit-bg{display:none}}.author-cert-badge{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #2563eb14}.author-cert-badge:hover{color:#1e40af;background:#dbeafe;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb33}.author-cert-badge:active{transform:translateY(0)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card2);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover:not(:disabled){background:#00000008;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg, var(--success), #059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-danger{background:linear-gradient(135deg, var(--danger), #dc2626);color:#fff}.btn-warning{background:linear-gradient(135deg, var(--warning), #d97706);color:#fff}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{letter-spacing:.5px;padding:16px 32px;font-size:16px}.btn-block{justify-content:center;width:100%}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;animation:.5s ease-out fadeInSlide}.card-sm{padding:18px}.card:hover{border-color:#00000026;box-shadow:0 12px 40px #00000014}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge-green{color:#059669;background:#10b98126;border:1px solid #10b98133}.badge-red{color:#dc2626;background:#ef444426;border:1px solid #ef444433}.badge-yellow{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b33}.badge-blue{color:#2563eb;background:#3b82f626;border:1px solid #3b82f633}.badge-gray{color:#475569;background:#64748b26;border:1px solid #64748b33}.score-high{color:#059669}.score-mid{color:#d97706}.score-low{color:#dc2626}.progress-bar{background:#0000000f;border-radius:20px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{border-radius:20px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.high{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b9814d}.progress-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b4d}.progress-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef44444d}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:14px;font-weight:600}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;width:100%;padding:14px 18px;font-size:15px}.form-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #3b82f626}.form-input::placeholder{color:var(--text-dim)}textarea.form-input{resize:vertical;min-height:120px}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}.app-layout{box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);box-sizing:border-box;width:260px;min-width:240px;height:100vh;transition:var(--transition);background:#ffffffeb;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;box-shadow:4px 0 20px #00000005}.main-content{box-sizing:border-box;background-color:#f8fafc;background-image:radial-gradient(circle at 92% 8%,#2563eb12 0%,#0000 450px),radial-gradient(circle at 8% 92%,#10b9810d 0%,#0000 400px),url(/images/dashboard-circuit-bg.svg);background-position:100% 0;background-repeat:no-repeat;background-size:100%;flex:1;width:100%;min-width:0;max-width:100%;min-height:100vh;padding:28px 3%;position:relative;overflow-x:hidden}.main-content>*{z-index:1;position:relative}.page-header{margin-bottom:40px;animation:.5s ease-out fadeInSlide}.page-header h1{letter-spacing:-.5px;background:linear-gradient(to right, #0f172a, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800}.page-header p{color:var(--text-muted);margin-top:8px;font-size:16px}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:30px 24px;display:flex}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 15px #3b82f64d}.sidebar-logo .logo-text{letter-spacing:.5px;color:#0f172a;font-size:18px;font-weight:800}.sidebar-logo .logo-sub{color:var(--text-dim);font-size:12px;font-weight:500}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.nav-section{margin-bottom:32px}.nav-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;padding:0 12px;font-size:12px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.nav-item:hover{color:var(--text);background:#00000008;transform:translate(4px)}.nav-item.active{border-left:3px solid var(--primary);color:var(--primary-dark);background:linear-gradient(90deg,#3b82f61a,#0000);font-weight:700}.nav-item .nav-icon{text-align:center;width:24px;transition:var(--transition);font-size:20px}.nav-item:hover .nav-icon{transform:scale(1.1)}.sidebar-user{border-top:1px solid var(--border);background:#f8fafc80;align-items:center;gap:14px;padding:20px 24px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000001a}.user-info .user-name{letter-spacing:.2px;color:var(--text);font-size:15px;font-weight:700}.user-info .user-role{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:10px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-50%;right:-50%}.stat-card:hover{border-color:#3b82f633;transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.stat-card .stat-value{color:var(--text);font-size:38px;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--text-muted);font-size:14px;font-weight:600}.stat-card .stat-icon{color:var(--primary);margin-bottom:8px;font-size:32px;animation:6s ease-in-out infinite float;display:inline-block}.lesson-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.lesson-card:before{content:"";background:var(--border);width:100%;height:4px;transition:var(--transition);position:absolute;top:0;left:0}.lesson-card:hover{border-color:#3b82f64d;transform:translateY(-8px);box-shadow:0 15px 35px #0000000f}.lesson-card:hover:before{background:linear-gradient(90deg, var(--primary), var(--secondary))}.lesson-card.locked{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.lesson-card.locked:hover{box-shadow:none;border-color:var(--border);transform:none}.lesson-card.locked:before{display:none}.lesson-card .lesson-num{color:var(--primary-dark);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.lesson-card .lesson-title{color:var(--text);flex:1;margin-bottom:16px;font-size:18px;font-weight:700;line-height:1.4}.lesson-card .lesson-score{font-family:Inter,sans-serif;font-size:28px;font-weight:800}.block-steps{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0;display:flex}.block-step{border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-muted);background:#fffc;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.block-step:hover:not(.locked){border-color:#0000001a;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.block-step.active{border-color:var(--primary);color:var(--primary-dark);background:#fff;box-shadow:0 4px 15px #3b82f626}.block-step.done{border-color:var(--success);color:#059669;background:#10b9810d}.block-step.locked{opacity:.5;cursor:not-allowed;background:#00000005}.block-step-icon{font-size:18px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.xp-bar-wrap{background:#00000014;border-radius:20px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.xp-bar-fill{background:linear-gradient(90deg, var(--primary), #60a5fa, var(--primary));background-size:200%;border-radius:20px;height:100%;transition:width .8s;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}.toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:30px;right:30px}.toast{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;align-items:center;gap:12px;max-width:350px;padding:16px 20px;font-size:15px;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideIn;display:flex;box-shadow:0 10px 30px #0000001a}.toast.toast-success{border-left:4px solid var(--success)}.toast.toast-error{border-left:4px solid var(--danger)}.toast.toast-info{border-left:4px solid var(--primary)}@media (width<=768px){.sidebar{width:280px;max-width:80%;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0003}.sidebar.open{transform:translate(0)}.main-content{width:100%;max-width:100%;padding:16px 3%}}.docx-rendered-content{color:#0f172a;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;width:100%;max-width:100%;font-size:15px;line-height:1.8}.docx-rendered-content p,.docx-rendered-content div,.docx-rendered-content span,.docx-rendered-content h1,.docx-rendered-content h2,.docx-rendered-content h3,.docx-rendered-content h4{word-break:break-word;overflow-wrap:break-word;max-width:100%}.docx-rendered-content img{display:block;box-sizing:border-box!important;object-fit:contain!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;max-width:100%!important;height:auto!important;margin:24px auto!important;padding:8px!important;box-shadow:0 4px 16px #0000000f!important}.docx-rendered-content table{box-sizing:border-box;display:block;overflow-x:auto;border-collapse:collapse!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;max-width:100%!important;margin:20px 0!important;box-shadow:0 2px 8px #0000000a!important}.docx-rendered-content tr{border-bottom:1px solid #e2e8f0!important}.docx-rendered-content tr:nth-child(2n){background-color:#f8fafc!important}.docx-rendered-content th,.docx-rendered-content td{word-break:break-word;overflow-wrap:break-word;text-align:left!important;vertical-align:top!important;color:#1e293b!important;border:1px solid #cbd5e1!important;padding:12px 16px!important;font-size:14px!important}.docx-rendered-content th{color:#0f172a!important;background-color:#f1f5f9!important;font-weight:700!important}.docx-rendered-content p{margin-bottom:12px}.docx-rendered-content ul,.docx-rendered-content ol{max-width:100%;margin-bottom:16px;margin-left:24px}.docx-rendered-content li{margin-bottom:6px}.presentation-container{background:linear-gradient(145deg,#090e1a 0%,#111827 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px -10px #00000059,0 0 0 1px #ffffff14}.presentation-container:hover{box-shadow:0 16px 44px -8px #2563eb33,0 0 0 1px #3b82f64d}.presentation-slide-wrapper{cursor:zoom-in;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.presentation-slide-wrapper .react-pdf__Page canvas{margin:0 auto;max-width:100%!important;height:auto!important;display:block!important}.presentation-glass-nav{z-index:15;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0f172aa6;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000059}.presentation-glass-nav:hover:not(:disabled){background:#2563ebe6;border-color:#93c5fd99;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #2563eb73}.presentation-glass-nav:active:not(:disabled){transform:translateY(-50%)scale(.96)}.presentation-glass-nav:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.presentation-glass-nav.prev{left:16px}.presentation-glass-nav.next{right:16px}.presentation-pill{z-index:15;-webkit-backdrop-filter:blur(10px);color:#f8fafc;letter-spacing:.5px;pointer-events:none;background:#0f172ab8;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.presentation-zoom-hint{z-index:15;-webkit-backdrop-filter:blur(10px);color:#f1f5f9;cursor:pointer;background:#0f172ab3;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 14px #0000004d}.presentation-zoom-hint:hover{background:#2563ebd9;border-color:#93c5fd80;transform:scale(1.04)}.presentation-lightbox-overlay{z-index:999999;-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#060b19f2;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomFadeIn;display:flex;position:fixed;inset:0}.presentation-lightbox-content{justify-content:center;align-items:center;max-width:96vw;max-height:94vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards zoomScaleUp;display:flex;position:relative}.presentation-lightbox-content .react-pdf__Page canvas{border-radius:12px;box-shadow:0 25px 60px -15px #000000bf,0 0 0 1px #ffffff1f;width:auto!important;max-width:96vw!important;height:auto!important;max-height:90vh!important}.presentation-lightbox-close{z-index:100;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:20px;right:24px;box-shadow:0 4px 16px #0006}.presentation-lightbox-close:hover{background:#ef4444d9;border-color:#fecaca99;transform:scale(1.05)}.presentation-lightbox-nav{z-index:100;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0f172ab3;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 24px #00000080}.presentation-lightbox-nav:hover:not(:disabled){background:#2563ebf2;border-color:#93c5fdb3;transform:translateY(-50%)scale(1.12);box-shadow:0 8px 30px #2563eb99}.presentation-lightbox-nav:disabled{opacity:.15;cursor:not-allowed;pointer-events:none}.presentation-lightbox-nav.prev{left:28px}.presentation-lightbox-nav.next{right:28px}.presentation-lightbox-pill{z-index:100;-webkit-backdrop-filter:blur(12px);color:#f8fafc;letter-spacing:.5px;background:#0f172acc;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:12px;padding:8px 24px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}@keyframes zoomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomScaleUp{0%{opacity:.4;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.cyber-quest-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:radial-gradient(circle at 50% 30%,#0a1937e6 0%,#020612f7 100%);justify-content:center;align-items:center;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) cyberModalFade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes cyberModalFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cyber-quest-overlay:before{content:"";pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00f2fe26 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-80px;left:10%}.cyber-quest-overlay:after{content:"";pointer-events:none;filter:blur(90px);background:radial-gradient(circle,#10b98124 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-60px;right:12%}.cyber-quest-card{color:#fff;z-index:2;background:linear-gradient(145deg,#0d1830f2,#070f1efa);border:1.5px solid #00f2fe59;border-radius:26px;width:100%;max-width:940px;max-height:96vh;padding:24px 28px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:block;position:relative;overflow-y:auto;box-shadow:0 25px 70px -15px #000000d9,0 0 35px #00d2ff2e,inset 0 1px #ffffff26}.cyber-quest-card::-webkit-scrollbar{width:6px}.cyber-quest-card::-webkit-scrollbar-track{background:#ffffff08}.cyber-quest-card::-webkit-scrollbar-thumb{background:#00f2fe4d;border-radius:4px}.cyber-confetti-canvas,.cyber-sparks-canvas{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.cyber-top-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.cyber-badge-live{color:#38ef7d;letter-spacing:.5px;text-transform:uppercase;background:#00d2ff1f;border:1px solid #00d2ff59;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.cyber-live-dot{background:#38ef7d;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite cyberPulseDot;box-shadow:0 0 10px #38ef7d}@keyframes cyberPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.cyber-controls-group{align-items:center;gap:10px;display:flex}.cyber-lang-switcher{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;gap:3px;padding:3px;display:flex}.cyber-lang-btn{color:#9bb5d9;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px 11px;font-size:12px;font-weight:800;transition:all .2s}.cyber-lang-btn.active{color:#031326;background:#00f2fe;box-shadow:0 2px 10px #00f2fe59}.cyber-icon-btn{color:#c7d8f5;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.cyber-icon-btn:hover{color:#fff;background:#00f2fe2e;border-color:#00f2fe}.cyber-skip-btn{color:#9bb5d9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.cyber-skip-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.cyber-header-box{text-align:center;margin-bottom:20px}.cyber-header-box h1{background:linear-gradient(135deg,#fff 40%,#00f2fe 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-size:28px;font-weight:800;display:inline-flex}.cyber-header-icon{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 8px #00f2fe80);font-size:28px;display:inline-block}.cyber-header-box p{color:#8fa9cc;max-width:650px;margin:0 auto;font-size:14.5px}.cyber-rack-container{background:#071226d9;border:1px solid #00d2ff40;border-radius:18px;width:100%;margin-bottom:14px;padding:14px 18px;display:block;position:relative;box-shadow:inset 0 2px 10px #00000080}.cyber-rack-header{color:#4facfe;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.cyber-stage-pill{color:#38ef7d;background:#00d2ff1f;border:1px solid #00d2ff59;border-radius:8px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.cyber-slots-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.cyber-slot{text-align:center;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:84px;padding:10px 8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.cyber-slot.active{background:#00f2fe14;border:1px solid #00f2fe;animation:1.6s ease-in-out infinite alternate slotPulse;box-shadow:0 0 16px #00f2fe40}@keyframes slotPulse{0%{box-shadow:0 0 10px #00f2fe33}to{box-shadow:0 0 20px #00f2fe73}}.cyber-slot.installed{background:linear-gradient(135deg,#10b98133,#0596694d);border:1px solid #10b981;box-shadow:0 0 18px #10b9814d}.cyber-slot-icon{margin-bottom:4px;font-size:26px;transition:all .3s}.cyber-slot.active .cyber-slot-icon{filter:drop-shadow(0 0 8px #00f2fecc);transform:scale(1.1)}.cyber-slot.installed .cyber-slot-icon{filter:drop-shadow(0 0 8px #10b981cc);transform:scale(1.15)}.cyber-slot-name{color:#d8e5f8;font-size:13px;font-weight:700}.cyber-slot-status{color:#7b96ba;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10.5px}.cyber-slot.active .cyber-slot-status{color:#00f2fe;font-weight:600}.cyber-slot.installed .cyber-slot-status{color:#38ef7d;font-weight:700}.cyber-terminal-box{color:#00f2fe;background:#020b18;border:1px solid #142e54;border-radius:12px;flex-direction:column;justify-content:center;min-height:40px;margin-bottom:14px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.45;display:flex;box-shadow:inset 0 2px 8px #000000b3}.cyber-terminal-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cyber-terminal-line.success{color:#38ef7d}.cyber-terminal-line.warn{color:#f59e0b}.cyber-mission-card{background:linear-gradient(90deg,#2563eb38,#00d2ff24);border-left:4px solid #00f2fe;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:13px 18px;display:flex}.cyber-mission-badge{color:#031427;white-space:nowrap;letter-spacing:.5px;background:#00f2fe;border-radius:10px;padding:6px 13px;font-size:13px;font-weight:800}.cyber-mission-text{color:#f0f7ff;font-size:15.5px;font-weight:600;line-height:1.45}.cyber-devices-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.cyber-device-card{color:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;padding:18px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cyber-device-card:hover{background:#ffffff1f;border-color:#00f2fe;transform:translateY(-4px);box-shadow:0 10px 25px #00f2fe26}.cyber-device-card:active{transform:scale(.98)}.cyber-device-card.installed-done{opacity:.45;cursor:default;background:#10b98114;border-color:#10b98166;box-shadow:none!important;transform:none!important}.cyber-device-card.correct-flash{animation:.5s cyberCorrectPulse;background:#10b98140!important;border-color:#10b981!important;box-shadow:0 0 25px #10b98180!important}.cyber-device-card.wrong-shake{animation:.4s cyberWrongShake;background:#ef444440!important;border-color:#ef4444!important;box-shadow:0 0 25px #ef444466!important}@keyframes cyberCorrectPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cyberWrongShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.cyber-device-icon-wrap{background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;font-size:28px;transition:all .3s;display:flex}.cyber-device-card:hover .cyber-device-icon-wrap{background:#00f2fe26;border-color:#00f2fe66;transform:scale(1.08);box-shadow:0 0 15px #00f2fe4d}.cyber-device-title{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.cyber-device-desc{color:#9cb6d8;font-size:12.5px;line-height:1.35}.cyber-feedback-bar{text-align:center;color:#d1e4ff;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-bottom:16px;padding:10px 18px;font-size:14px;transition:all .3s;display:flex}.cyber-feedback-bar.success{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.cyber-feedback-bar.error{color:#fca5a5;background:#ef444433;border-color:#ef444466}.cyber-bottom-bar{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.cyber-progress-track{background:#ffffff1a;border-radius:10px;flex:1;height:10px;overflow:hidden}.cyber-progress-fill{background:linear-gradient(90deg,#00f2fe,#4facfe,#38ef7d);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #00f2fe80}.cyber-score-badge{color:#ffca28;white-space:nowrap;background:#ffca281f;border:1px solid #ffca2840;border-radius:12px;padding:4px 14px;font-size:14px;font-weight:700}.cyber-victory-view{text-align:center;padding:24px 10px;animation:.5s cubic-bezier(.16,1,.3,1) cyberVictoryFadeIn}@keyframes cyberVictoryFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.cyber-victory-rocket{margin-bottom:14px;font-size:64px;animation:2s ease-in-out infinite cyberFloatRocket;display:inline-block}@keyframes cyberFloatRocket{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}.cyber-victory-view h2{background:linear-gradient(135deg,#38ef7d,#00f2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:32px;font-weight:800}.cyber-victory-view p{color:#bed5f3;max-width:580px;margin:0 auto 24px;font-size:16px;line-height:1.5}.cyber-victory-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px;display:flex}.cyber-v-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;min-width:140px;padding:14px 22px}.cyber-v-val{color:#38ef7d;font-size:24px;font-weight:800}.cyber-v-lbl{color:#9cb6d8;text-transform:uppercase;margin-top:4px;font-size:11px}.cyber-victory-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-cyber-replay{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:14px 26px;font-size:15px;font-weight:700;transition:all .25s}.btn-cyber-replay:hover{background:#ffffff26;transform:translateY(-2px)}.btn-cyber-enter{color:#031427;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:800;transition:all .25s;box-shadow:0 8px 25px #00f2fe59}.btn-cyber-enter:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #00f2fe80}@media (width<=768px){.cyber-quest-card{padding:20px}.cyber-header-box h1{font-size:24px}.cyber-slots-grid,.cyber-devices-grid{grid-template-columns:repeat(2,1fr)}.cyber-mission-card{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=480px){.cyber-devices-grid{grid-template-columns:1fr}}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:transparent;--input-disabled-border-color:transparent;--input-hover-border-color:black;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selecteditem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}.annotationLayer{pointer-events:none;transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg)translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg)translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg)translateY(-100%)}.annotationLayer canvas{width:100%;height:100%;position:absolute}.annotationLayer section{text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0;margin:0;position:absolute}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{width:100%;height:100%;font-size:1em;position:absolute;top:0;left:0}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;vertical-align:top;width:100%;height:100%;margin:0}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{border:2px solid var(--input-disabled-border-color);cursor:not-allowed;background:0 0}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);background:0 0;border-radius:2px}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:#0000;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline);border-radius:2px}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{content:"";background-color:canvastext;display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{width:1px;height:80%;left:45%}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;width:50%;height:50%;top:20%;left:30%}.annotationLayer .textWidgetAnnotation input.comb{padding-left:2px;padding-right:0;font-family:monospace}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{width:100%;height:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none;position:absolute}.annotationLayer .popup{max-width:calc(180px * var(--total-scale-factor));box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;background-color:#ff9;position:absolute}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{margin-left:calc(5px * var(--total-scale-factor));display:inline-block}.annotationLayer .popupContent{margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor));border-top:1px solid #333}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{width:100%;height:100%;position:absolute;top:0;left:0}.annotationLayer .annotationTextContent{opacity:0;color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer:1}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::selection{background:#0000ff40}@supports (background:color-mix(in srgb, AccentColor, transparent 75%)){.textLayer ::selection{background:color-mix(in srgb, AccentColor, transparent 75%)}}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}