html,:root{font-family:Plus Jakarta Sans,Inter,sans-serif}.nunito-sans-regular{font-family:Plus Jakarta Sans,Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ffd289;text-decoration:inherit}a:hover{color:#ffd289}body{min-width:320px;min-height:100vh;overflow-x:hidden;margin:0;padding:0}.main-content{margin:0 auto;min-height:100vh;box-sizing:border-box;width:100%;overflow-x:hidden}@media(max-width:1200px){.main-content{padding:0}}@media(max-width:768px){.main-content{margin-top:100px;min-height:calc(100vh - 100px);padding:0}}@media(max-width:480px){.main-content{margin-top:80px;min-height:calc(100vh - 80px);padding:0}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Plus Jakarta Sans,Inter,sans-serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.home-main-container{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;width:100vw;max-width:100%;box-sizing:border-box;overflow-x:hidden}.home-hero-title{color:#000;font-size:3.5rem;font-weight:600;max-width:100%!important;margin:-1.5rem 0 1.5rem -1rem;background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.home-cards-row{display:flex;justify-content:center;gap:2rem;margin-top:2.5rem;flex-wrap:nowrap;width:100%;max-width:100%!important}.hero-stickers-row,.hero-stickers-text-row{width:100%;max-width:100%!important;margin:0 auto;overflow:hidden}.hero-stickers-inner,.hero-stickers-text-inner{width:100%;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.home-hero-title{font-size:2.2rem;margin:.5rem 0}.home-cards-row{flex-direction:column;align-items:center}.hero-stickers-inner{flex-direction:column;gap:2rem}}button:hover{border-color:#7ed321}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.site-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:5000}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#ffd289}button{background-color:#f9f9f9}}h1,h2,h3,.brand-text{font-family:Plus Jakarta Sans,Inter,sans-serif}@keyframes heroFloat{0%{transform:translateY(-50%)}50%{transform:translate(-8px,-60%)}to{transform:translateY(-50%)}}.hero-float{margin-top:24px;animation:heroFloat 3s ease-in-out infinite;transition:transform .4s ease}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-float:hover{transform:translateZ(-10px) scale(1.06)}.hero-float-wrapper{position:absolute;top:50%;transform:translateY(-50%);width:300px;max-width:32vw;pointer-events:none;z-index:10;transition:all .8s ease}.hero-float-wrapper-initial{right:5px}.hero-float-wrapper-fixed{position:fixed;top:20%;left:10px;transform:translateY(0)}.hero-float-video{display:block;width:100%;height:auto;border-radius:14px;transition:transform .8s ease}.hero-float-video-rotated{transform:rotate(360deg)}.hero-float-frame{border-radius:9999px;padding:4px;overflow:hidden}.hero-float-video{display:block;width:100%;height:auto;border-radius:14px}.hero-dark-section{width:200%;background-color:#0b1822;color:#f5f5f5;padding:10rem 2rem}.hero-dark-inner{max-width:100%!important;margin:0 auto}.hero-sticker-img{width:10%;height:auto;object-fit:cover;display:block}.labs-page{width:100vw}.labs-container{position:relative;width:100%;max-width:100%;margin:0 auto;padding:0}.labs-main{padding:0 2rem 5rem}.labs-title{font-size:2.8rem;font-weight:800;margin-bottom:.75rem;text-align:center;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.labs-subtitle{font-size:1.1rem;color:#64748b;margin:0 auto 3rem;text-align:center;max-width:700px;line-height:1.7}.labs-path-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;width:100%}@media(max-width:1100px){.labs-path-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.labs-path-row{grid-template-columns:1fr}}.labs-path-row .labs-path-card{position:relative;width:100%!important;aspect-ratio:16 / 12;height:auto!important;border-radius:20px;overflow:hidden;background:#020716;box-shadow:0 8px 30px #41750573;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s ease-out;cursor:pointer}.labs-path-card:hover{transform:scale(1.03)}.labs-path-img{width:100%;height:100%;object-fit:cover;display:block}.labs-path-overlay{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,#020716f2,#01030af5,#0000);display:flex;flex-direction:column;justify-content:flex-end;padding:.9rem 1.2rem}.labs-path-inner{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.labs-path-btn{background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 24px 2px #7ed32133,0 6px #417505;color:#fff;font-weight:900;font-size:.95rem;letter-spacing:.02em;width:130px;height:42px;padding:0;border-radius:9999px;border:none;cursor:pointer;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.labs-path-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px 4px #7ed3214d,0 8px #8a5400;filter:brightness(1.05)}.labs-path-btn:active{transform:translateY(2px);box-shadow:0 4px 12px 2px #7ed32133,0 3px #724300}.labs-path-title{flex:1;text-align:right;color:#fff;font-size:1.4rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:.25rem}.labs-gallery{margin-top:10px;padding:4rem 0;border-top:1px solid rgba(255,255,255,.05)}.gallery-title{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:.5rem;color:#fff}.gallery-subtitle{font-size:1rem;color:#94a3b8;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.gallery-item{aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,border-color .3s ease}.gallery-item:hover{transform:translateY(-5px);border-color:#a2ef43}.gallery-item img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s ease}.gallery-item:hover img{opacity:1}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}.labs-locked-strip{position:fixed;left:0;right:0;bottom:0;top:50%;background:linear-gradient(to bottom,#050a12bf,#0b1822f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:1500}.labs-locked-strip-inner{max-width:720px;padding:1.6rem 2rem 2rem;text-align:center;color:#f5f5f5}.labs-locked-title{font-size:1.6rem;font-weight:800;margin-bottom:.6rem}.labs-locked-text{font-size:.96rem;margin-bottom:1.4rem;color:#e0e7ff}.labs-locked-actions{display:flex;justify-content:center;gap:.75rem}.labs-locked-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.6rem;border-radius:999px;font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.labs-locked-btn-primary{background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;color:#fff;font-weight:800;font-size:1rem;letter-spacing:.018em;width:100%;max-width:180px;height:40px;padding:0;border-radius:9999px;border:none;cursor:pointer;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.labs-locked-btn-secondary{background:transparent;color:#ffd289;border:2px solid #ffd289;font-weight:800;font-size:1rem;letter-spacing:.018em;width:100%;max-width:180px;height:40px;padding:0;border-radius:9999px;cursor:pointer;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.labs-locked-btn:hover{transform:translateY(-1px)}.quizzes-page{width:100%}.quizzes-container{position:relative;width:100%;max-width:1280px;margin:0 auto}.quizzes-main{padding:0 2rem 5rem}.quizzes-stack{margin-top:2.2rem;display:flex;flex-direction:column;gap:1.8rem}.quiz-card{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1.75rem;padding:1.75rem 1.5rem;border-radius:1rem;background:#fdf7ec;box-shadow:0 10px 30px #0b182226}.quiz-anim{position:relative;min-height:150px;border-radius:.9rem;background:radial-gradient(circle at top left,#133152,#020716);overflow:hidden}.quiz-anim-s3{padding:1rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between}.quiz-s3-bucket{width:110px;height:80px;border-radius:14px 14px 40px 40px;background:linear-gradient(180deg,#2a7bd8,#15406e);box-shadow:0 10px 24px #010409a6;position:relative;margin-bottom:.75rem}.quiz-s3-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;color:#e6f1ff}.quiz-s3-policy{width:150px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;position:relative;margin-bottom:.4rem}.quiz-s3-policy-good{background:linear-gradient(90deg,#22c55e,#15803d);box-shadow:0 8px 20px #22c55e66;animation:quizPolicyAttach 3.2s ease-in-out infinite}.quiz-s3-policy-bad{background:linear-gradient(90deg,#ef4444,#b91c1c);box-shadow:0 8px 20px #ef444466;opacity:.35;transform:translate(30px)}@keyframes quizPolicyAttach{0%{transform:translate(80px);opacity:0}25%{transform:translate(10px);opacity:1}45%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(80px);opacity:0}}.quiz-anim-triad{display:flex;align-items:center;justify-content:center;position:relative}.quiz-triad-node{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b1822;background:#fef9c3;box-shadow:0 10px 26px #00000073;position:absolute}.quiz-triad-c{top:20px;left:36px;background:#f97316;color:#fff}.quiz-triad-i{top:20px;right:36px;background:#22c55e;color:#fff}.quiz-triad-a{bottom:4px;left:41%;transform:translate(50%);background:#38bdf8;color:#fff}.quiz-triad-link{position:absolute;height:2px;background:#f8fafccc;box-shadow:0 0 8px #0f172ab3}.quiz-triad-link-1{top:45px;left:85px;right:85px}.quiz-triad-link-2{left:70px;right:56%;bottom:62px;transform-origin:left center;transform:rotate(32deg)}.quiz-triad-link-3{right:80px;left:54%;bottom:67px;transform-origin:right center;transform:rotate(-32deg)}.quiz-anim-triad .quiz-triad-node{animation:quizTriadPulse 2.6s ease-in-out infinite}@keyframes quizTriadPulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.06)}}.quiz-anim-soc{display:flex;align-items:center;justify-content:center}.quiz-soc-timeline{position:relative;width:12px;height:130px;border-radius:999px;background:linear-gradient(180deg,#1f2937,#020617);overflow:hidden}.quiz-soc-dot{position:absolute;left:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%);background:#f97316;box-shadow:0 0 10px #f97316cc;opacity:.15}.quiz-soc-dot-1{top:14px;animation:quizSocBlink 2.8s infinite 0s}.quiz-soc-dot-2{top:44px;animation:quizSocBlink 2.8s infinite .3s}.quiz-soc-dot-3{top:74px;animation:quizSocBlink 2.8s infinite .6s}.quiz-soc-dot-4{top:104px;animation:quizSocBlink 2.8s infinite .9s}@keyframes quizSocBlink{0%,70%{opacity:.15}80%{opacity:1;transform:translate(-50%) scale(1.4)}to{opacity:.15;transform:translate(-50%) scale(1)}}.quiz-anim-devsecops{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.quiz-pipe-step{position:relative;z-index:1;min-width:70px;padding:.4rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;text-align:center;color:#0b1822;background:#e5e7eb;box-shadow:0 6px 18px #0f172a99}.quiz-pipe-code{background:#e0f2fe}.quiz-pipe-scan{background:#fef9c3}.quiz-pipe-deploy{background:#dcfce7}.quiz-pipe-flow{position:absolute;left:10%;right:10%;height:4px;background:linear-gradient(90deg,#f97316,#22c55e);border-radius:999px;opacity:.9;overflow:hidden}.quiz-pipe-flow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f8fafc00,#f8fafc,#f8fafc00);transform:translate(-100%);animation:quizPipeSweep 2.4s linear infinite}@keyframes quizPipeSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-content{display:flex;flex-direction:column;justify-content:center}.quiz-question{font-size:1.15rem;font-weight:800;margin-bottom:.65rem;color:#000}.quiz-options{margin:0;padding-left:1.2rem;font-size:.98rem;color:#1f2933}.quizzes-locked-strip{position:fixed;left:0;right:0;bottom:0;top:50%;background:linear-gradient(to bottom,#050a12bf,#0b1822f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:1500}.quizzes-locked-inner{max-width:720px;padding:1.6rem 2rem 2rem;text-align:center;color:#f5f5f5}.quizzes-locked-title{font-size:1.6rem;font-weight:800;margin-bottom:.6rem}.quizzes-locked-text{font-size:.96rem;margin-bottom:1.4rem;color:#e0e7ff}.quizzes-locked-actions{display:flex;justify-content:center;gap:.75rem}.quizzes-locked-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.6rem;border-radius:999px;font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.quizzes-locked-btn-primary{background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;color:#fff;width:100%;max-width:180px;height:40px}.quizzes-locked-btn-secondary{background:transparent;color:#ffd289;border:2px solid #ffd289;width:100%;max-width:180px;height:40px}.quizzes-locked-btn:hover{transform:translateY(-1px)}.terms-page{width:100vw;padding:2.5rem 0 4rem}.terms-container{width:100%;max-width:100%!important;margin:0 auto;padding:0 2rem}.terms-hero{text-align:center;margin-bottom:2.5rem}.terms-title{font-size:2.4rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transform:translate(-25%)}.terms-tagline{font-size:1rem;color:#444;max-width:720px;margin:3rem auto;transform:translate(-40%)}.terms-orbit{position:relative;margin:8rem auto 3rem;max-width:800px;min-height:260px;transform:translate(-40%)}.terms-orbit-center{position:relative;z-index:2;max-width:320px;margin:0 auto;padding:1.4rem 1.6rem;border-radius:20px;background:radial-gradient(circle at top left,#133152,#020716);color:#e5f1ff;box-shadow:0 16px 40px #00000073}.terms-orbit-text{font-size:.98rem;line-height:1.5}.terms-orbit-img{position:absolute;width:180px;height:120px;overflow:hidden;border-radius:18px;box-shadow:0 14px 30px #0f172a80}.terms-img-zoom{width:100%;height:100%;overflow:hidden}.terms-img-zoom img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .7s ease,filter .7s ease;filter:brightness(.9)}.terms-img-zoom:hover img{transform:scale(1.16);filter:brightness(1)}.terms-orbit-img-top-right{top:-100px;right:30px;transform:none}.terms-orbit-img-bottom-left{bottom:-50px;left:40px;transform:none}.terms-orbit-img-bottom-right{bottom:-50px;right:40px}.terms-orbit-img-bottom-left-2{top:-100px;left:30px;transform:none}.terms-orbit-img{animation:termsFloat 6s ease-in-out infinite}@keyframes termsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.terms-timeline{margin-top:10rem;display:flex;flex-direction:column;gap:1.6rem;position:relative;transform:translate(-25%)}.terms-timeline:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#fee2b0,#f97316);opacity:.75}.terms-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.2rem;position:relative;padding-left:.4rem}.terms-badge{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#a2ef43,#7ed321);color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #f9731699;position:relative;z-index:1}.terms-content{background:#fffdf7;border-radius:16px;padding:1.1rem 1.2rem 1.05rem;box-shadow:0 12px 30px #0f172a1f;animation:termsSlideIn .5s ease-out;margin-top:0}.terms-content h2{font-size:1.1rem;font-weight:800;margin-bottom:.45rem}.terms-content p{font-size:.96rem;color:#28323a;line-height:1.55;margin-bottom:.3rem}@keyframes termsSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terms-float-img{position:absolute;top:-40px;width:190px;height:120px;z-index:0}.terms-float-img-right{right:10px}.terms-float-img-left{left:100px}.terms-float-zoom{width:100%;height:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 34px #0f172a59;animation:termsMediaFloat 6s ease-in-out infinite}.terms-float-zoom img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .7s ease,filter .7s ease;filter:brightness(.9)}.terms-float-zoom:hover img{transform:scale(1.14);filter:brightness(1)}@keyframes termsMediaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pricing-section{width:100%;max-width:100%!important;margin:3rem auto 4rem;padding:0 2rem;text-align:center}.pricing-title{font-size:2.1rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.pricing-subtitle{font-size:.98rem;color:#4b5563;max-width:560px;margin:0 auto 2rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.pricing-card{background:#fffdf7;border-radius:20px;padding:1.6rem 1.6rem 1.8rem;box-shadow:0 16px 40px #0f172a1f;text-align:left}.pricing-card-primary{border:2px solid rgba(249,130,0,.9);box-shadow:0 22px 50px #f8731659}.pricing-plan-name{font-size:2rem;font-weight:800;margin-bottom:.1rem;color:#000}.pricing-plan-tagline{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.pricing-amount{display:flex;align-items:baseline;gap:.3rem;margin-bottom:.15rem}.pricing-amount-main{font-size:1.9rem;font-weight:800;color:#111827}.pricing-amount-period{font-size:.95rem;color:#6b7280}.pricing-amount-alt{font-size:.85rem;color:#9ca3af;margin-bottom:1rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.4rem}.pricing-features li{font-size:.9rem;color:#28323a;margin-bottom:.4rem;padding-left:1.2rem;position:relative}.pricing-features li:before{content:"✔";position:absolute;left:0;top:.05rem;font-size:.8rem;color:#22c55e}.pricing-cta{width:100%;height:45px;border-radius:9999px;border:none;cursor:pointer;font-weight:900;font-size:1rem;letter-spacing:.018em;color:#fff;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;padding:0 1.8rem;margin-bottom:.4rem;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.pricing-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px 6px #7ed32142,0 10px #8a5300}.pricing-cta-outline{background:#fffdf7;color:#f97316;border:2px solid #f97316;box-shadow:0 8px 20px #0f172a2e}.pricing-cta-outline:hover{background:#fff7eb}.cb-main-nav{background:#fff;color:#7ed321;height:70px;display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;padding:0;box-shadow:none;z-index:1000;box-sizing:border-box;justify-content:space-between;transition:transform .3s ease-in-out,background .3s ease}.cb-nav-hidden{transform:translateY(-100%)}.cb-nav-brand{display:flex!important;align-items:center!important;gap:.4rem!important}.cb-nav-logo-wrapper{width:44px!important;height:44px!important;border-radius:50%!important;overflow:hidden!important;position:relative!important;transform:translateZ(0)!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:4px!important}.cb-nav-logo{width:100%!important;height:100%!important;object-fit:contain!important}.cb-nav-logo-video{width:100%;height:100%;object-fit:cover;transform:scale(1.15);display:block}.cb-nav-title{background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:2.3rem;letter-spacing:1.3px}.cb-nav-text-brand{display:flex;flex-direction:column;line-height:1;font-family:Plus Jakarta Sans,Inter,sans-serif;margin-left:.5rem}.cb-nav-text-top{font-size:1.4rem;font-weight:900;color:#000;letter-spacing:-.02em}.cb-nav-text-top .cb-text-green{color:#7ed321}.cb-nav-text-bottom{font-size:.65rem;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:.52em;margin-top:6px;width:100%}@media(max-width:768px){.cb-nav-text-top{font-size:1.4rem}.cb-nav-text-bottom{font-size:.7rem}}.cb-nav-links-desktop{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;height:70px}.cb-nav-link{color:#7ed321;text-decoration:none;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.4rem}.cb-nav-link-badge{width:70px;height:40px;border-radius:6px;background:linear-gradient(135deg,#a2ef4326,#f9820059);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;transform:scale(1);transition:transform .18s ease-out,box-shadow .18s ease-out;cursor:pointer}.cb-nav-link-badge:hover{transform:scale(1.08);box-shadow:0 10px 32px 6px #7ed3213d,0 10px #844d00}.cb-nav-link-label{font-size:.95rem;font-weight:600;color:#7ed321;white-space:nowrap}.cb-nav-pills-left{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.cb-nav-link-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;color:#fff;font-weight:900;font-size:.75rem;letter-spacing:.018em;padding:0 1rem;height:32px;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;outline:none;transition:all .12s ease;pointer-events:auto!important;position:relative;z-index:9999!important;-webkit-user-select:none;user-select:none}.cb-nav-link-pill:hover{transform:translateY(-1px);box-shadow:0 10px 30px 6px #7ed3213d,0 9px #8a5400;filter:brightness(1.03)}.cb-nav-link-pill:active{transform:translateY(1px);box-shadow:0 5px 18px 2px #7ed32133,0 4px #724300}.cb-nav-link-pill-active{filter:brightness(1.08);box-shadow:0 10px 32px 6px #7ed3214d,0 9px #8a5400}.cb-nav-link-pill-icon{display:block}.cb-nav-link-pill-label{line-height:1;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important}.cb-nav-link-pill-desktop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;color:#fff;font-weight:900;font-size:.9rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;text-decoration:none;outline:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cb-nav-link-pill-desktop:hover{transform:translateY(-1px);box-shadow:0 10px 30px 6px #7ed3213d,0 9px #8a5400;filter:brightness(1.03)}.cb-nav-link-pill-desktop:active{transform:translateY(1px);box-shadow:0 5px 18px 2px #7ed32133,0 4px #724300}.cb-nav-link-pill-desktop-active{filter:brightness(1.08);box-shadow:0 10px 32px 6px #7ed3214d,0 9px #8a5400}.cb-nav-link-pill-desktop-icon{display:block}.cb-nav-link-pill-desktop-label{line-height:1}.cb-nav-mobile-pill{display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 24px 3px #7ed32133,0 6px #417505;color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.018em;padding:.6rem 1.6rem;border-radius:9999px;border:none;cursor:pointer;text-decoration:none;margin:.35rem .7rem;outline:none;transition:all .12s ease}.cb-nav-mobile-pill:hover{transform:translateY(-1px);box-shadow:0 10px 28px 5px #7ed32142,0 7px #8a5400;filter:brightness(1.04)}.cb-nav-mobile-pill:active{transform:translateY(1px);box-shadow:0 5px 16px 2px #7ed32138,0 4px #724300}.cb-nav-mobile-pill-active{filter:brightness(1.08)}.cb-nav-mobile-pill-icon{display:block}.cb-nav-mobile-pill-label{line-height:1;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important}.cb-hero-section{position:relative;min-height:90vh;overflow:hidden;background-color:#000!important;padding:6rem 0 4rem!important;margin-top:0!important;width:100%}.cb-hero-content{position:relative;z-index:5;width:100%;max-width:100%;margin:0 auto;padding:0}.cb-hero-visual-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.cb-stem-card{pointer-events:auto!important}.cb-hero-grid{display:none}.cb-hero-dot{position:absolute;border-radius:50%;opacity:.8;animation:float 7s infinite ease-in-out}.cb-hero-dot-1{width:10px;height:10px;background-color:#7ed321;top:18%;left:22%;animation-delay:0s}.cb-hero-dot-2{width:12px;height:12px;background-color:#ff8a65;top:25%;right:24%;animation-delay:-1.5s}.cb-hero-dot-3{width:8px;height:8px;background-color:#00e5ff;bottom:35%;left:18%;animation-delay:-3s}.cb-hero-dot-4{width:11px;height:11px;background-color:#b388ff;bottom:22%;right:20%;animation-delay:-4.5s}.cb-hero-dot-5{width:9px;height:9px;background-color:#ffd54f;top:48%;left:12%;animation-delay:-2s}.cb-hero-dot-6{width:10px;height:10px;background-color:#ff4081;top:52%;right:14%;animation-delay:-5s}.cb-hive-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;pointer-events:none;z-index:1;animation:hiveRotate 18s linear infinite}.cb-hive-svg{width:100%;height:100%;overflow:visible}.cb-hive-hex{fill:none;stroke:#b4afaa59;stroke-width:2;stroke-dasharray:24 10;filter:drop-shadow(0 0 6px rgba(253,235,208,.4))}@keyframes hiveRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cb-highlight-t-wrapper{position:relative;display:inline-block;vertical-align:baseline;background:linear-gradient(135deg,#fdebd0,#ff8a65)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin:0 .03em!important}.cb-handdrawn-circle-svg{position:absolute;top:-20%;left:-40%;width:180%;height:140%;pointer-events:none;overflow:visible;z-index:10}.cb-handdrawn-circle-svg path{stroke-dasharray:450;stroke-dashoffset:450;animation:drawHandCircle 1.2s cubic-bezier(.25,1,.5,1) forwards .3s;filter:drop-shadow(0 2px 10px rgba(126,211,33,.6))}@keyframes drawHandCircle{to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-50px)}66%{transform:translate(-20px,20px)}}.cb-hero-chart{position:absolute;top:15%;left:10%;display:flex;align-items:flex-end;gap:4px;opacity:.8;z-index:2}.cb-hero-slider-line{position:absolute;top:5%;left:17%;width:1px;height:40%;border-left:2px dashed #cccccc;display:flex;align-items:center;justify-content:center;z-index:3}.cb-hero-slider-handle{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;font-size:.8rem;color:#333}.cb-hero-chart-bar{width:8px;background-color:#e5e5e5;border-radius:2px}.cb-hero-chart-bar-active{background-color:#a855f7}.cb-hero-chart-tag{position:absolute;top:-30px;left:0;background-color:#a855f7;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.cb-hero-sticker{position:absolute;padding:6px 14px;background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;font-family:JetBrains Mono,monospace,sans-serif;font-size:.95rem;font-weight:800;color:#a855f7;display:flex;align-items:center;gap:8px;z-index:3;pointer-events:none;border:2px solid rgba(0,0,0,.05);transition:transform .3s ease}.cb-hero-sticker-1{top:calc(40% - 36px);left:2%;transform:rotate(-3deg);background:#f5f3ff;color:#7c3aed}.cb-hero-sticker-2{top:calc(47% - 36px);left:2%;transform:rotate(2deg);background:#f0f9ff;color:#0284c7}.cb-hero-sticker-3{top:calc(54% - 36px);left:2%;transform:rotate(-2deg);background:#fff1f2;color:#e11d48}.cb-hero-sticker-4{top:calc(61% - 36px);left:2%;transform:rotate(3deg);background:#f0fdf4;color:#16a34a}.cb-hero-icon-spin{animation:spin 3s linear infinite}.cb-hero-bubble{position:absolute;background:#fff;border:2px solid #7ed321;padding:.8rem 1.2rem;border-radius:20px;font-weight:700;color:#000;font-size:.95rem;box-shadow:0 10px 25px #0000000d;z-index:5;animation:bounce 4s infinite ease-in-out;max-width:180px;text-align:center}.cb-hero-bubble:after{content:"";position:absolute;bottom:-15px;left:30px;border-width:15px 15px 0 0;border-style:solid;border-color:inherit;border-top-color:inherit;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent}.cb-hero-bubble-tail-green:after{border-top-color:#7ed321}.cb-hero-bubble-tail-purple:after{border-top-color:#a855f7}.cb-hero-bubble-tail-peach:after{border-top-color:#ff8a65}.cb-hero-bubble:before{content:"";position:absolute;bottom:-11px;left:31px;border-width:13px 13px 0 0;border-style:solid;border-color:white transparent transparent transparent;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cb-hero-content{position:relative;z-index:2;text-align:center;width:100%;max-width:100%!important}.cb-hero-title{font-family:Unbounded,Outfit,Syne,sans-serif;font-size:7.5vw!important;line-height:1.05;font-weight:900;color:#fff!important;margin-bottom:2rem;letter-spacing:-.05em;text-transform:none;width:100%;display:block;text-align:center}.cb-hero-features-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem}.cb-hero-feature{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;color:#fff!important}.cb-hero-tick-icon{width:20px;height:20px;background:#7ed321;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.cb-hero-feature-text{font-family:Geist,Inter,sans-serif!important;font-size:1.05rem!important;font-weight:800!important;text-transform:none!important;letter-spacing:.06em!important;color:#fff!important}.cb-hero-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}@media(max-width:992px){.cb-hero-section{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:3rem 1.25rem 4rem!important;min-height:auto!important;height:auto!important;position:relative!important;overflow:hidden!important}.cb-hero-content{order:1!important;width:100%!important;margin-bottom:2.5rem!important}.cb-hero-title{font-size:clamp(3.2rem,13.5vw,4.5rem)!important;line-height:1.02!important;margin-bottom:1.75rem!important;letter-spacing:-.04em!important}.cb-hero-features-row{gap:.75rem 1.25rem!important;margin-bottom:2rem!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}.cb-hero-feature{gap:.5rem!important}.cb-hero-feature-text{font-size:.95rem!important}.cb-hero-actions{width:100%!important;gap:1rem!important;margin-top:1.5rem!important}.cb-hero-large-btn{width:100%!important;max-width:340px!important;min-width:unset!important;height:56px!important;font-size:1.15rem!important}.cb-hero-sticker,.cb-hero-bubble,.cb-hero-chart,.cb-hero-slider-line{display:none!important}}.cb-learn-more-btn{background:#7ed321;border:2px solid #5a9600;box-shadow:0 6px #417505;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.018em;border-radius:9999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0 2.5rem;height:52px}.cb-learn-more-btn:hover{background:#8df025;border-color:#69b000}.cb-learn-more-btn:active{transform:translateY(2px);box-shadow:0 2px #417505}.cb-cloud-btn{background:#7ed321;border:2px solid #5a9600;box-shadow:0 6px #417505;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto;font-weight:800;font-size:1.1rem;letter-spacing:.018em;border-radius:9999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0 2.5rem;height:52px}.cb-cloud-btn:hover{background:#8df025;border-color:#69b000}.cb-cloud-btn:active{transform:translateY(2px);box-shadow:0 2px #417505}.cb-cloud-btn-filled{background:#7ed321;border:2px solid #5a9600;box-shadow:0 6px #417505;color:#fff;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto;font-weight:800;font-size:1.1rem;letter-spacing:.018em;border-radius:9999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0 2.5rem;height:52px}.cb-hero-large-btn{height:58px!important;padding:0 3.2rem!important;font-size:1.25rem!important;font-weight:800!important;min-width:320px!important;max-width:90vw!important;border-radius:9999px!important}.cb-cloud-btn-secondary{background:#fff;border:2px solid #e5e8eb;box-shadow:0 6px #d1d5db;color:#000;font-weight:800;font-size:1.1rem;letter-spacing:.018em;border-radius:9999px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0 2.5rem;height:52px}.cb-cloud-btn-filled:hover{background:#8df025;border-color:#69b000}.cb-cloud-btn-filled:active{transform:translateY(2px);box-shadow:0 2px #417505}.cb-nav-main-menu-btn{padding:0 4.5rem;height:45px}.cb-nav-icons-toggle{border:none;outline:none;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#0d2600 2px,transparent 2px),radial-gradient(circle at 70% 70%,#0d2600 2px,transparent 2px),linear-gradient(180deg,#a2ef43,#417505);box-shadow:inset 0 2px 4px #fff6,0 4px #000;color:#fff;cursor:pointer;align-items:center;justify-content:center;display:none}.cb-nav-icons-toggle-left{display:none}.cb-nav-mobile-menu{position:fixed;top:80px;left:0;right:0;padding:1.5rem;background:#fff;border-bottom:2px solid #e5e8eb;transform:translateY(-16px);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 140px);overflow-y:auto}.cb-nav-mobile-menu-open{transform:translateY(0);opacity:1;pointer-events:auto}.cb-nav-mobile-item{text-decoration:none;color:#7ed321;display:flex;align-items:center;gap:.75rem}.cb-nav-mobile-badge{width:44px;height:36px;border-radius:8px;background:linear-gradient(135deg,#a2ef4326,#f9820059);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px 3px #7ed32133,0 6px #417505}.cb-nav-mobile-label{font-size:1rem;font-weight:600;color:#7ed321}.cb-nav-link-underline{width:0;height:3px;border-radius:999px;background:#7ed321;margin-top:2px;transition:width .16s ease-out}.cb-nav-link-active .cb-nav-link-underline{width:60%}.cb-nav-mobile-underline{width:0;height:3px;border-radius:999px;background:#7ed321;margin-left:72px;margin-top:2px;transition:width .16s ease-out}.cb-nav-mobile-item-active .cb-nav-mobile-underline{width:40%}.cb-dashboard-stack{display:flex;flex-direction:column;gap:1.5rem;margin-top:-5rem}.cb-dashboard-wrapper{max-width:400px;margin-top:0rem;margin-right:auto;margin-bottom:2rem;margin-left:-15rem;padding:1.5rem 1.25rem;border-radius:10px;box-sizing:border-box;border:2px solid #a8a8a8;background-color:#fff}.cb-dashboard-title{margin:0 0 3rem;font-size:2.4rem;font-weight:800;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left;display:inline-block;animation:cb-dashboard-pulse 2.4s ease-in-out infinite;transform-origin:left center}.cb-dashboard-title-sm{font-size:1.8rem}.cb-dashboard-text{margin:0 0 .5rem;color:#4b5563;font-size:.98rem}@keyframes cb-dashboard-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cb-profile-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.75rem}.cb-profile-avatar{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cb-profile-avatar-img{width:100%;height:100%;object-fit:cover}.cb-profile-avatar-initial{color:#fff;font-weight:800;font-size:1.4rem}.cb-profile-details{margin:.5rem 0 .75rem;padding-top:.25rem;border-top:1px solid #f3f4f6}.cb-profile-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.9rem}.cb-profile-label{color:#6b7280;font-weight:700;font-size:large}.cb-profile-value{color:#111827;font-weight:700;font-size:large}.cb-dashboard-layout{display:flex;gap:2rem;margin-top:1.5rem}.cb-dashboard-left{flex:0 0 380px;display:flex}.cb-dashboard-left .cb-dashboard-stack{width:100%}.cb-dashboard-right{flex:1 1 auto;display:flex;align-items:stretch}.cb-global-section{margin-top:2rem;display:block}.cb-global-chart-wrapper{width:100%;max-width:100%!important;padding:1.25rem 1.25rem 1.5rem;margin:.5rem auto 1.5rem;border-radius:14px;background-color:#111827;box-sizing:border-box;box-shadow:0 16px 40px #00000073;border:1px solid rgba(148,163,184,.35);transition:box-shadow .16s ease}.cb-global-chart-wrapper--right{width:360px;max-width:100%;margin-left:2rem}.cb-global-chart-wrapper:hover{transform:translateY(-2px);box-shadow:0 20px 50px #0000008c}.cb-global-chart-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.75rem}.cb-global-chart-title{margin:0;background:linear-gradient(90deg,#f9a826 15%,#f97316 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.cb-global-chart-subtitle{margin:0;font-size:.8rem;color:#9ca3af}.cb-global-chart-body{margin-top:.25rem}.cb-global-chart-svg{width:100%;height:380px;display:block}.cb-global-chart-grid line{stroke:#94a3b847;stroke-width:1}.cb-global-chart-line-fill{fill:#fb923c59;stroke:none}.cb-global-chart-line{fill:none;stroke:#f97316;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.cb-global-chart-bar{stroke:#f8fafc40;stroke-width:2}.cb-global-chart-dot{fill:#facc15;stroke:#111827;stroke-width:1.5}.cb-global-chart-ranks{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}.cb-global-rank-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.55)}.cb-global-rank-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#e5e7eb;letter-spacing:.06em}.cb-global-rank-score{font-size:.78rem;font-weight:700;color:#fbbf24}.cb-global-rank-1{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf244d}.cb-global-rank-2{border-color:#e5e7eb}.cb-global-rank-3{border-color:#a5b4fc}.cb-streak-card{flex:0 0 260px;align-self:flex-start;padding:1.1rem 1.1rem 1.25rem;border-radius:14px;background:#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 40px #0000008c;box-sizing:border-box}.cb-streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.cb-streak-title{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#e5e7eb}.cb-streak-icon{font-size:1rem;color:#f97316}.cb-streak-count{font-size:.9rem;font-weight:700;color:#fbbf24;padding:.1rem .6rem;border-radius:999px;border:1px solid rgba(250,191,36,.7);background:radial-gradient(circle at 0 0,rgba(248,250,252,.08),transparent 55%)}.cb-streak-subtitle{margin:0 0 .75rem;font-size:.78rem;color:#9ca3af}.cb-streak-week{display:flex;justify-content:space-between;gap:.35rem}.cb-streak-day{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:.4rem 0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.5)}.cb-streak-day--active{color:#0b1120;background:linear-gradient(135deg,#fbbf24,#f97316);border-color:#f8fafce6;box-shadow:0 0 0 1px #f8fafc66,0 10px 25px #f9731659}.cb-progress-column{flex:0 0 320px;width:99vw;max-width:99vw;align-self:flex-start;margin-left:-37%;display:flex;flex-direction:column;margin-top:10px;gap:.8rem;padding:.9rem 1rem 1rem;border-radius:16px;background:#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 40px #0000008c;box-sizing:border-box}.cb-progress-header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.3rem}.cb-progress-title{margin:0;font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(90deg,#f9a826 15%,#f97316 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-progress-subtitle{font-size:.76rem;color:#9ca3af}.cb-progress-list{display:flex;flex-direction:row;gap:.65rem}.cb-progress-card{flex:1 1 0;min-width:0;padding:.9rem .9rem 1rem;border-radius:18px;background:radial-gradient(circle at 0 0,rgba(248,250,252,.04),transparent 55%),#0f172afa;border:1px solid rgba(148,163,184,.45);box-shadow:0 16px 36px #000000b3;box-sizing:border-box}.cb-progress-card-main{display:flex;align-items:center;gap:.8rem}.cb-progress-thumb-wrap{flex:0 0 70px;height:70px;border-radius:14px;overflow:hidden;box-shadow:0 8px 18px #0000008c}.cb-progress-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cb-progress-card-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.45rem}.cb-progress-card-header{display:flex;justify-content:space-between;align-items:center}.cb-progress-course-name{margin:0;font-size:1.8rem;font-weight:700;color:#e5e7eb}.cb-progress-percent{font-size:1rem;font-weight:700;color:#fbbf24}.cb-progress-track{position:relative;width:100%;height:8px;border-radius:999px;background:#0f172ae6;overflow:hidden}.cb-path-topic-panel{position:absolute;left:1.5rem;bottom:4rem;padding:.75rem 1rem;border-radius:.75rem;max-width:340px}.cb-path-topic-label{font-size:.75rem;text-transform:uppercase;color:#000;margin-bottom:.25rem}.cb-path-topic-text{font-size:.9rem;color:#000;line-height:1.4}.cb-progress-track-fill{position:absolute;top:0;left:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80);transform-origin:left center}.cb-progress-track-fill-1{width:72%}.cb-progress-track-fill-2{width:48%}.cb-progress-track-fill-3{width:25%}.cb-progress-continue-btn{margin-top:.5rem;align-self:flex-start;padding:0 1.8rem;border-radius:9999px;border:none;font-size:1rem;font-weight:900;letter-spacing:.018em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #417505;height:45px;margin-bottom:.4rem;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.cb-progress-continue-btn:hover{transform:translateY(-1px);box-shadow:0 10px 32px 6px #7ed32142,0 9px #417505}.cb-progress-continue-btn:active{transform:translateY(0);box-shadow:0 4px 16px 2px #7ed32133,0 4px #417505}.cb-labs-section{width:99vw;max-width:99vw;margin:3rem auto 0;padding:1.2rem 1.4rem 1.5rem;border-radius:18px;background:#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 40px #0000008c;box-sizing:border-box;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,#f9a826 15%,#f97316 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-labs-subtitle{font-size:.8rem;color:#9ca3af}.cb-labs-list{display:flex;flex-direction:column;gap:.9rem}.cb-lab-card{flex:1 1 auto;width:100%;min-width:0;border-radius:16px;padding:1.3rem 1.3rem 1.5rem;background:radial-gradient(circle at 0 0,rgba(248,250,252,.04),transparent 55%),#0f172afa;border:1px solid rgba(148,163,184,.45);box-shadow:0 20px 40px #000000c7;box-sizing:border-box;transition:transform .14s ease,box-shadow .14s ease}.cb-lab-card:hover{transform:translateY(-2px);box-shadow:0 24px 50px #000000e0}.cb-lab-card-main{display:flex;flex-direction:column;gap:.9rem}.cb-lab-thumb-wrap{width:100%;height:100%;border-radius:14px;overflow:hidden;box-shadow:0 12px 26px #000000b3}.cb-lab-thumb-img{width:100%;height:500px;object-fit:cover;display:block}.cb-lab-card-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.45rem}.cb-lab-name{margin:0;font-size:2rem;font-weight:700;color:#e5e7eb}.cb-lab-meta{margin:0;font-size:.8rem;color:#9ca3af}.cb-lab-start-btn{margin-top:.6rem;align-self:flex-start;padding:0 1.6rem;height:42px;border-radius:9999px;border:none;font-size:.9rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);box-shadow:0 8px 26px 4px #7ed32133,0 7px #417505;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.cb-lab-start-btn:hover{transform:translateY(-1px);box-shadow:0 10px 32px 6px #7ed32142,0 8px #417505}.cb-lab-start-btn:active{transform:translateY(0);box-shadow:0 4px 16px 2px #7ed32133,0 4px #417505}.cb-suggested-and-league .cb-suggested-users-section{width:95vw;max-width:1080px;margin:3rem 0 0;padding:1.1rem 1.4rem 1.4rem;border-radius:18px;background:transparent;border:2px solid rgba(148,163,184,.55);box-sizing:border-box;transform:none}.cb-suggested-users-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.9rem}.cb-suggested-users-title{margin:0;font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,#f9a826 15%,#f97316 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-suggested-users-subtitle{font-size:.9rem;color:#9ca3af}.cb-suggested-users-list{display:flex;flex-direction:column;gap:.7rem}.cb-suggested-user-card{border-radius:14px;padding:.7rem .85rem .85rem;background:radial-gradient(circle at 0 0,rgba(248,250,252,.04),transparent 55%),#0f172afa;border:1px solid rgba(148,163,184,.45);box-shadow:0 12px 26px #000000b3;box-sizing:border-box;transition:transform .14s ease,box-shadow .14s ease}.cb-suggested-user-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #000c}.cb-suggested-user-main{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.cb-suggested-user-avatar-wrap{flex:0 0 52px;height:52px;border-radius:999px;overflow:hidden;box-shadow:0 6px 14px #0000008c}.cb-suggested-user-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.cb-suggested-user-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem}.cb-suggested-user-name{margin:0;font-size:1.2rem;font-weight:700;color:#e5e7eb}.cb-suggested-user-meta{margin:0;font-size:.78rem;color:#9ca3af}.cb-suggested-user-follow-btn{flex-shrink:0;padding:0 1.4rem;height:36px;border-radius:9999px;border:none;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#22c55e 10%,#16a34a 90%);box-shadow:0 8px 22px 3px #22c55e38,0 6px #166534;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}.cb-suggested-user-follow-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px 5px #22c55e4d,0 7px #166534}.cb-suggested-user-follow-btn:active{transform:translateY(0);box-shadow:0 4px 14px 2px #22c55e38,0 4px #166534}.cb-league-panel{width:1020px;border-radius:18px;padding:1.2rem 1.4rem 1.5rem;background:radial-gradient(circle at 0 0,rgba(248,250,252,.05),transparent 55%),#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 20px 44px #000000c7;box-sizing:border-box}.cb-league-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.1rem}.cb-league-header-main{display:flex;flex-direction:column;gap:.35rem}.cb-league-badge-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#9ca3af}.cb-league-badge{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.35rem .8rem;border-radius:9999px;border:1px solid rgba(248,250,252,.15);background:#0f172af5;box-shadow:0 8px 18px #000000b3}.cb-league-badge-bronze{background:linear-gradient(120deg,#4b250c,#b87333 55%,#f59e0b)}.cb-league-badge-rank{font-size:.9rem;font-weight:800;text-transform:uppercase;color:#fef3c7}.cb-league-badge-tier{font-size:.76rem;color:#f9fafb}.cb-league-icon-wrap{flex-shrink:0;width:52px;height:52px;border-radius:999px;background:radial-gradient(circle at 30% 10%,#fde68a,#b45309 55%,#1f2937);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #000000bf}.cb-league-icon-img{width:34px;height:34px;object-fit:contain;display:block}.cb-league-body{display:flex;flex-direction:column;gap:1.05rem}.cb-league-score-row{display:flex;justify-content:space-between;gap:.9rem}.cb-league-score-item{flex:1 1 0;display:flex;flex-direction:column;gap:.15rem}.cb-league-score-label{font-size:.8rem;color:#9ca3af}.cb-league-score-value{font-size:1.1rem;font-weight:800;color:#e5e7eb}.cb-league-progress{display:flex;flex-direction:column;gap:.45rem}.cb-league-progress-header{display:flex;justify-content:space-between;align-items:center}.cb-league-progress-label{font-size:.82rem;color:#e5e7eb}.cb-league-progress-percent{font-size:.82rem;font-weight:700;color:#bbf7d0}.cb-league-progress-track{width:100%;height:10px;border-radius:9999px;background:#0f172af2;border:1px solid rgba(55,65,81,.9);overflow:hidden}.cb-league-progress-fill{width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e 10%,#84cc16 60%,#facc15);box-shadow:0 0 16px #22c55e99}.cb-league-progress-meta{font-size:.78rem;color:#9ca3af}.cb-league-actions{display:flex;flex-direction:column;gap:.55rem}.cb-league-action-btn{width:100%;height:40px;border-radius:9999px;border:none;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.cb-league-action-primary{color:#fff;background:linear-gradient(90deg,#f59e0b 10%,#f97316 60%,#ea580c);box-shadow:0 8px 22px 3px #f8b50047,0 6px #92400e}.cb-league-action-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px 5px #f8b5005c,0 7px #92400e}.cb-league-action-primary:active{transform:translateY(0);box-shadow:0 4px 14px 2px #f8b50042,0 4px #92400e}.cb-league-action-secondary{color:#e5e7eb;background:#0f172af2;border:1px solid rgba(148,163,184,.6);box-shadow:0 6px 16px #000000a6}.cb-league-action-secondary:hover{transform:translateY(-1px);background:#111827fa;box-shadow:0 8px 22px #000000bf}.cb-league-action-secondary:active{transform:translateY(0);box-shadow:0 4px 12px #000000b3}.cb-suggested-and-league{display:flex;align-items:flex-start;justify-content:center;gap:10rem}.cb-suggested-and-league{transform:none;margin:3rem 0 0}.cb-suggested-and-league .cb-league-panel{margin-top:3rem}.cb-path-lock-icon{display:flex;align-items:center;justify-content:center;color:#a2ef43;margin-bottom:3px}.cb-path-step:before,.cb-path-step:after,.cb-path-step--unlocked:before,.cb-path-step--completed:before,.cb-path-step--unlocked:after,.cb-path-step--completed:after{content:none!important;display:none!important}.cb-path-step-index{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:2px}.cb-path-step-title{font-size:.95rem;font-weight:600;color:#4b5563}.cb-path-step--unlocked .cb-path-token{background:linear-gradient(180deg,#e0e7ff,#c4b5fd);box-shadow:0 6px #581c8780,0 12px 20px #8b5cf64d}.cb-path-step--unlocked .cb-path-token-ring{border-color:#a855f7}.cb-path-step--unlocked .cb-path-token-plateau{background:#fefce8;box-shadow:none}.cb-path-step:nth-child(2n).cb-path-step--unlocked:before{border-color:transparent;border-left-color:#a855f7}.cb-path-step--unlocked .cb-path-step-index{color:#a855f7}.cb-path-step--unlocked .cb-path-step-title{color:#111827}.cb-path-start-button{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cb-path-start-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 10px 32px 6px #31055b83}.cb-path-start-button:active,.cb-path-start-button.cb-path-start-button--pressed{transform:translateY(0);box-shadow:0 4px 16px 2px #7ed3212e,0 4px #417505}.cb-path-token--launching .cb-path-rocket{animation:cb-rocket-launch-into-plate 1s ease-in-out forwards}@keyframes cb-rocket-launch-into-plate{0%{transform:translate(-50%) rotate(-6deg);opacity:1}25%{transform:translate(-50%,-18px) rotate(-2deg)}55%{transform:translate(-50%,-40px) rotate(0)}75%{transform:translate(-50%,-26px) rotate(90deg)}to{transform:translate(-50%,12px) rotate(90deg);opacity:0}}.cb-path-token-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.cb-path-step--selected .cb-path-step-title{color:#4c1d95}.cb-path-step--selected .cb-path-step-index{color:#7c3aed}.cb-path-token-glow-layer{position:absolute;inset:-6px 0 auto 0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cb-path-token-glow-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none}.cb-path-start-pop{position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:1000;pointer-events:none;width:auto;animation:cb-pop-bounce-in .6s cubic-bezier(.22,.61,.36,1) both}@keyframes cb-pop-bounce-in{0%{opacity:0;transform:translate(-50%,40px) scale(.8)}40%{opacity:1;transform:translate(-50%,-8px) scale(1.06,.94)}70%{transform:translate(-50%,4px) scale(.96,1.04)}to{opacity:1;transform:translate(-50%) scale(1)}}.cb-path-start-pop-inner{pointer-events:auto;min-width:200px;max-width:280px;padding:.7rem 1rem;border-radius:14px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.cb-path-start-pop-header{display:flex;flex-direction:column;gap:.2rem}.cb-path-start-pop-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#a855f7;font-weight:600}.cb-path-start-pop-title{font-size:.9rem;font-weight:600;color:#111827}.cb-path-step--completed .cb-path-step-index{color:#16a34a}.cb-path-step--completed .cb-path-step-title{color:#14532d}.cb-path-step--completed .cb-path-token{background:linear-gradient(180deg,#dcfce7,#22c55e);box-shadow:0 6px #16653480,0 12px 20px #16a34a4d}.cb-path-step--completed .cb-path-token-ring{border-color:#16a34a}.cb-path-step--completed .cb-path-token-plateau{background:#ecfdf3;box-shadow:none}.cb-path-graduate{position:absolute;bottom:20px;left:55%;transform-origin:50% 70%;width:60px;height:auto;pointer-events:none;animation:cb-rocket-hover 2.4s ease-in-out infinite,cb-rocket-spin 8s linear infinite}.cb-lesson-hero{width:100%;max-width:2200px;margin:0 auto 2rem;min-height:280px;padding:2.5rem;border-radius:20px;background:radial-gradient(circle at top left,#010816,#0f172a);color:#f9fafb;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.cb-lesson-hero-left{flex:1 1 0;min-width:0;z-index:1}.cb-lesson-hero-badge{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#a2ef43;color:#020617;margin-bottom:1rem}.cb-lesson-hero-title{margin:0 0 .5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.cb-lesson-hero-sub{margin:0 0 1.5rem;font-size:1rem;color:#94a3b8;max-width:500px}.cb-lesson-hero-meta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem}.cb-hero-meta-item{min-width:110px}.cb-hero-meta-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af}.cb-hero-meta-value{font-size:.95rem;font-weight:600}.cb-lesson-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.cb-hero-save-btn,.cb-hero-room-btn{border-radius:999px;border:none;cursor:pointer;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.cb-hero-save-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cb-hero-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 12px #c48affa6}.cb-hero-room-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cb-hero-room-btn:hover{background:#2f005e}.cb-lesson-hero-right{flex:0 0 240px;display:flex;align-items:center;justify-content:center;position:relative}.cb-lesson-hero-image-wrap{position:relative;width:500px}.cb-lesson-hero-image{width:100%;max-width:450px;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.cb-lesson-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at bottom,rgba(15,23,42,.5),transparent);pointer-events:none}.cb-liked-by-stack{display:flex;align-items:center;margin-left:8px}.cb-liked-user-img{width:28px;height:28px;border-radius:50%;border:2px solid #0f172a;margin-left:-10px;transition:all .2s cubic-bezier(.4,0,.2,1);background:#1e293b;object-fit:cover;box-shadow:0 4px 6px -1px #0000001a}.cb-liked-user-img:first-child{margin-left:0}.cb-liked-user-img:hover{transform:translateY(-4px) scale(1.1);z-index:10;border-color:#3b82f6}.cb-hero-save-btn.cb-btn-active{background:#a2ef43!important;color:#0f172a!important;border-color:#a2ef43!important}.cb-hero-like-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #a855f72e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.cb-hero-like-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px 6px #a855f740,0 6px #44097c}.cb-hero-like-btn.cb-btn-active{background:#a2ef43!important;color:#0f172a!important;box-shadow:0 8px 24px #a2ef434d,0 8px #b47200!important;border:none!important}.cb-lesson-title-secondary{width:100%;margin:1.5rem 0;padding:1.25rem 2rem;font-size:1.25rem;font-weight:800;color:#f8fafc;background:#1e293b;border-radius:12px;text-align:center}.cb-lesson-page{width:100%;max-width:2200px;margin:0 auto;min-height:100vh;padding:1.5rem 2rem 4rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;color:#1e293b;background:#fff}.cb-lesson-subtitle{margin:.5rem 0 2rem;max-width:800px;font-size:1.1rem;line-height:1.6;color:#64748b}.cb-lesson-card{width:100%;margin:0 auto;display:flex;flex-direction:column}.cb-lesson-text{width:100%;margin:1.5rem 0;padding:2rem;font-size:1.125rem;line-height:1.8;color:#334155;background:#f8fafc;border-left:4px solid #a2ef43;border-radius:12px}.cb-lesson-scene{position:relative;width:100%;max-width:2200px;height:500px;margin:2rem 0;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px #0000001a}.cb-lesson-scene-bg{position:absolute;top:0;right:0;bottom:0;width:130%;height:100%;left:50%;transform:translate(-50%);object-fit:cover}.cb-lesson-scene-robber{position:absolute;bottom:-60px;left:-120px;width:400px;height:400px;pointer-events:none;animation:cb-robber-heist 4.5s linear infinite}@keyframes cb-robber-heist{0%{transform:translate(0) scaleX(1);opacity:0}10%{transform:translate(60px) scaleX(1);opacity:1}40%{transform:translate(260px) scaleX(1);opacity:1}55%{transform:translate(280px) scaleX(1) translateY(-6px);opacity:1}70%{transform:translate(300px) scaleX(1) translateY(0);opacity:.7}90%{transform:translate(320px) scaleX(1);opacity:.2}to{transform:translate(340px) scaleX(1);opacity:0}}.cb-lesson-analogy{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem 2rem 2rem -22.7rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-lesson-analogy-title{width:auto;margin:-2.5rem -2.5rem 1.5rem;padding:1rem 2.5rem;background:#1e293b;color:#fff;font-size:1.25rem;font-weight:700;border-radius:12px 12px 0 0}.cb-lesson-analogy-text{margin:0;font-size:.9rem;line-height:1.8;color:#282828}.cb-lesson-quiz{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem 2rem 2rem -22.7rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-lesson-quiz-header{display:flex;flex-direction:column}.cb-lesson-quiz-label{font-size:1rem;letter-spacing:.12em;font-weight:700;color:#e9d5ff}.cb-lesson-quiz-question{margin-left:0;width:82vw;padding:.3rem .2rem;font-size:1.1rem;line-height:1.6;color:#000;background:#a2ef43;border-radius:5px;border:1px solid #7ed321}.cb-lesson-quiz-body{display:flex;align-items:center;gap:.75rem}.cb-lesson-quiz-input{flex:1;min-width:0;border-radius:12px;border:2px solid #e5e7eb;padding:.8rem 1.1rem;font-size:1rem;background:#fff;color:#1e293b;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.cb-lesson-quiz-input::placeholder{color:#9ca3af}.cb-lesson-quiz-input:focus{border-color:#a2ef43;box-shadow:0 0 0 4px #a2ef431a,inset 0 2px 4px #00000005}.cb-lesson-quiz-button{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transform:translateY(0) scale(1);transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.cb-lesson-quiz-button:active{transform:translateY(2px) scale(.94);box-shadow:0 4px 14px 2px #7ed32138,0 3px #2b064a;filter:brightness(.96)}.cb-lesson-quiz-status{min-height:1.1rem;font-size:.8rem}.cb-lesson-quiz-correct{color:#029500;font-weight:600;font-size:1.5rem}.cb-lesson-quiz-wrong{color:#b60000;font-size:1rem}.cb-lesson-meta{margin-top:.4rem;display:flex;gap:.75rem;font-size:.8rem;color:#9ca3af}.cb-lesson-page:not(:has(.cb-lesson-card)){justify-content:center;align-items:center;text-align:center;color:#9ca3af;font-size:1rem}.cb-lesson-extended{font-size:1rem;width:95vw;line-height:1.8;color:#f0fdf4;margin:2rem 2rem 2rem -22.7rem;background:#0b1722;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-lesson-extended p{margin:0}.cb-lesson-extended-questions{margin:.75rem 0 0;padding-left:1.2rem;list-style:disc;color:#f9fafb;font-size:.9rem}.cb-lesson-extended-questions li+li{margin-top:.25rem}.cb-lesson-attack{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem 2rem 2rem -22.7rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-attack-step{display:flex;align-items:center;gap:1.4rem}.cb-attack-image{width:200px;height:200px;flex-shrink:0;filter:drop-shadow(0 14px 28px rgba(15,23,42,.9));animation:cb-attack-float 3.2s ease-in-out infinite}.cb-attack-step--computer .cb-attack-image{animation:cb-attack-float 3.2s ease-in-out infinite,cb-attack-compromised 3.2s ease-in-out infinite}.cb-attack-text{display:flex;flex-direction:column;gap:.18rem}.cb-attack-title{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cb-attack-step--computer .cb-attack-title{color:#facc15}.cb-attack-description{margin:0;font-size:1rem;line-height:1.7;color:#000}.cb-attack-arrow{display:flex;justify-content:center;align-items:center;gap:.6rem;position:relative}.cb-lab-horizontal{margin-top:2rem;width:93vw;margin-left:-22.5rem;padding:1.75rem 2rem;border-radius:20px;background:transparent;border:1px solid rgba(15,23,42,.9);border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden}.cb-lab-node{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.cb-lab-node-internet .cb-lab-node-icon{width:84px;height:84px;border-radius:999px;background:radial-gradient(circle at top,#0f172a,#020617 60%);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0f172ad9,0 0 0 2px #2563eb66;animation:cb-lab-pulse-internet 4s ease-in-out infinite}.cb-lab-node-image{width:72px;height:72px;object-fit:contain}.cb-lab-lane{flex:1 1 auto;height:80px;border-radius:999px;background:linear-gradient(to right,#0f172ae6,#0f172a,#0f172ae6);position:relative;overflow:visible}.cb-lab-lane:before{content:"";position:absolute;left:-40%;right:-40%;top:50%;height:10px;transform:translateY(-50%);background-image:linear-gradient(to right,rgba(221,213,34,.25) 40%,transparent 60%);background-size:24px 10px;animation:cb-lab-road-scroll 2.8s linear infinite}.cb-lab-packet{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:16px;border-radius:4px;box-shadow:0 0 10px #3b82f6cc;cursor:pointer}.cb-lab-packet-safe{background:linear-gradient(135deg,#bfdbfe,#2563eb);border:1px solid rgba(37,99,235,.7)}.cb-lab-packet-safe-1{left:-15%;animation:cb-lab-packet-safe-run 5s linear infinite}.cb-lab-packet-safe-2{left:-35%;animation:cb-lab-packet-safe-run 5s linear infinite 1.8s}.cb-lab-packet-ransom{width:26px;height:18px;border-radius:4px;background:linear-gradient(135deg,#fecaca,#b91c1c);box-shadow:0 0 16px #f87171f2,0 0 32px #f8717199;display:flex;align-items:center;justify-content:center;color:#020617;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(248,113,113,.75)}.cb-lab-packet-ransom-1{left:-20%;animation:cb-lab-packet-ransom-run 4.2s linear infinite}.cb-lab-packet-ransom-2{left:-45%;animation:cb-lab-packet-ransom-run 4.2s linear infinite 2.1s}.cb-lab-packet-label{pointer-events:none}.cb-lab-packet-tooltip-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.cb-lab-packet-tooltip-line{position:absolute;transform:translate(-50%,-100%);background:#020617;color:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:.6rem;border:1px solid rgba(148,163,184,.7);white-space:nowrap;pointer-events:none}.cb-malicious-note{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);font-size:.7rem;color:#e5e7eb;background:#0f172af2;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.5);white-space:nowrap}.cb-firewall{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:64px;width:90px;border-radius:12px;border:1px solid rgba(248,113,113,.6);background:radial-gradient(circle at top,#1e293b,#020617 65%);box-shadow:0 0 0 1px #0f172a,0 14px 30px #0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:default;color:#e5e7eb;font-size:.7rem;padding:4px 6px}.cb-firewall-title{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cb-firewall-status{font-size:.65rem;opacity:.8}.cb-lab-node-computer{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem}.cb-firewall-panel{width:210px;padding:.9rem 1rem;border-radius:12px;background:#0f172afa;box-shadow:0 14px 30px #0f172af2,0 0 0 1px #1e40afcc;color:#e5e7eb;font-size:.72rem}.cb-firewall-panel-title{font-size:.82rem;font-weight:600;margin-bottom:.25rem}.cb-firewall-subtitle{font-size:.7rem;color:#9ca3af;margin-bottom:.5rem}.cb-firewall-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;gap:.4rem}.cb-firewall-label{font-size:.7rem;color:#cbd5f5;flex:0 0 56px}.cb-firewall-toggle-group{display:flex;gap:.25rem}.cb-toggle{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb;font-size:.68rem;padding:2px 8px;cursor:pointer;transition:all .15s ease-out}.cb-toggle--allow{border-color:#16a34acc}.cb-toggle--deny{border-color:#dc2626d9}.cb-toggle--active{background:linear-gradient(135deg,#1d4ed8,#38bdf8);border-color:transparent;color:#f9fafb}.cb-firewall-input{flex:1;border-radius:6px;border:1px solid rgba(148,163,184,.8);background:#020617;color:#e5e7eb;font-size:.7rem;padding:4px 2px}.cb-firewall-input::placeholder{color:#6b7280}.cb-firewall-apply{width:100%;margin-top:.35rem;border-radius:999px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#f9fafb;font-size:.72rem;font-weight:600;padding:6px 0;cursor:pointer;box-shadow:0 8px 18px #16a34a99}.cb-firewall-hint{margin-top:.3rem;font-size:.66rem;color:#9ca3af}.cb-lab-node-computer-shell{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:cb-lab-computer-breath 4s ease-in-out infinite}.cb-lab-monitor{width:190px;height:118px;border-radius:10px 10px 4px 4px;background:linear-gradient(145deg,#020617,#0b1324);box-shadow:0 14px 34px #0f172ae6,0 0 0 1px #0f172ae6;padding:8px 10px;position:relative;overflow:hidden}.cb-lab-monitor-screen{width:100%;height:100%;border-radius:6px;background:radial-gradient(circle at top left,#0f172a,#020617 55%);box-shadow:inset 0 0 0 1px #0f172ae6;padding:6px 8px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.68rem;color:#e5e7eb;position:relative;overflow:hidden}.cb-lab-monitor-screen:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(to bottom,#94a3b800,#94a3b814 45%,#94a3b800);mix-blend-mode:screen;opacity:0;animation:cb-lab-screen-scan 4s linear infinite}.cb-lab-terminal-line{line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-lab-terminal-line-2,.cb-lab-terminal-line-3,.cb-lab-terminal-line-4{color:#fecaca}.cb-lab-terminal-line-secure{color:#bbf7d0}.cb-lab-terminal-line-2{animation:cb-lab-terminal-glitch 4.2s infinite 1.4s}.cb-lab-terminal-line-3{animation:cb-lab-terminal-glitch 4.2s infinite 1.8s}.cb-lab-terminal-line-4{animation:cb-lab-terminal-glitch 4.2s infinite 2.2s}.cb-lab-laptop-hinge{width:160px;height:6px;border-radius:999px;background:linear-gradient(to right,#020617,#111827,#020617);box-shadow:0 4px 10px #0f172ae6,0 0 0 1px #0f172ae6}.cb-lab-laptop-keyboard{width:210px;height:46px;border-radius:6px 6px 14px 14px;background:linear-gradient(160deg,#020617,#020617);box-shadow:0 10px 26px #0f172af2,0 0 0 1px #0f172ae6;position:relative;overflow:hidden}.cb-lab-laptop-keyboard:before{content:"";position:absolute;top:10px;right:16px;bottom:14px;left:16px;background-image:radial-gradient(circle at 50% 50%,#1e293b 0,#1e293b 55%,transparent 55%);background-size:16px 12px;background-repeat:repeat;opacity:.85}.cb-lab-laptop-keyboard:after{content:"";position:absolute;bottom:6px;left:50%;width:44px;height:6px;transform:translate(-50%);border-radius:999px;background:#020617;box-shadow:0 0 0 1px #0f172ae6}@keyframes cb-lab-pulse-internet{0%,to{box-shadow:0 12px 30px #0f172ad9,0 0 0 2px #2563eb66;transform:scale(1)}50%{box-shadow:0 16px 38px #2563ebe6,0 0 0 6px #2563eb40;transform:scale(1.03)}}@keyframes cb-lab-road-scroll{0%{transform:translate(0) translateY(-50%)}to{transform:translate(24px) translateY(-50%)}}@keyframes cb-lab-packet-safe-run{0%{transform:translate(-20%,-50%);opacity:0}10%{opacity:1}80%{transform:translate(95%,-50%);opacity:1}to{transform:translate(115%,-50%);opacity:0}}@keyframes cb-lab-packet-ransom-run{0%{transform:translate(-25%,-50%) scale(.9);opacity:0}15%{opacity:1}55%{transform:translate(40%,-50%) scale(1);opacity:1}80%{transform:translate(80%,-50%) scale(1.1);opacity:1;box-shadow:0 0 22px #f87171,0 0 42px #f87171f2}to{transform:translate(105%,-50%) scale(.4);opacity:0;box-shadow:0 0 32px #f87171,0 0 60px #f87171e6}}@keyframes cb-lab-computer-breath{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes cb-lab-screen-scan{0%{opacity:0;transform:translateY(-40%)}25%{opacity:.35}50%{opacity:0;transform:translateY(40%)}to{opacity:0;transform:translateY(40%)}}@keyframes cb-lab-terminal-glitch{0%,60%{text-shadow:none;opacity:1;transform:translate(0)}65%{opacity:.4;transform:translate(-1px)}68%{opacity:1;transform:translate(2px)}72%{opacity:.5;transform:translate(-2px)}78%{opacity:1;transform:translate(0);text-shadow:0 0 10px rgba(248,113,113,1),0 0 18px rgba(248,113,113,.9)}to{opacity:1;transform:translate(0);text-shadow:none}}.cb-firewall-dock{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;justify-content:center;pointer-events:none}.cb-firewall-draggable{pointer-events:auto;border-radius:6px;padding:2px 24px;margin-left:-7rem;background:radial-gradient(circle at top,#1e293b,#020617 70%);border:1px solid rgba(248,113,113,.7);display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:#e5e7eb;cursor:grab}.cb-firewall-draggable:active{cursor:grabbing}.cb-firewall-draggable-title{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cb-firewall-draggable-sub{font-size:.65rem;color:#9ca3af}.cb-lesson-explain{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem 2rem 2rem -22.7rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-section-heading-label{width:97vw;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-lesson-explain-text{margin-top:.75rem;font-size:.9rem;line-height:1.7;color:#000}.cb-lesson-protection{margin-top:2rem}.cb-protection-card{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem 2rem 2rem -22.7rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-protection-text{font-size:.9rem;line-height:1.7;color:#020617}.cb-lesson-complete-wrap{margin-top:1.75rem;display:flex;justify-content:flex-end}.cb-lesson-complete-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;margin-left:40rem;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transform:translateY(0) scale(1);transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.cb-lesson-complete-btn:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 32px 6px #7ed3213d,0 10px #44097c}.cb-lesson-complete-btn:active{transform:translateY(0) scale(.99);box-shadow:0 4px 16px 2px #7ed3212e,0 4px #44097c}.cb-lesson-section{font-size:1rem;width:95vw;line-height:1.8;color:#282828;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-lesson-section-title{width:auto;margin:-2.5rem -2.5rem 1.5rem;padding:1rem 2.5rem;background:#1e293b;color:#fff;font-size:1.25rem;font-weight:700;border-radius:12px 12px 0 0}.cb-lesson-section-text{font-size:1rem;line-height:1.7;color:#33363f}.cb-lesson-gif-wrap{max-width:1080px;margin:1rem auto 1.5rem;display:flex;justify-content:center}.cb-lesson-gif{margin-top:-4rem;width:100%;max-width:640px;border-radius:12px;box-shadow:0 18px 40px #0f172a8c;display:block}.cb-lesson-ping-explain{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-ping-title{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-ping-text{font-size:.9rem;line-height:1.6;color:#020314;margin-bottom:.55rem}.cb-ping-text:last-of-type{margin-bottom:0}.cb-ping-lab{max-width:1080px;margin:1.5rem auto;padding:1.5rem 1.6rem;border-radius:16px;background:#020b1f;color:#e5e7eb}.cb-ping-lab-title{font-size:1.25rem;font-weight:600}.cb-ping-lab-row{display:flex;align-items:center;gap:1.75rem;margin-top:1.25rem}.cb-ping-node{display:flex;flex-direction:column;align-items:center;gap:.45rem}.cb-ping-node-label{font-size:.85rem;color:#e5e7eb}.cb-ping-laptop{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem}.cb-ping-laptop-screen{width:140px;height:90px;border-radius:10px;background:radial-gradient(circle at top,#7f1d1d,#020617);border:2px solid #1f2937;box-shadow:0 10px 24px #000000a6;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cb-ping-screen-image{width:100%;height:100%;object-fit:contain;display:block}.cb-ping-laptop-hinge{width:82%;height:4px;border-radius:999px;background:#020617;box-shadow:0 1px #ffffff0a}.cb-ping-laptop-base{width:170px;height:10px;border-radius:999px;background:linear-gradient(180deg,#020617,#030712);box-shadow:0 10px 20px #000000b3}.cb-ping-monitor{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cb-ping-monitor-screen{width:150px;height:95px;border-radius:10px;background:radial-gradient(circle at top,#065f46,#020617);border:3px solid #0f172a;box-shadow:0 12px 26px #000000bf;padding:8px;display:flex;align-items:stretch;justify-content:center}.cb-ping-monitor-terminal{width:100%;border-radius:6px;background:#020617;padding:6px 7px;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.55rem;line-height:1.4;color:#e5e7eb;position:relative}.cb-ping-monitor-terminal:before,.cb-ping-monitor-terminal:after{content:"";position:absolute;top:4px;width:6px;height:6px;border-radius:999px}.cb-ping-monitor-terminal:before{left:6px;background:#f87171}.cb-ping-monitor-terminal:after{left:16px;background:#facc15}.cb-ping-term-line{display:block;padding-left:1px}.cb-ping-term-line--cmd{color:#a5b4fc}.cb-ping-term-line--ok{color:#4ade80}.cb-ping-monitor-stand{width:14px;height:18px;border-radius:6px;background:#020617;margin-top:3px}.cb-ping-monitor-base{width:80px;height:12px;border-radius:999px;background:linear-gradient(180deg,#020617,#030712);box-shadow:0 8px 18px #000c}.cb-ping-keyboard{margin-top:6px;width:120px;height:16px;border-radius:8px;background:linear-gradient(180deg,#111827,#020617);box-shadow:0 5px 12px #000c;position:relative}.cb-ping-keyboard:before{content:"";position:absolute;top:3px;right:10px;bottom:4px;left:10px;border-radius:5px;background-image:linear-gradient(90deg,rgba(148,163,184,.4) 1px,transparent 1px);background-size:10px 100%;opacity:.35}.cb-ping-middle{display:flex;flex-direction:column;align-items:center;gap:1.6rem;margin-top:-2.5rem}.cb-ping-arrow{display:flex;flex-direction:column;align-items:center;gap:.35rem}.cb-ping-arrow-line{position:relative;width:140px;height:2px;background:#94a3b899;overflow:hidden;border-radius:999px}.cb-ping-arrow-label{font-size:.8rem;color:#94a3b8}.cb-ping-packet{position:absolute;width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55ee6}.cb-ping-packet--out{top:-4px;left:-6px;animation:ping-out 1.8s linear infinite}.cb-ping-vertical-reply{display:flex;flex-direction:column;align-items:center;gap:.45rem}.cb-ping-vertical-line{position:relative;width:140px;height:2px;background:#94a3b899;border-radius:999px;overflow:hidden}.cb-ping-packet--vertical{top:-4px;right:-6px;background:#38bdf8;box-shadow:0 0 12px #38bdf8e6;animation:ping-horizontal-reply 1.8s linear infinite;animation-delay:.3s}.cb-ping-vertical-label{font-size:.8rem;color:#94a3b8}@keyframes ping-out{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{transform:translate(140px);opacity:1}to{transform:translate(140px);opacity:0}}@keyframes ping-horizontal-reply{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{transform:translate(-140px);opacity:1}to{transform:translate(-140px);opacity:0}}.cb-ping-status-bar{margin-top:1.3rem;padding:.7rem .9rem;border-radius:10px;background:#0f766e2e;border:1px solid rgba(45,212,191,.35)}.cb-ping-status-text{font-size:.9rem;color:#a5f3fc}.cb-ping-monitor-button{background:transparent;border:none;padding:0;cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .18s ease}.cb-ping-monitor-button:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}.cb-ping-monitor-button:hover .cb-ping-monitor-screen{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 36px #000000e6}.cb-fw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;display:flex;align-items:center;justify-content:center;z-index:60}.cb-fw-modal{width:520px;max-width:90vw;border-radius:16px;background:radial-gradient(circle at top left,#020617,#020314);box-shadow:0 32px 80px #000c;padding:1.2rem 1.4rem 1.3rem;animation:cb-fw-zoom-in .22s ease-out;color:#e5e7eb}.cb-fw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.cb-fw-title{font-size:1.05rem;font-weight:600}.cb-fw-close{border:none;background:transparent;color:#9ca3af;font-size:1.4rem;line-height:1;cursor:pointer;padding:.15rem .35rem;border-radius:999px;transition:background .18s ease,color .18s ease}.cb-fw-close:hover{background:#94a3b833;color:#e5e7eb}.cb-fw-body{font-size:.9rem}.cb-fw-subtitle{margin-bottom:.65rem;color:#cbd5f5}.cb-fw-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.9rem}.cb-fw-table th,.cb-fw-table td{padding:.35rem .45rem;text-align:left}.cb-fw-table thead th{font-weight:600;color:#e5e7eb;border-bottom:1px solid rgba(148,163,184,.4)}.cb-fw-table tbody tr:nth-child(odd){background:#0f172abf}.cb-fw-table tbody tr:nth-child(2n){background:#0f172a99}.cb-fw-row-icmp{background:#16a34a29}.cb-fw-row-icmp td:last-child{font-weight:600}.cb-fw-actions{display:flex;gap:.6rem;margin-bottom:.6rem}.cb-fw-btn{border-radius:999px;padding:.45rem .9rem;font-size:.85rem;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.cb-fw-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.cb-fw-btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fef2f2;box-shadow:0 8px 18px #f8717166}.cb-fw-btn-danger:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px #f871718c}.cb-fw-btn-secondary{background:#1e40afcc;color:#e5e7eb;box-shadow:0 6px 14px #3b82f659}.cb-fw-btn-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #3b82f680}.cb-fw-hint{font-size:.8rem;color:#9ca3af}@keyframes cb-fw-zoom-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cb-fw-explain{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-fw-explain-title{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-fw-explain-text{font-size:.82rem;line-height:1.5;color:#020314;margin-bottom:.45rem}.cb-fw-explain-list{margin:0;padding-left:1.1rem;font-size:1rem;color:#020314;display:flex;flex-direction:column;gap:.15rem}.cb-fw-explain-list li{list-style:disc}.cb-fw-appsec{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-fw-appsec-title{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-fw-appsec-text{font-size:.82rem;line-height:1.55;color:#020b1f;margin-bottom:.4rem}.cb-fw-appsec-text:last-of-type{margin-bottom:.45rem}.cb-fw-appsec-list{margin:0;padding-left:1.1rem;font-size:.8rem;color:#020b1f;display:flex;flex-direction:column;gap:.18rem}.cb-fw-appsec-list li{list-style:disc}.cb-fw-appsec-icons{margin-top:.7rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.cb-fw-appsec-icon{flex:1 1 0;width:200px;height:200px;object-fit:contain;border-radius:10px}.cb-sql-lab{margin-top:1.6rem;padding:1.1rem 1.3rem;border-radius:14px;background:radial-gradient(circle at top left,#020617,#020314);border:1px solid rgba(148,163,184,.3);box-shadow:0 22px 50px #000000b3}.cb-sql-lab-title{font-size:1.05rem;font-weight:600;margin-bottom:.9rem;color:#e5e7eb}.cb-sql-row{display:flex;gap:1.4rem;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.cb-sql-node{display:flex;flex-direction:column;align-items:center;flex:1 1 260px}.cb-sql-node-label{margin-top:.45rem;font-size:.8rem;color:#9ca3af}.cb-sql-laptop{position:relative;width:250px;max-width:100%}.cb-sql-laptop-screen{border-radius:10px 10px 4px 4px;background:#020617;border:1px solid rgba(148,163,184,.4);padding:.4rem;box-shadow:0 14px 26px #000000b3}.cb-sql-laptop-hinge{height:5px;margin:0 auto;width:70%;border-radius:0 0 999px 999px;background:#0f172a}.cb-sql-laptop-base{margin:.15rem auto 0;height:12px;width:100%;border-radius:0 0 12px 12px;background:linear-gradient(to bottom,#020617,#02040b);box-shadow:0 10px 18px #000000b3}.cb-sql-keyboard{position:absolute;left:10%;right:10%;bottom:-6px;height:8px;border-radius:8px;background:radial-gradient(circle at top,#1f2937,#020617)}.cb-sql-laptop--button{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cb-sql-laptop--button:hover .cb-sql-laptop-screen--term{transform:translateY(-2px);box-shadow:0 20px 34px #000000d9}.cb-sql-screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.cb-sql-screen-label{font-size:.78rem;color:#e5e7eb}.cb-sql-screen-body{font-size:.78rem;color:#cbd5f5}.cb-sql-input-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.cb-sql-input-label{font-size:.75rem;color:#9ca3af;margin-right:.3rem}.cb-sql-input{flex:1;height:14px;border-radius:4px;background:#020617;border:1px solid rgba(148,163,184,.5)}.cb-sql-input--danger{border-color:#ef4444cc;box-shadow:0 0 6px #ef4444b3;animation:cb-sql-pulse 1.2s ease-in-out infinite}.cb-sql-btn{margin-top:.25rem;width:72px;text-align:center;font-size:.75rem;padding:.12rem .2rem;border-radius:999px}.cb-sql-btn--danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fee2e2;box-shadow:0 8px 16px #f8717173}.cb-sql-alert{margin-top:.35rem;padding:.26rem .32rem;border-radius:6px;background:#7f1d1deb;border:1px solid rgba(248,113,113,.9);color:#fee2e2;font-size:.74rem;box-shadow:0 0 18px #f87171b3;animation:cb-sql-breach .9s ease-in-out infinite alternate}.cb-sql-alert-title{display:block;font-weight:600}.cb-sql-alert-text{display:block}.cb-sql-term-window{border-radius:6px;background:#020617;border:1px solid rgba(55,65,81,.9);padding:.3rem .4rem}.cb-sql-term-title{display:block;font-size:.78rem;color:#9ca3af;margin-bottom:.2rem}.cb-sql-term-body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem;color:#e5e7eb}.cb-sql-term-line{display:block;margin-bottom:.08rem}.cb-sql-term-line--payload{color:#fbbf24}.cb-sql-term-line--ok{color:#4ade80}.cb-sql-term-hint{display:block;margin-top:.18rem;font-size:.7rem;color:#9ca3af}.cb-sql-status-bar{margin-top:.9rem;padding:.4rem .6rem;border-radius:8px;background:#0f172af2;border:1px solid rgba(75,85,99,.7)}.cb-sql-status-text{font-size:.82rem;color:#e5e7eb}.cb-sql-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:70}.cb-sql-modal{width:540px;max-width:92vw;border-radius:14px;background:radial-gradient(circle at top left,#020617,#020314);border:1px solid rgba(148,163,184,.4);box-shadow:0 30px 80px #000000e6;padding:.9rem 1rem 1rem;color:#e5e7eb;animation:cb-sql-zoom-in .2s ease-out}.cb-sql-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.cb-sql-modal-title{font-size:.95rem;font-weight:600}.cb-sql-modal-close{border:none;background:transparent;color:#9ca3af;font-size:1.4rem;cursor:pointer;padding:.1rem .35rem;border-radius:999px}.cb-sql-modal-close:hover{background:#94a3b840;color:#e5e7eb}.cb-sql-modal-term{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.cb-sql-run-btn{margin-top:.6rem;border-radius:999px;border:none;padding:.32rem .85rem;font-size:.8rem;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);color:#fef3c7;box-shadow:0 10px 22px #f8ab5480}.cb-sql-dump{margin-top:.6rem;padding:.45rem .5rem;border-radius:8px;background:#020617;border:1px solid rgba(55,65,81,.9)}.cb-sql-dump-title{display:block;margin-bottom:.3rem;color:#e5e7eb}.cb-sql-dump-body{margin:0;font-size:.72rem;color:#a5b4fc;white-space:pre}@keyframes cb-sql-pulse{0%{box-shadow:0 0 4px #f8717166}to{box-shadow:0 0 10px #f87171e6}}@keyframes cb-sql-breach{0%{box-shadow:0 0 8px #f87171b3}to{box-shadow:0 0 18px #f87171}}@keyframes cb-sql-zoom-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cb-sql-input-shell{margin-top:.5rem;display:flex;align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cb-sql-input-shell-prompt{font-size:.78rem;color:#4ade80}.cb-sql-input-shell-field{flex:1;font-size:.78rem;padding:.25rem .35rem;border-radius:4px;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb}.cb-sql-input-shell-field::placeholder{color:#6b7280}.cb-sql-followup{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-sql-followup-text{font-size:.88rem;line-height:1.6;color:#020314;margin-bottom:.55rem}.cb-sql-followup-text:last-of-type{margin-bottom:0}.cb-cloud-explain{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-cloud-heading{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-cloud-text{font-size:1rem;line-height:1.65;color:#020314;margin-bottom:.55rem}.cb-cloud-text:last-of-type{margin-bottom:0}.cb-cloud-anim{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-cloud-anim-text{font-size:1rem;line-height:1.6;color:#020314;margin-bottom:.7rem;text-align:center}.cb-cloud-anim-gif{margin-top:3rem;width:460px;border-radius:8px;box-shadow:0 10px 22px #000c}.cb-cloud-deep{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-cloud-deep-text{font-size:1rem;line-height:1.7;color:#020314;margin:0}.cb-mobile{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-mobile-heading{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-mobile-text{font-size:.9rem;line-height:1.7;color:#020314;margin-bottom:.55rem}.cb-mobile-text:last-of-type{margin-bottom:0}.cb-mobile-gif-wrap{margin-top:.7rem}.cb-mobile-gif-caption{font-size:.9rem;line-height:1.5;color:#2563eb;margin-bottom:.4rem;text-align:center}.cb-mobile-gif-frame{display:flex;margin-top:2rem;justify-content:center;align-items:center;padding:.4rem;border-radius:10px}.cb-mobile-gif{width:360px;border-radius:8px;display:block;box-shadow:0 14px 30px #000000d9}.cb-mobile-lab{margin-top:1.5rem;padding:1.1rem 1.2rem 1.2rem;border-radius:16px;background:radial-gradient(circle at top left,#020617,#020314);border:1px solid rgba(56,189,248,.4);box-shadow:0 24px 60px #0f172ae6;color:#e5e7eb}.cb-mobile-lab-title{font-size:1.05rem;font-weight:600;margin-bottom:1rem}.cb-mobile-lab-row{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-end;justify-content:space-between}.cb-ms-node{display:flex;flex-direction:column;align-items:center}.cb-ms-node-label{margin-top:.4rem;font-size:.8rem;color:#9ca3af}.cb-ms-laptop{position:relative;width:240px;max-width:100%}.cb-ms-laptop-screen{border-radius:10px 10px 4px 4px;background:#020617;border:1px solid rgba(148,163,184,.4);padding:.4rem;box-shadow:0 14px 26px #000c}.cb-ms-laptop-hinge{height:5px;margin:0 auto;width:68%;border-radius:0 0 999px 999px;background:#0f172a}.cb-ms-laptop-base{margin:.15rem auto 0;height:12px;width:100%;border-radius:0 0 12px 12px;background:linear-gradient(to bottom,#020617,#02040b);box-shadow:0 10px 18px #000000b3}.cb-ms-keyboard{position:absolute;left:10%;right:10%;bottom:-6px;height:8px;border-radius:8px;background:radial-gradient(circle at top,#1f2937,#020617)}.cb-ms-term{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.cb-ms-term-title{display:block;font-size:.78rem;color:#9ca3af;margin-bottom:.15rem}.cb-ms-term-line{display:block;margin-bottom:.08rem}.cb-ms-term-line--payload{color:#fbbf24}.cb-ms-term-hint{display:block;margin-top:.15rem;font-size:.7rem;color:#9ca3af}.cb-ms-phone{width:160px;max-width:100%;border-radius:22px;background:linear-gradient(145deg,#020617,#02081a);border:2px solid rgba(148,163,184,.5);padding:.25rem .18rem;box-shadow:0 18px 34px #000000e6;display:flex;flex-direction:column;align-items:stretch}.cb-ms-phone-top,.cb-ms-phone-bottom{display:flex;justify-content:center;align-items:center;height:12px}.cb-ms-phone-speaker{width:38px;height:3px;border-radius:999px;background:#111827}.cb-ms-phone-home{width:16px;height:16px;border-radius:999px;border:1px solid #111827}.cb-ms-phone-screen{flex:1;border-radius:14px;background:#020617;border:1px solid rgba(31,41,55,.9);overflow:hidden}.cb-ms-app-header{padding:.25rem .35rem;background:linear-gradient(90deg,#1f2937,#0f172a)}.cb-ms-app-title{font-size:.75rem;color:#e5e7eb}.cb-ms-app-body{padding:.35rem .35rem .4rem}.cb-ms-app-field{height:12px;border-radius:4px;background:#020617;border:1px solid rgba(148,163,184,.4);margin-bottom:.22rem}.cb-ms-app-field--danger{border-color:#ef4444cc;box-shadow:0 0 6px #ef4444b3}.cb-ms-app-btn{margin-top:.15rem;width:64px;text-align:center;font-size:.72rem;padding:.1rem .18rem;border-radius:999px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fef3c7}.cb-ms-app-hint{margin-top:.2rem;font-size:.7rem;color:#9ca3af}.cb-ms-arrow-block{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cb-ms-arrow-line{position:relative;width:90px;height:3px;background:#374151e6;border-radius:999px}.cb-ms-arrow-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%) rotate(0);border-left:6px solid #e5e7eb;border-top:4px solid transparent;border-bottom:4px solid transparent}.cb-ms-packet{position:absolute;top:50%;left:6px;width:10px;height:10px;border-radius:999px;transform:translateY(-50%)}.cb-ms-packet--malicious{background:#f97316;box-shadow:0 0 8px #f87171cc}.cb-ms-packet--api{background:#38bdf8;box-shadow:0 0 8px #38bdf8cc}.cb-ms-arrow-label{font-size:.78rem;color:#cbd5f5;text-align:center}.cb-ms-stack{display:flex;flex-direction:column;align-items:center;gap:.6rem}.cb-ms-server-box,.cb-ms-db-box{min-width:210px;padding:.45rem .5rem;border-radius:10px;background:#020617;border:1px solid rgba(75,85,99,.9)}.cb-ms-server-title,.cb-ms-db-title{display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.cb-ms-server-line,.cb-ms-db-line{display:block;font-size:.78rem;color:#9ca3af}.cb-ms-db-box{border-color:#f87171e6;box-shadow:0 0 14px #f8717199}.cb-ms-vertical-arrow{display:flex;justify-content:center;align-items:center}.cb-ms-vertical-line{position:relative;width:3px;height:34px;background:#374151e6;border-radius:999px}.cb-ms-vertical-line:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-top:6px solid #e5e7eb;border-left:4px solid transparent;border-right:4px solid transparent}.cb-ms-packet--db{left:50%;top:6px;transform:translate(-50%);background:#facc15;box-shadow:0 0 8px #facc15cc}.cb-ms-status-bar{margin-top:1rem;padding:.45rem .6rem;border-radius:10px;background:#0f172af5;border:1px solid rgba(75,85,99,.8)}.cb-ms-status-text{font-size:.84rem;color:#e5e7eb}.cb-ms-laptop--button{background:transparent;border:none;padding:0;cursor:pointer}.cb-ms-laptop--button:focus-visible{outline:2px solid #f97316;outline-offset:3px}.cb-ms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:60}.cb-ms-overlay-inner{max-width:480px;width:90%;background:#020617;border-radius:14px;padding:1rem 1.1rem 1.1rem;border:1px solid rgba(56,189,248,.6);box-shadow:0 24px 70px #000000f2}.cb-ms-overlay-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#f9fafb}.cb-ms-overlay-text{font-size:.9rem;line-height:1.7;color:#e5e7eb;margin-bottom:.8rem}.cb-ms-overlay-close{padding:.35rem .9rem;border-radius:999px;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fef3c7;font-size:.85rem;cursor:pointer}.cb-container-sec{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-container-sec-heading{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-container-sec-text{font-size:.9rem;line-height:1.8;color:#020314;margin:0}.cb-container-img-wrap{margin-top:.1rem}.cb-container-img-caption{font-size:.82rem;line-height:1.5;color:#cbd5f5;margin-bottom:.45rem;text-align:center}.cb-container-img-frame{display:flex;justify-content:center;align-items:center;padding:.4rem;border-radius:12px;box-shadow:0 18px 40px #0f172af2}.cb-container-img{width:100%;width:420px;border-radius:10px;display:block}.cb-container-tools{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-container-tools-heading{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-container-tools-text{font-size:1rem;line-height:1.8;color:#020314;margin-bottom:.55rem}.cb-container-tools-text:last-of-type{margin-bottom:0}.cb-container-img-row{margin-top:1rem;display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}.cb-container-img-wrap{display:flex;flex-direction:column}.cb-container-img-wrap--third{flex:1 1 0;max-width:260px}.cb-container-img-caption{font-size:.82rem;line-height:1.4;color:#cbd5f5;margin-bottom:.35rem;text-align:center}.cb-container-img-frame{padding:.4rem;border-radius:12px;box-shadow:0 10px 20px #0f172ae6}.cb-container-img{width:100%;display:block;border-radius:8px}.cb-cont-lab{margin-top:1.4rem;padding:1.05rem 1.15rem 1.15rem;border-radius:16px;background:radial-gradient(circle at top left,#020617,#020314);border:1px solid rgba(248,250,252,.08);box-shadow:0 26px 60px #0f172af2;color:#e5e7eb}.cb-cont-lab-title{font-size:1.05rem;font-weight:600;margin-bottom:.9rem}.cb-cont-lab-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:2.2rem}.cb-cont-lab-row--container{margin-top:2.1rem;display:flex;justify-content:center}.cb-cont-node{display:flex;flex-direction:column;align-items:center}.cb-cont-node-label{margin-top:.35rem;font-size:.8rem;color:#9ca3af}.cb-cont-laptop{position:relative;width:230px;max-width:100%}.cb-cont-laptop--button{background:transparent;border:none;padding:0;cursor:pointer}.cb-cont-laptop--button:focus-visible{outline:2px solid #f97316;outline-offset:3px}.cb-cont-laptop-screen{border-radius:10px 10px 4px 4px;background:#020617;border:1px solid rgba(148,163,184,.5);padding:.45rem;box-shadow:0 16px 30px #000000e6}.cb-cont-laptop-hinge{height:5px;width:68%;margin:0 auto;border-radius:0 0 999px 999px;background:#0f172a}.cb-cont-laptop-base{height:12px;width:100%;margin:.15rem auto 0;border-radius:0 0 12px 12px;background:linear-gradient(to bottom,#020617,#02040b);box-shadow:0 12px 24px #000c}.cb-cont-laptop-keyboard{position:absolute;left:12%;right:12%;bottom:-6px;height:8px;border-radius:8px;background:radial-gradient(circle at top,#1f2937,#020617)}.cb-cont-term{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.cb-cont-term-title{display:block;font-size:.8rem;color:#9ca3af;margin-bottom:.15rem}.cb-cont-term-line{display:block;margin-bottom:.08rem}.cb-cont-term-line--payload{color:#fbbf24}.cb-cont-term-hint{display:block;margin-top:.18rem;font-size:.7rem;color:#9ca3af}.cb-cont-arrow-block{position:relative;display:flex;flex-direction:column;align-items:center}.cb-cont-arrow-line{position:relative;width:260px;height:3px;background:#374151e6;border-radius:999px}.cb-cont-arrow-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);border-left:6px solid #e5e7eb;border-top:4px solid transparent;border-bottom:4px solid transparent}.cb-cont-packet{position:absolute;top:50%;left:6px;width:10px;height:10px;border-radius:999px;transform:translateY(-50%)}.cb-cont-packet--docker{background:#38bdf8;box-shadow:0 0 8px #38bdf8e6}.cb-cont-arrow-label{margin-top:.45rem;font-size:.78rem;white-space:nowrap;color:#cbd5f5}.cb-cont-node--container{flex:0 0 auto}.cb-cont-container-3d{position:relative;width:210px;max-width:100%;transform:skew(-8deg)}.cb-cont-container-top{height:20px;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#1e3a8a,#0f172a);box-shadow:0 10px 20px #0f172acc}.cb-cont-container-front{padding:.45rem .55rem .55rem;border-radius:0 0 10px 10px;background:linear-gradient(135deg,#111827,#020617);border:1px solid rgba(96,165,250,.7)}.cb-cont-container-side{position:absolute;top:8px;right:-10px;width:16px;height:70%;border-radius:4px;background:linear-gradient(to bottom,#0b1120,#020617);box-shadow:-6px 0 16px #000000b3}.cb-cont-container-title{display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.cb-cont-container-line{display:block;font-size:.78rem;color:#9ca3af}.cb-cont-stack{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cb-cont-vert-arrow{display:flex;justify-content:center;align-items:center}.cb-cont-vert-line{position:relative;width:3px;height:60px;background:#374151e6;border-radius:999px}.cb-cont-vert-line:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-top:6px solid #e5e7eb;border-left:4px solid transparent;border-right:4px solid transparent}.cb-cont-packet--host{left:50%;top:10px;transform:translate(-50%);background:#facc15;box-shadow:0 0 8px #facc15e6}.cb-cont-host{width:230px;max-width:100%}.cb-cont-host-screen{padding:.5rem .6rem;border-radius:10px 10px 4px 4px;background:linear-gradient(135deg,#020617,#020814);border:1px solid rgba(148,163,184,.7);box-shadow:0 16px 30px #000000e6}.cb-cont-host-title{display:block;font-size:.82rem;font-weight:600;margin-bottom:.2rem}.cb-cont-host-line{display:block;font-size:.78rem;color:#9ca3af}.cb-cont-host-stand{width:48px;height:18px;margin:.25rem auto 0;border-radius:999px;background:radial-gradient(circle at top,#111827,#020617)}.cb-cont-status-bar{margin-top:1rem;padding:.5rem .65rem;border-radius:10px;background:#0f172afa;border:1px solid rgba(75,85,99,.85)}.cb-cont-status-text{font-size:.84rem;color:#e5e7eb}.cb-cont-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;display:flex;align-items:center;justify-content:center;z-index:70}.cb-cont-overlay-inner{max-width:460px;width:90%;background:#020617;border-radius:14px;padding:1rem 1.1rem 1.1rem;border:1px solid rgba(96,165,250,.7);box-shadow:0 26px 70px #000000fa}.cb-cont-overlay-title{font-size:1rem;font-weight:600;margin-bottom:.55rem;color:#f9fafb}.cb-cont-overlay-text{font-size:.9rem;line-height:1.7;color:#e5e7eb;margin-bottom:.8rem}.cb-cont-overlay-close{padding:.35rem .9rem;border-radius:999px;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fef3c7;font-size:.85rem;cursor:pointer}.cb-cont-term-shell{margin-top:.4rem;border-radius:10px;background:#020617;border:1px solid rgba(55,65,81,.9);padding:.55rem .65rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#e5e7eb}.cb-cont-term-shell-body{max-height:180px;overflow-y:auto;padding-right:.25rem}.cb-cont-term-shell-line{line-height:1.4;white-space:pre-wrap}.cb-cont-term-shell-input-row{display:flex;align-items:center;gap:.4rem;margin-top:.55rem;border-top:1px solid rgba(31,41,55,.9);padding-top:.45rem}.cb-cont-term-shell-prompt{color:#22c55e;font-size:.8rem}.cb-cont-term-shell-input{flex:1;background:#020817;border-radius:6px;border:1px solid rgba(55,65,81,.9);padding:.3rem .45rem;color:#e5e7eb;font-size:.8rem;font-family:inherit}.cb-cont-term-shell-input:focus{outline:1px solid #38bdf8;outline-offset:0;border-color:#38bdf8}.cb-cont-term-shell-run{padding:.28rem .7rem;border-radius:999px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#ecfdf5;font-size:.78rem;cursor:pointer}.cb-cont-helper-wrap{margin-top:1.25rem;display:flex;justify-content:center}.cb-cont-helper-card{max-width:880px;width:100%;padding:.9rem 1.2rem;border-radius:14px;background:radial-gradient(circle at top left,#0f172a 0,#020617 55%);border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 45px #0f172ae6,0 0 0 1px #0f172ae6}.cb-cont-helper-heading{margin:0 0 .5rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:#e5e7eb}.cb-cont-helper-text{margin:.18rem 0;font-size:.82rem;line-height:1.5;color:#cbd5f5}.cb-cont-helper-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;padding:.06rem .35rem;border-radius:5px;background:#0f172af2;border:1px solid rgba(55,65,81,.9);color:#facc15}.cb-os-sec{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-os-sec-kicker{margin:0 0 .15rem;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#f97316}.cb-os-sec-title{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-os-sec-title--small{margin-top:.9rem;font-size:.95rem}.cb-os-sec-text{margin:.18rem 0;font-size:1rem;line-height:1.6;color:#020314}.cb-os-sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin-top:.65rem}.cb-os-sec-card{padding:.6rem .7rem;border-radius:10px;border:1px solid rgba(55,65,81,.9);border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none}.cb-os-sec-chip{display:inline-flex;padding:.08rem .5rem;font-size:1.5rem;font-weight:500;margin-bottom:.25rem}.cb-os-sec-block--virtual{margin-top:.9rem;padding-top:.6rem;border-top:1px dashed rgba(75,85,99,.85)}.cb-os-arch{margin-top:1.8rem;display:flex;justify-content:center}.cb-os-arch-inner{max-width:960px;width:100%;padding:1.4rem 1.6rem 1.7rem;border-radius:22px;background:radial-gradient(circle at top left,#020617 0,#000 85%);border:1px solid rgba(148,163,184,.55);box-shadow:0 26px 70px #0f172af5,0 0 0 1px #0f172ae6}.cb-os-arch-kicker{margin:0 0 .18rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#22c55e;text-align:center}.cb-os-arch-title{margin:0 0 .4rem;font-size:1.14rem;font-weight:600;color:#e5e7eb;text-align:center}.cb-os-arch-text,.cb-os-arch-text--hint{margin:.1rem auto;max-width:720px;font-size:.84rem;line-height:1.6;color:#c7d2fe;text-align:center}.cb-os-arch-text--hint{margin-top:.6rem;font-size:.8rem;color:#a5b4fc}.cb-os-arch-stage{position:relative;margin-top:1.1rem;padding:1.4rem 0;display:flex;flex-direction:column;align-items:center}.cb-os-arch-layer{position:relative;width:80%;max-width:640px;margin:.5rem 0;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,opacity .16s ease;z-index:1}.cb-os-arch-layer-face{position:relative;padding:.7rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,#020617,#020617);border:1px solid rgba(55,65,81,.9);box-shadow:0 8px 18px #0f172ad9,0 0 0 1px #0f172af2}.cb-os-arch-layer:before,.cb-os-arch-layer:after{content:none}.cb-os-arch-layer--user .cb-os-arch-layer-face{background:linear-gradient(135deg,#22c55e,#15803d);border-color:#bef264d9}.cb-os-arch-layer--apps .cb-os-arch-layer-face{background:linear-gradient(135deg,#0f172a,#020617)}.cb-os-arch-layer--kernel .cb-os-arch-layer-face{background:linear-gradient(135deg,#111827,#020617);border-color:#f8fafc80}.cb-os-arch-layer--hardware .cb-os-arch-layer-face{background:linear-gradient(135deg,#020617,#000)}.cb-os-arch-layer--user{margin-top:.2rem}.cb-os-arch-layer--apps,.cb-os-arch-layer--kernel,.cb-os-arch-layer--hardware{margin-top:.4rem}.cb-os-arch-layer:hover,.cb-os-arch-layer--active{transform:translateY(-4px);box-shadow:0 14px 32px #0f172ae6,0 0 0 1px #0f172af2;z-index:20}.cb-os-arch-stage.has-active .cb-os-arch-layer:not(.cb-os-arch-layer--active){opacity:.7}.cb-os-arch-layer-title{display:block;font-size:.9rem;font-weight:600;color:#e5e7eb;text-align:left}.cb-os-arch-layer-line{display:block;margin-top:.18rem;font-size:.78rem;color:#d1d5db;text-align:left}.cb-os-arch-pieces{position:absolute;left:50%;top:50%;pointer-events:none;opacity:0;transform:translate(-50%,-46%) scale(.9);transition:opacity .2s ease-out,transform .22s ease-out;z-index:30}.cb-os-arch-layer--active .cb-os-arch-pieces{opacity:1;transform:translate(-50%,-50%) scale(1)}.cb-os-arch-piece{position:absolute;width:180px;padding:.38rem .5rem;border-radius:10px;background:radial-gradient(circle at top left,#020617,#020617);border:1px solid rgba(55,65,81,.9);box-shadow:0 10px 22px #0f172ae6;font-size:.75rem;color:#e5e7eb;z-index:31}.cb-os-arch-piece--primary{background:radial-gradient(circle at top left,#22c55e,#15803d);border-color:#bbf7d0e6;color:#ecfdf5}.cb-os-arch-piece-title{display:block;font-weight:600;margin-bottom:.08rem}.cb-os-arch-piece-line{display:block;font-size:.72rem;color:#e2e8f0e6}.cb-os-arch-pieces--user .cb-os-arch-piece--primary{top:-96px;left:-95px}.cb-os-arch-pieces--user .cb-os-arch-piece:nth-child(2){top:4px;left:-210px}.cb-os-arch-pieces--user .cb-os-arch-piece:nth-child(3){top:12px;left:18px}.cb-os-arch-pieces--apps .cb-os-arch-piece--primary{top:-96px;left:-95px}.cb-os-arch-pieces--apps .cb-os-arch-piece:nth-child(2){top:8px;left:-212px}.cb-os-arch-pieces--apps .cb-os-arch-piece:nth-child(3){top:8px;left:24px}.cb-os-arch-pieces--kernel .cb-os-arch-piece--primary{top:-98px;left:-95px}.cb-os-arch-pieces--kernel .cb-os-arch-piece:nth-child(2){top:-4px;left:-214px}.cb-os-arch-pieces--kernel .cb-os-arch-piece:nth-child(3){top:-4px;left:20px}.cb-os-arch-pieces--kernel .cb-os-arch-piece:nth-child(4){top:80px;left:-95px}.cb-os-arch-pieces--hardware .cb-os-arch-piece--primary{top:-96px;left:-95px}.cb-os-arch-pieces--hardware .cb-os-arch-piece:nth-child(2){top:4px;left:-214px}.cb-os-arch-pieces--hardware .cb-os-arch-piece:nth-child(3){top:4px;left:24px}.cb-os-arch-pieces--hardware .cb-os-arch-piece:nth-child(4){top:82px;left:-95px}.cb-os-arch-loop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:0}.cb-os-arch-loop-orbit{position:relative;width:60%;max-width:450px;height:120px;border-radius:999px;border:1px dashed rgba(148,163,184,.35);animation:cb-os-arch-orbit 16s linear infinite}.cb-os-arch-loop-node{position:absolute;padding:.08rem .44rem;border-radius:999px;font-size:.7rem;font-weight:500;color:#ecfeff;background:radial-gradient(circle at top left,#22c55e,#16a34a);box-shadow:0 0 10px #22c55ecc}.cb-os-arch-loop-node--down{top:-8px;left:10%}.cb-os-arch-loop-node--up{bottom:-8px;right:10%;background:radial-gradient(circle at top left,#38bdf8,#0ea5e9);box-shadow:0 0 10px #38bdf8d9}@keyframes cb-os-arch-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cb-os-arch-note-text{margin:2rem auto 0;max-width:720px;font-size:1rem;line-height:1.6;color:#020314;text-align:center}.cb-os-arch-note-link{color:#38bdf8;font-weight:600;cursor:pointer;border-bottom:1px dashed rgba(56,189,248,.6)}.cb-os-arch-note-link:hover{color:#7dd3fc;border-bottom-color:#7dd3fce6}.cb-cia-triad-card{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-cia-triad-title{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-cia-triad-text{margin:0;font-size:1rem;line-height:1.9;color:#020314}.cb-cia-detail{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-cia-detail-heading{width:96vw;margin-left:-1.7rem;margin-top:-2rem;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:#f9fafb;background:#020b1f;border-radius:5px}.cb-cia-detail-text{margin:0;font-size:1rem;line-height:1.8;color:#020314}.cb-cia-detail-image-wrap{margin-top:.9rem;display:flex;justify-content:center}.cb-cia-detail-image{max-width:360px;width:100%;border-radius:12px;box-shadow:0 16px 38px #000000e6}.cb-bank-scene{width:min(96vw,1280px);padding:1.6rem 1.8rem 1.8rem;margin:2rem auto 0 -20rem;border-radius:26px;background:radial-gradient(circle at top left,#020617 0,#020314 60%);border:1px solid rgba(148,163,184,.55);box-shadow:0 30px 86px #0f172af5,0 0 0 1px #0f172ae6;color:#e5e7eb}.cb-bank-heading{margin:0 0 .5rem;font-size:1.18rem;font-weight:650;letter-spacing:.03em;color:#fde68a}.cb-bank-text{margin:0 0 1rem;font-size:.9rem;line-height:1.7;color:#cbd5f5}.cb-bank-stage{position:relative;height:380px;border-radius:22px;overflow:hidden;background:#020314;box-shadow:inset 0 0 40px #000c}.cb-bank-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:120%;object-fit:cover;filter:brightness(.95)}.cb-bank-character{position:absolute;bottom:82px;width:170px;opacity:0}.cb-bank-character-img{width:100%;display:block}.cb-bank-character--victim{left:-160px;animation:bankVictimWalk 12s linear infinite}.cb-bank-character--attacker{left:-160px;animation:bankAttackerWalk 12s linear infinite}.cb-bank-character--employee{right:60px;animation:bankEmployeeAppear 12s linear infinite}.cb-bank-bubble{position:absolute;left:50%;bottom:172px;transform:translate(-50%);max-width:210px;padding:.35rem .6rem;border-radius:12px;font-size:.76rem;line-height:1.45;background:#0f172af5;border:1px solid rgba(148,163,184,.75);opacity:0}.cb-bank-bubble:after{content:"";position:absolute;left:22px;bottom:-7px;border-top:7px solid rgba(15,23,42,.96);border-left:6px solid transparent;border-right:6px solid transparent}.cb-bank-bubble--victim{animation:bankBubbleVictim 12s linear infinite}.cb-bank-bubble--attacker{background:#7f1d1df5;border-color:#f87171e6;animation:bankBubbleAttacker 12s linear infinite}.cb-bank-bubble--employee{background:#1e40aff5;border-color:#818cf8e6;animation:bankBubbleEmployee 12s linear infinite}.cb-bank-token{position:absolute;bottom:182px;width:300px;padding:.22rem .4rem;border-radius:999px;display:flex;justify-content:center;font-size:1.2rem;opacity:0}.cb-bank-token span{padding:.16rem .7rem;border-radius:999px;background:radial-gradient(circle at top left,#38bdf8,#0ea5e9);color:#ecfeff;box-shadow:0 0 10px #38bdf8e6}.cb-bank-token--out span{background:radial-gradient(circle at top left,#ef4444,#b91c1c);box-shadow:0 0 10px #f87171f2}.cb-bank-token--in{left:30%;animation:bankTokenIn 12s linear infinite}.cb-bank-token--out{right:55%;animation:bankTokenOut 12s linear infinite}.cb-bank-steps{position:absolute;left:6%;right:6%;bottom:18px;display:flex;flex-wrap:wrap;gap:.4rem;font-size:1rem}.cb-bank-step{padding:.18rem .6rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);opacity:.35;transition:opacity .2s ease,transform .2s ease}.cb-bank-step--1{animation:bankStep1 12s linear infinite}.cb-bank-step--2{animation:bankStep2 12s linear infinite}.cb-bank-step--3{animation:bankStep3 12s linear infinite}.cb-bank-step--4{animation:bankStep4 12s linear infinite}@keyframes bankVictimWalk{0%{opacity:1;transform:translate(0)}10%{transform:translate(140px)}20%,30%{transform:translate(300px)}40%{transform:translate(580px);opacity:1}45%,to{opacity:0;transform:translate(580px)}}@keyframes bankAttackerWalk{0%,45%{opacity:0;transform:translate(0)}55%{opacity:1;transform:translate(140px)}65%,85%{opacity:1;transform:translate(300px)}to{opacity:1;transform:translate(300px)}}@keyframes bankEmployeeAppear{0%,45%{opacity:0}55%{opacity:1}to{opacity:1}}@keyframes bankBubbleVictim{0%,6%{opacity:0}12%,32%{opacity:1}38%,to{opacity:0}}@keyframes bankBubbleAttacker{0%,55%{opacity:0}60%,80%{opacity:1}90%,to{opacity:.6}}@keyframes bankBubbleEmployee{0%,60%{opacity:0}68%,90%{opacity:1}96%,to{opacity:.8}}@keyframes bankTokenIn{0%,8%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(90px)}25%,30%{opacity:1;transform:translate(240px)}40%,to{opacity:0;transform:translate(280px)}}@keyframes bankTokenOut{0%,60%{opacity:0;transform:translate(0)}70%{opacity:1;transform:translate(-70px)}82%{opacity:1;transform:translate(-180px)}96%,to{opacity:.6;transform:translate(-210px)}}@keyframes bankStep1{0%,26%{opacity:1;transform:scale(1)}32%,to{opacity:.35;transform:scale(.96)}}@keyframes bankStep2{0%,20%{opacity:.35}24%,40%{opacity:1;transform:scale(1)}46%,to{opacity:.35;transform:scale(.96)}}@keyframes bankStep3{0%,50%{opacity:.35}55%,72%{opacity:1;transform:scale(1)}78%,to{opacity:.35;transform:scale(.96)}}@keyframes bankStep4{0%,72%{opacity:.35}76%,to{opacity:1;transform:scale(1)}}.cb-bank-summary{font-size:1rem;width:95vw;line-height:1.8;color:#020314;margin:2rem;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-bank-summary-text{margin:0;font-size:.9rem;line-height:1.7;color:#020314}.cb-lesson-quiz--bank{font-size:1rem;width:min(95vw,1500px);line-height:1.8;margin:2rem auto 2rem -23rem;color:#282828;background:transparent;border-left:3px solid #b87800;border-right:3px solid #b87800;border-top:none;border-bottom:none;border-radius:20px;padding:1.25rem 1.5rem}.cb-lesson-quiz-header--bank{display:flex;flex-direction:column}.cb-lesson-quiz-question--bank{margin-left:0;width:100%;padding:.3rem .2rem;font-size:1.1rem;line-height:1.6;color:#000;background:#a2ef43;border-radius:5px;border:1px solid #7ed321}.cb-lesson-quiz-body--bank{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.cb-lesson-quiz-input--bank{flex:1;min-width:0;border-radius:6px;border:1.5px solid rgb(160,160,160);padding:.8rem .9rem;font-size:.9rem;background:#fff;color:#000;outline:none}.cb-lesson-quiz-input--bank::placeholder{color:#0009}.cb-lesson-quiz-input--bank:focus{border-color:#5e5e5e}.cb-lesson-quiz-button--bank{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #7ed3212e,0 8px #44097c;color:#fff;font-weight:900;font-size:1rem;letter-spacing:.018em;padding:0 1.8rem;height:45px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transform:translateY(0) scale(1);transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.cb-lesson-quiz-button--bank:active{transform:translateY(2px) scale(.94);box-shadow:0 4px 14px 2px #7ed32138,0 3px #2b064a;filter:brightness(.96)}.cb-lesson-quiz-status--bank{min-height:1.1rem;font-size:.8rem;margin-top:.4rem}.cb-lesson-quiz-correct--bank{color:#029500;font-weight:600;font-size:1.2rem}.cb-lesson-quiz-wrong--bank{color:#b60000;font-size:.95rem}.cb-mitm-scene{position:relative;width:min(900px,96vw);height:220px;margin:2rem auto 2rem -7rem}.cb-mitm-person{position:absolute;bottom:40px;text-align:center}.cb-mitm-person--left{left:0}.cb-mitm-person--right{right:0}.cb-mitm-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 0 14px #38bdf8b3;margin:0 auto .35rem}.cb-mitm-label{font-size:.85rem;font-weight:600;color:#111827}.cb-mitm-hacker{position:absolute;left:50%;bottom:42px;transform:translate(-50%);text-align:center}.cb-mitm-hacker-head{width:50px;height:38px;border-radius:15px 15px 10px 10px;background:#111827;position:relative}.cb-mitm-hacker-head:before,.cb-mitm-hacker-head:after{content:"";position:absolute;top:14px;width:10px;height:6px;border-radius:999px;background:#22c55e}.cb-mitm-hacker-head:before{left:9px}.cb-mitm-hacker-head:after{right:9px}.cb-mitm-hacker-body{width:46px;height:32px;margin:4px auto 0;border-radius:12px;background:linear-gradient(135deg,#f97316,#b45309)}.cb-mitm-hacker-label{margin-top:.3rem;font-size:.8rem;font-weight:600;color:#b91c1c}.cb-mitm-line{position:absolute;left:10%;right:10%;bottom:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,#9ca3af,#6b7280)}.cb-mitm-bubble{position:absolute;max-width:210px;padding:.35rem .55rem;border-radius:14px;font-size:.78rem;line-height:1.4;background:#fff;border:1px solid #d4d4d8;box-shadow:0 6px 18px #0f172a29;opacity:0}.cb-mitm-bubble-text{color:#111827}.cb-mitm-bubble--left{left:2%;bottom:132px;animation:mitmBubbleLeft 8s linear infinite}.cb-mitm-bubble--right{right:2%;bottom:132px;animation:mitmBubbleRight 8s linear infinite}.cb-mitm-packet{position:absolute;bottom:62px;padding:.22rem .6rem;border-radius:999px;font-size:.75rem;white-space:nowrap;opacity:0}.cb-mitm-packet span{display:inline-block;padding:.12rem .55rem;border-radius:999px;color:#f9fafb}.cb-mitm-packet--cipher span{background:linear-gradient(135deg,#0f766e,#22c55e);box-shadow:0 0 10px #22c55ecc}.cb-mitm-packet--stolen span{background:linear-gradient(135deg,#b91c1c,#f97316);box-shadow:0 0 10px #f87171e6}.cb-mitm-packet--cipher{left:10%;animation:mitmPacketCipher 8s linear infinite}.cb-mitm-packet--stolen{left:50%;transform:translate(-50%);animation:mitmPacketStolen 8s linear infinite}@keyframes mitmBubbleLeft{0%,8%{opacity:0}12%,32%{opacity:1}40%,to{opacity:0}}@keyframes mitmBubbleRight{0%,40%{opacity:0}48%,72%{opacity:1}80%,to{opacity:0}}@keyframes mitmPacketCipher{0%,10%{opacity:0;transform:translate(0)}18%{opacity:1;transform:translate(18vw)}28%{opacity:1;transform:translate(34vw)}38%,to{opacity:0;transform:translate(46vw)}}@keyframes mitmPacketStolen{0%,24%{opacity:0;transform:translate(-50%)}30%{opacity:1;transform:translate(-50%)}40%{opacity:1;transform:translate(-50%,16px)}54%,to{opacity:0;transform:translate(-50%,22px)}}.cb-ddos-scene{position:relative;width:min(980px,96vw);height:260px;margin:2rem auto 2rem -8rem}.cb-ddos-user{position:absolute;left:0;bottom:40px;text-align:center}.cb-ddos-user-screen{width:72px;height:96px;border-radius:18px;border:2px solid #4b5563;background:transparent;box-shadow:0 8px 18px #0f172a2e;position:relative;overflow:visible}.cb-ddos-user-screen:before{content:"";position:absolute;left:50%;top:6px;width:34px;height:34px;border-radius:50%;background:#fed7aa;box-shadow:0 0 8px #f8ab58cc;transform:translate(-50%)}.cb-ddos-user-screen:after{content:"";position:absolute;left:50%;top:34px;width:40px;height:46px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:translate(-50%)}.cb-ddos-user-click{position:absolute;left:50%;top:54px;width:16px;height:16px;border-radius:50%;background:#f97316;transform:translate(-50%,-50%);animation:ddosClickPulse 8s linear infinite}.cb-ddos-user-label{margin-top:.4rem;max-width:140px;font-size:.78rem;color:#111827}.cb-ddos-server{position:absolute;left:50%;bottom:52px;transform:translate(-50%);text-align:center}.cb-ddos-server-stack{width:110px;height:90px;border-radius:12px;background:#111827;box-shadow:0 16px 30px #0f172a99;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;animation:ddosServerNormal 5s linear infinite}.cb-ddos-server-layer{height:18px;border-radius:6px;background:linear-gradient(90deg,#16a34a,#22c55e)}.cb-ddos-server-light{width:14px;height:14px;margin:6px auto 0;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55ee6;animation:ddosServerLight 5s linear infinite}.cb-ddos-server-label{margin-top:.35rem;font-size:.8rem;color:#111827}.cb-ddos-attacker{position:absolute;right:0;bottom:44px;text-align:center}.cb-ddos-attacker-head{width:54px;height:38px;border-radius:16px 16px 12px 12px;background:#111827;position:relative}.cb-ddos-attacker-head:before,.cb-ddos-attacker-head:after{content:"";position:absolute;top:13px;width:11px;height:7px;border-radius:999px;background:#f97316}.cb-ddos-attacker-head:before{left:8px}.cb-ddos-attacker-head:after{right:8px}.cb-ddos-attacker-body{width:52px;height:34px;margin:4px auto 0;border-radius:13px;background:linear-gradient(135deg,#b91c1c,#f97316);box-shadow:0 10px 22px #b91c1cb3}.cb-ddos-attacker-label{margin-top:.35rem;font-size:.8rem;font-weight:600;color:#b91c1c}.cb-ddos-line{position:absolute;bottom:86px;height:3px;border-radius:999px}.cb-ddos-line--user{left:14%;right:52%;background:linear-gradient(90deg,#60a5fa,#22c55e);opacity:.7}.cb-ddos-packet{position:absolute;padding:.22rem .55rem;border-radius:999px;background:#2563eb;color:#f9fafb;font-size:.72rem;white-space:nowrap;box-shadow:0 0 10px #2563ebb3;opacity:0}.cb-ddos-packet--user{bottom:76px;left:14%;animation:ddosUserPacket 5s linear infinite}.cb-ddos-wave{position:absolute;bottom:86px;width:90px;height:32px;border-radius:999px;background:radial-gradient(circle at left,#f97316,transparent 70%);opacity:0}.cb-ddos-wave--1{right:10%;animation:ddosWave1 5s linear infinite}.cb-ddos-wave--2{right:10%;animation:ddosWave2 5s linear infinite}.cb-ddos-wave--3{right:10%;animation:ddosWave3 5s linear infinite}.cb-ddos-error{position:absolute;left:2%;bottom:138px;max-width:220px;padding:.35rem .55rem;border-radius:12px;font-size:.78rem;line-height:1.4;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;box-shadow:0 8px 20px #f8717173;opacity:0;animation:ddosErrorBubble 5s linear infinite}@keyframes ddosClickPulse{0%,38%{transform:translate(-50%,-50%) scale(1)}42%{transform:translate(-50%,-50%) scale(1.15)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes ddosServerNormal{0%,8%{background:#111827;transform:translate(0)}10%,40%{background:#7f1d1d;transform:translate(-2px) rotate(-.5deg)}25%{transform:translate(2px) rotate(.6deg)}50%,to{background:#111827;transform:translate(0)}}@keyframes ddosServerLight{0%,8%{background:#22c55e;box-shadow:0 0 10px #22c55ee6}10%,40%{background:#dc2626;box-shadow:0 0 12px #dc2626f2}50%,to{background:#22c55e;box-shadow:0 0 10px #22c55ee6}}@keyframes ddosUserPacket{0%,42%{opacity:0;transform:translate(0)}48%{opacity:1;transform:translate(8vw)}60%{opacity:1;transform:translate(16vw)}68%,to{opacity:0;transform:translate(16vw) translateY(6px)}}@keyframes ddosWave1{0%,4%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(-6vw)}20%{opacity:0;transform:translate(-11vw)}to{opacity:0}}@keyframes ddosWave2{0%,10%{opacity:0;transform:translate(0)}18%{opacity:1;transform:translate(-6vw)}28%{opacity:0;transform:translate(-11vw)}to{opacity:0}}@keyframes ddosWave3{0%,18%{opacity:0;transform:translate(0)}26%{opacity:1;transform:translate(-6vw)}36%{opacity:0;transform:translate(-11vw)}to{opacity:0}}@keyframes ddosErrorBubble{0%,46%{opacity:0}52%,70%{opacity:1}80%,to{opacity:0}}.cb-cia-balls{position:relative;width:min(900px,96vw);height:260px;margin:2.2rem auto 0 -10rem}.cb-cia-ball{position:absolute;bottom:40px;width:80px;height:80px;transform-origin:center bottom}.cb-cia-ball--c{left:10%;animation:ciaFloatC 6s ease-in-out infinite}.cb-cia-ball--i{left:45%;animation:ciaFloatI 6.5s ease-in-out infinite}.cb-cia-ball--a{right:10%;animation:ciaFloatA 7s ease-in-out infinite}.cb-cia-ball-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fef9c3,#facc15);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.6rem;color:#1f2937;text-shadow:0 1px 2px rgba(255,255,255,.6);transform-origin:center bottom;animation:ciaSquash 1.4s ease-in-out infinite;cursor:pointer}.cb-cia-ball-tooltip{position:absolute;left:50%;bottom:105%;transform:translate(-50%);padding:.35rem .6rem;border-radius:10px;font-size:.78rem;line-height:1.5;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0f172a38;width:180px;opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .16s ease-out}.cb-cia-ball:hover{animation-play-state:paused}.cb-cia-ball:hover .cb-cia-ball-circle{animation-play-state:paused;box-shadow:0 0 #facc15e6,0 0 40px 18px #facc15d9;transform:scale(1.1)}.cb-cia-ball:hover .cb-cia-ball-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.cb-cia-ball--c .cb-cia-ball-circle{background:radial-gradient(circle at 30% 20%,#bfdbfe,#3b82f6)}.cb-cia-ball--i .cb-cia-ball-circle{background:radial-gradient(circle at 30% 20%,#bbf7d0,#22c55e)}.cb-cia-ball--a .cb-cia-ball-circle{background:radial-gradient(circle at 30% 20%,#fed7aa,#f97316)}@keyframes ciaFloatC{0%{transform:translateZ(0)}20%{transform:translate3d(0,-60px,0)}40%{transform:translateZ(0)}60%{transform:translate3d(0,-40px,0)}80%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes ciaFloatI{0%{transform:translate3d(0,-20px,0)}18%{transform:translate3d(0,-70px,0)}36%{transform:translate3d(0,-10px,0)}54%{transform:translate3d(0,-50px,0)}72%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,-20px,0)}}@keyframes ciaFloatA{0%{transform:translateZ(0)}25%{transform:translate3d(0,-50px,0)}50%{transform:translateZ(0)}75%{transform:translate3d(0,-30px,0)}to{transform:translateZ(0)}}@keyframes ciaSquash{0%,to{transform:scale(1)}40%{transform:scale(.98,1.05)}45%{transform:scale(1.06,.9)}50%{transform:scale(.97,1.06)}}.cb-aaa-card{width:100%;max-width:2200px;margin:2rem auto;line-height:1.8;color:#1e293b;background:#f8fafc;border-left:4px solid #a2ef43;border-radius:12px;padding:2.5rem;box-sizing:border-box}.cb-aaa-heading{width:auto;margin:-2.5rem -2.5rem 1.5rem;padding:1rem 2.5rem;font-size:1.5rem;font-weight:800;color:#f9fafb;background:#1e293b;border-radius:12px 12px 0 0}.cb-aaa-text{margin:0;font-size:1.125rem;line-height:1.8;color:#334155;text-align:left}.cb-auth-lab{position:relative;width:min(980px,100%);height:320px;margin:3rem auto}.cb-auth-keyboard{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);width:120px;height:26px;border-radius:8px;background:#020617;box-shadow:0 10px 22px #0f172ae6}.cb-auth-keyboard-keys{position:absolute;top:4px;right:8px;bottom:8px;left:8px;border-radius:6px;background:repeating-linear-gradient(90deg,#111827,#111827 10px,#020617 10px,#020617 14px)}.cb-auth-keyboard-light{position:absolute;right:10px;bottom:6px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55ee6;animation:cbAuthTypingLight 8s linear infinite}.cb-auth-monitor{position:absolute;right:4%;bottom:40px;width:420px}.cb-auth-monitor-screen{height:210px;border-radius:18px;background:radial-gradient(circle at top left,#0b1120,#020617);box-shadow:0 22px 42px #0f172ae6;padding:12px 16px;display:flex;align-items:center;justify-content:center}.cb-auth-login-card{width:100%;max-width:360px;border-radius:16px;padding:.9rem 1rem 1rem;background:#0f172af5;border:1px solid rgba(148,163,184,.6);box-shadow:0 14px 30px #0f172ae6;color:#e5e7eb;font-size:.85rem}.cb-auth-login-title{font-size:.96rem;font-weight:650;letter-spacing:.06em;margin-bottom:.6rem;color:#facc15}.cb-auth-field{margin-bottom:.55rem}.cb-auth-field-label{display:block;font-size:.78rem;color:#9ca3af;margin-bottom:.18rem}.cb-auth-field-value{border-radius:6px;padding:.3rem .2rem;background:#0f172af2;border:1px solid rgba(55,65,81,.9);font-family:Plus Jakarta Sans,Inter,sans-serif;overflow:hidden;white-space:nowrap}.cb-auth-field-value--user{color:#e5e7eb;position:relative;animation:cbAuthTypeEmail 8s linear infinite}.cb-auth-field-value--pass{color:#e5e7eb;letter-spacing:.15em;animation:cbAuthShowPassword 8s linear infinite}.cb-auth-password-policy{margin-top:.25rem;font-size:.7rem;color:#a5b4fc;opacity:0;animation:cbAuthPolicyFade 8s linear infinite}.cb-auth-login-button{margin-top:.55rem;width:100%;border:none;border-radius:999px;height:38px;background:linear-gradient(90deg,#22c55e,#16a34a);color:#022c22;font-weight:800;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #16a34abf,0 0 0 1px #0f172ae6;transform:translateY(0) scale(1);animation:cbAuthButtonPress 8s linear infinite}.cb-auth-login-button-text{pointer-events:none}.cb-auth-status{margin-top:.45rem;min-height:1.1rem;font-size:.78rem}.cb-auth-status-text{display:none}.cb-auth-status-text--checking{color:#fde68a;animation:cbAuthStatusChecking 8s linear infinite}.cb-auth-status-text--success{color:#4ade80;animation:cbAuthStatusSuccess 8s linear infinite}@keyframes cbAuthStatusChecking{0%,46%{opacity:0}48%,60%{opacity:1;display:inline}62%,to{opacity:0}}@keyframes cbAuthStatusSuccess{0%,62%{opacity:0}65%,to{opacity:1;display:inline}}.cb-auth-monitor-stand{width:70px;height:30px;margin:8px auto 0;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#020617,#020314);box-shadow:0 8px 18px #0f172ad9}.cb-auth-monitor-base{width:140px;height:12px;margin:4px auto 0;border-radius:999px;background:linear-gradient(90deg,#020617,#111827);box-shadow:0 6px 16px #0f172ae6}@keyframes cbAuthTypingLight{0%,20%{opacity:.2}22%,40%{opacity:1}42%,55%{opacity:.3}57%,70%{opacity:1}72%,to{opacity:.2}}@keyframes cbAuthTypeEmail{0%,10%{width:0;opacity:0}18%{width:40%;opacity:1}26%{width:70%}34%,to{width:100%;opacity:1}}@keyframes cbAuthShowPassword{0%,38%{opacity:0}44%,to{opacity:1}}@keyframes cbAuthPolicyFade{0%,38%{opacity:0}44%,to{opacity:1}}@keyframes cbAuthButtonPress{0%,48%{transform:translateY(0) scale(1);box-shadow:0 10px 24px #16a34abf,0 0 0 1px #0f172ae6}52%{transform:translateY(2px) scale(.96);box-shadow:0 6px 16px #16a34ab3,0 0 0 1px #0f172ae6}60%,to{transform:translateY(0) scale(1);box-shadow:0 10px 24px #16a34abf,0 0 0 1px #0f172ae6}}.cb-passmon{width:min(980px,96vw);margin:2rem auto 0 -10rem;padding:1.4rem 1.6rem 1.6rem;border-radius:24px;background:radial-gradient(circle at top left,#020617 0,#020314 60%);border:1px solid rgba(148,163,184,.55);box-shadow:0 18px 30px #0f172af5,0 0 0 1px #0f172ae6;color:#e5e7eb;font-size:.9rem}.cb-passmon-header{margin-bottom:.9rem}.cb-passmon-title{margin:0 0 .25rem;font-size:1.2rem;font-weight:700;letter-spacing:.03em;color:#facc15}.cb-passmon-sub{margin:0;font-size:.86rem;color:#cbd5f5}.cb-passmon-body{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}.cb-passmon-monster{position:relative;flex:0 0 220px;height:180px;border-radius:32px;background:radial-gradient(circle at 30% 20%,#22c55e,#15803d);box-shadow:0 22px 40px #16a34ad9;display:flex;align-items:center;justify-content:center;overflow:hidden}.cb-passmon-eye{position:absolute;top:48px;width:30px;height:4px;border-radius:999px;background:transparent;overflow:visible;transition:height .18s ease-out,top .18s ease-out,background .18s ease-out}.cb-passmon-eye--left{left:48px}.cb-passmon-eye--right{right:48px}.cb-passmon-eye:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#020617;transition:transform .18s ease-out,border-radius .18s ease-out,inset .18s ease-out}.cb-passmon.cb-passmon--show .cb-passmon-eye{top:40px;width:30px;height:30px;border-radius:50%;background:#f9fafb;box-shadow:0 0 8px #0f172acc;overflow:hidden}.cb-passmon.cb-passmon--show .cb-passmon-eye:before{top:50%;right:50%;bottom:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#020617}.cb-passmon-mouth{position:absolute;bottom:40px;width:120px;height:56px;border-radius:0 0 56px 56px;background:#020617;overflow:hidden;box-shadow:0 -4px #0f172ae6}.cb-passmon-teeth{position:absolute;left:0;top:-10px;width:100%;height:24px;background-image:linear-gradient(135deg,#f9fafb 25%,transparent 25%,transparent 50%,#f9fafb 50%,#f9fafb 75%,transparent 75%,transparent);background-size:20px 24px;animation:cbPassmonChew 2s ease-in-out infinite}.cb-passmon-panel{flex:1 1 260px}.cb-passmon-label{display:block;font-size:.82rem;color:#cbd5f5;margin-bottom:.25rem}.cb-passmon-input{width:100%;border-radius:6px;border:1px solid rgba(148,163,184,.8);padding:.6rem .4rem;font-size:.9rem;background:#0f172ad9;color:#e5e7eb;outline:none}.cb-passmon-input::placeholder{color:#94a3b8e6}.cb-passmon-input:focus{border-color:#facc15;box-shadow:0 0 0 1px #facc1599}.cb-passmon-show-wrap{margin-top:.4rem;font-size:.78rem;color:#e5e7eb}.cb-passmon-show-label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.cb-passmon-show-checkbox{width:14px;height:14px;border-radius:3px;border:1px solid rgba(148,163,184,.9);accent-color:#facc15}.cb-passmon-meter-wrap{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.cb-passmon-meter{flex:1;height:10px;border-radius:999px;background:#0f172ae6;overflow:hidden}.cb-passmon-meter-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f97316);transition:width .25s ease-out,background .25s ease-out}.cb-passmon-meter-fill[data-strength="0"]{width:10%;background:linear-gradient(90deg,#ef4444,#f97316)}.cb-passmon-meter-fill[data-strength="1"]{width:40%;background:linear-gradient(90deg,#f97316,#eab308)}.cb-passmon-meter-fill[data-strength="2"]{width:75%;background:linear-gradient(90deg,#22c55e,#16a34a)}.cb-passmon-meter-fill[data-strength="3"]{width:100%;background:linear-gradient(90deg,#22c55e,#14b8a6)}.cb-passmon-meter-label{font-size:.78rem;color:#e5e7eb}.cb-passmon-cracktime{margin-top:.4rem;font-size:.82rem;color:#cbd5f5}.cb-passmon-cracktime-value{font-weight:600;color:#facc15}.cb-passmon-tips{margin:.6rem 0 0;padding-left:1.1rem;font-size:.78rem;color:#9ca3af}.cb-passmon-tips li{margin-bottom:.18rem}@keyframes cbPassmonChew{0%,30%{transform:translateY(0)}40%{transform:translateY(4px)}50%{transform:translateY(0)}70%{transform:translateY(4px)}80%,to{transform:translateY(0)}}.cb-authz-chat{width:min(720px,96vw);margin:2rem auto 0 -5rem;padding:1.4rem 1.6rem 1.6rem;border-radius:26px;background:radial-gradient(circle at top left,#020617 0,#020314 60%);border:1px solid rgba(148,163,184,.55);box-shadow:0 14px 30px #0f172af5,0 0 0 1px #0f172ae6;color:#e5e7eb;font-size:.9rem}.cb-authz-chat-heading{margin:0 0 .4rem;font-size:1.16rem;font-weight:700;letter-spacing:.03em;color:#facc15}.cb-authz-chat-text{margin:0 0 .9rem;font-size:.86rem;color:#cbd5f5;line-height:1.7}.cb-authz-chat-card{border-radius:22px;background:radial-gradient(circle at top,#020617,#020314 70%);border:1px solid rgba(31,41,55,.9);box-shadow:0 20px 50px #0f172af2,0 0 0 1px #0f172ae6;padding:.8rem .9rem 1.2rem;position:relative;overflow:hidden}.cb-authz-chat-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}.cb-authz-chat-avatar{width:40px;height:40px;border-radius:14px;background:radial-gradient(circle at 30% 20%,#22c55e,#16a34a);box-shadow:0 10px 22px #16a34ad9}.cb-authz-chat-info{flex:1}.cb-authz-chat-name{font-size:.9rem;font-weight:600}.cb-authz-chat-status{font-size:.76rem;color:#9ca3af}.cb-authz-chat-role-tag{font-size:.73rem;padding:.16rem .5rem;border-radius:999px;background:#2563eb2e;border:1px solid rgba(59,130,246,.6);color:#bfdbfe}.cb-authz-chat-messages{background:#0f172ae6;border-radius:16px;padding:.6rem .7rem;max-height:190px;overflow-y:auto;margin-bottom:.7rem}.cb-authz-chat-bubble{max-width:80%;padding:.42rem .65rem;border-radius:14px;font-size:.8rem;line-height:1.5;margin-bottom:.3rem}.cb-authz-chat-bubble--friend{background:#2563eb2e;border-bottom-left-radius:4px}.cb-authz-chat-bubble--you{margin-left:auto;background:#16a34a33;border-bottom-right-radius:4px}.cb-authz-chat-footer{display:flex;align-items:center;gap:.5rem}.cb-authz-chat-input{flex:1;border-radius:999px;border:1px solid rgba(55,65,81,.9);padding:.5rem .8rem;font-size:.84rem;background:#020617;color:#e5e7eb;outline:none}.cb-authz-chat-input::placeholder{color:#94a3b8e6}.cb-authz-chat-input:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e99}.cb-authz-chat-send{border-radius:999px;border:none;padding:.42rem .85rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#22c55e,#16a34a);color:#022c22;box-shadow:0 10px 22px #16a34ab3}.cb-authz-chat-delete{border-radius:999px;border:none;padding:.42rem .8rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#f97316,#dc2626);color:#111827;position:relative;overflow:hidden;box-shadow:0 10px 22px #f8717199}.cb-authz-chat-delete-label{position:relative;z-index:1}.cb-authz-chat-delete-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(254,249,195,.25),transparent 65%);opacity:0;pointer-events:none}.cb-authz-chat-delete:active .cb-authz-chat-delete-glow{opacity:1}.cb-authz-chat-toast{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%,16px);padding:.42rem .7rem;border-radius:999px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-size:.78rem;display:flex;gap:.3rem;align-items:baseline;box-shadow:0 12px 26px #f87171bf;opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.cb-authz-chat-toast--visible{opacity:1;transform:translate(-50%)}.cb-authz-chat-toast-title{font-weight:700}.cb-aaa-acc{width:min(980px,96vw);margin:2.2rem auto 0 -11rem;padding:1.4rem 1.6rem 1.6rem;border-radius:26px;background:radial-gradient(circle at top left,#020617 0,#020314 60%);border:1px solid rgba(148,163,184,.55);box-shadow:0 16px 30px #0f172af5,0 0 0 1px #0f172ae6;color:#e5e7eb;font-size:.9rem}.cb-aaa-acc-heading{margin:0 0 .4rem;font-size:1.18rem;font-weight:700;letter-spacing:.04em;color:#facc15}.cb-aaa-acc-text{margin:0 0 1rem;font-size:.86rem;color:#cbd5f5;line-height:1.7}.cb-aaa-acc-scene{display:flex;align-items:center;gap:1.8rem}.cb-aaa-acc-userpanel{flex:0 0 320px}.cb-aaa-acc-user-card{border-radius:22px;background:radial-gradient(circle at top,#020617,#020314 70%);border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 46px #0f172af2;padding:.8rem .9rem .9rem}.cb-aaa-acc-user-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.cb-aaa-acc-user-avatar{width:38px;height:38px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#22c55e,#16a34a);box-shadow:0 10px 22px #16a34ad9}.cb-aaa-acc-user-name{font-size:.9rem;font-weight:600}.cb-aaa-acc-user-role{font-size:.76rem;color:#9ca3af}.cb-aaa-acc-app-window{border-radius:18px;background:#020617;border:1px solid rgba(31,41,55,.9);overflow:hidden}.cb-aaa-acc-app-bar{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#020617;border-bottom:1px solid rgba(31,41,55,.9);font-size:.72rem;color:#6b7280}.cb-aaa-acc-app-title{margin-left:.35rem}.cb-aaa-acc-app-bar .dot{width:8px;height:8px;border-radius:999px}.dot--red{background:#ef4444}.dot--yellow{background:#eab308}.dot--green{background:#22c55e}.cb-aaa-acc-app-body{padding:.55rem .7rem .7rem;display:grid;gap:.4rem}.cb-aaa-acc-app-screen{border-radius:12px;border:1px solid rgba(31,41,55,.9);background:radial-gradient(circle at top,#020617,#020314 80%);opacity:.22;transform:scale(.96);transition:opacity .3s ease-out,transform .3s ease-out}.cb-aaa-acc-app-screen--active{opacity:1;transform:scale(1);box-shadow:0 10px 24px #2563eb59}.cb-aaa-acc-pill{margin:.45rem .5rem;display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;background:#22c55e2e;color:#bbf7d0;border:1px solid rgba(34,197,94,.7)}.cb-aaa-acc-app-screen--view{padding:.45rem .55rem .5rem}.cb-aaa-acc-line{height:6px;border-radius:999px;background:#94a3b873;margin-bottom:.26rem}.cb-aaa-acc-line--wide{width:80%}.cb-aaa-acc-app-screen--update{padding:.5rem .55rem .6rem;display:flex;gap:.45rem}.cb-aaa-acc-toggle{width:58px;height:20px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);position:relative}.cb-aaa-acc-toggle:before{content:"";position:absolute;top:2px;left:3px;width:16px;height:16px;border-radius:999px;background:#f9fafb}.cb-aaa-acc-toggle--off{background:#374151e6}.cb-aaa-acc-toggle--off:before{left:auto;right:3px}.cb-aaa-acc-activity{margin-top:.4rem;font-size:.8rem;color:#9ca3af}.cb-aaa-acc-stream{flex:0 0 140px;text-align:center}.cb-aaa-acc-stream-line{position:relative;height:4px;border-radius:999px;background:#1f2937e6;margin-bottom:.35rem;overflow:visible}.cb-aaa-acc-stream-dot{position:absolute;top:50%;left:8%;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);background:#22c55e;box-shadow:0 0 10px #22c55ed9;animation:cbAAAAccStreamTravel 3s linear infinite}.cb-aaa-acc-stream-dot--1{background:#22c55e}.cb-aaa-acc-stream-dot--2{background:#38bdf8}.cb-aaa-acc-stream-dot--3{background:#f97316}.cb-aaa-acc-stream-label{font-size:.78rem;color:#9ca3af}.cb-aaa-acc-logs{flex:1}.cb-aaa-acc-logs-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;margin-bottom:.45rem}.cb-aaa-acc-logs-status{font-size:.74rem;padding:.16rem .5rem;border-radius:999px;background:#22c55e29;border:1px solid rgba(34,197,94,.6);color:#bbf7d0}.cb-aaa-acc-log-window{border-radius:16px;background:#020617;border:1px solid rgba(31,41,55,.9);padding:.45rem .55rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem;color:#9ca3af;margin-bottom:.55rem}.cb-aaa-acc-log-line{padding:.16rem .2rem;border-radius:6px;margin-bottom:.15rem}.cb-aaa-acc-log-line--highlight{background:#2563eb2e;color:#e5e7eb;box-shadow:0 0 12px #2563eb73}.cb-aaa-acc-metrics{display:flex;gap:.35rem;align-items:flex-end;height:34px}.cb-aaa-acc-metric-bar{flex:1;border-radius:999px;background:linear-gradient(180deg,#22c55e,#14532d);opacity:.25;transform-origin:bottom}.cb-aaa-acc-metric-bar--1{animation:cbAAAAccMetric1 3s linear infinite}.cb-aaa-acc-metric-bar--2{animation:cbAAAAccMetric2 3s linear infinite}.cb-aaa-acc-metric-bar--3{animation:cbAAAAccMetric3 3s linear infinite}@keyframes cbAAAAccStreamTravel{0%{left:8%}70%{left:92%}to{left:92%;opacity:0}}@keyframes cbAAAAccMetric1{0%,20%{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(.9);opacity:.9}to{transform:scaleY(.5);opacity:.5}}@keyframes cbAAAAccMetric2{0%,20%{transform:scaleY(.3);opacity:.3}50%{transform:scaleY(.7);opacity:.7}to{transform:scaleY(.4);opacity:.4}}@keyframes cbAAAAccMetric3{0%,20%{transform:scaleY(.2);opacity:.3}50%{transform:scaleY(.6);opacity:.7}to{transform:scaleY(.3);opacity:.4}}.cb-nonrep{width:min(980px,96vw);padding:1.4rem 1.6rem 1.6rem;margin:2.2rem auto 0 -10rem;border-radius:26px;background:radial-gradient(circle at top left,#020617 0,#020314 60%);border:1px solid rgba(148,163,184,.55);box-shadow:0 10px 20px #0f172af5,0 0 0 1px #0f172ae6;color:#e5e7eb;font-size:.9rem}.cb-nonrep-heading{margin:0 0 .4rem;font-size:1.18rem;font-weight:700;letter-spacing:.03em;color:#facc15}.cb-nonrep-text{margin:0 0 1rem;font-size:.86rem;color:#cbd5f5;line-height:1.7}.cb-nonrep-scene{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.6rem}.cb-nonrep-column{text-align:center}.cb-nonrep-avatar{width:54px;height:54px;margin:0 auto .35rem;border-radius:18px;box-shadow:0 14px 26px #0f172ae6}.cb-nonrep-avatar--sender{background:radial-gradient(circle at 30% 20%,#22c55e,#16a34a)}.cb-nonrep-avatar--receiver{background:radial-gradient(circle at 30% 20%,#3b82f6,#1d4ed8)}.cb-nonrep-label{font-size:.8rem;color:#e5e7eb;margin-bottom:.45rem}.cb-nonrep-message-card{border-radius:18px;padding:.55rem .7rem .6rem;background:#020617;border:1px solid rgba(30,64,175,.8);box-shadow:0 16px 32px #0f172ae6;text-align:left;font-size:.8rem}.cb-nonrep-message-card--sender{border-color:#22c55eb3}.cb-nonrep-message-card--receiver{border-color:#3b82f6b3}.cb-nonrep-message-header{font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:#e5e7eb}.cb-nonrep-message-body{font-size:.8rem;color:#e5e7eb;margin-bottom:.3rem}.cb-nonrep-signature{font-size:.74rem;color:#bbf7d0}.cb-nonrep-claim{font-size:.76rem;color:#f97316}.cb-nonrep-path{position:relative;width:120px}.cb-nonrep-line{height:3px;border-radius:999px;background:#1f2937e6;position:relative;overflow:visible}.cb-nonrep-packet{position:absolute;top:50%;left:0%;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#0ea5e9);box-shadow:0 0 14px #3b82f6e6;transform:translate(-50%,-50%);animation:cbNonrepPacket 4s linear infinite}.cb-nonrep-path-label{margin-top:.35rem;font-size:.76rem;color:#9ca3af;text-align:center}.cb-nonrep-record{grid-column:1 / span 3;margin-top:1.1rem;border-radius:16px;padding:.5rem .7rem .55rem;background:#020617;border:1px solid rgba(55,65,81,.9);box-shadow:0 14px 30px #0f172ae6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem}.cb-nonrep-record-header{font-weight:600;margin-bottom:.25rem;color:#e5e7eb}.cb-nonrep-record-line{padding:.12rem .18rem;border-radius:6px;margin-bottom:.14rem;color:#9ca3af}.cb-nonrep-record-line--1{border-left:3px solid #22c55e}.cb-nonrep-record-line--2{border-left:3px solid #0ea5e9}.cb-nonrep-record-line--3{border-left:3px solid #facc15}@keyframes cbNonrepPacket{0%{left:0%;opacity:0}10%{opacity:1}55%{left:100%;opacity:1}70%{opacity:0}to{left:100%;opacity:0}}.nr2-root{width:100%;min-height:100vh;background:radial-gradient(circle at top,#101828 0,#020617 55%,#000);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5f0ff}.nr2-stage{position:relative;width:1080px;max-width:100%;background:linear-gradient(145deg,#020617,#0b1220);border-radius:24px;box-shadow:0 24px 60px #000000bf;padding:18px 24px 26px;box-sizing:border-box;border:1px solid rgba(148,163,184,.4);overflow:hidden}.nr2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nr2-pill{padding:4px 14px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(248,130,0,.8);color:#fed7aa;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.nr2-legend{display:flex;align-items:center;gap:10px;font-size:11px;opacity:.8}.nr2-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin:0 4px 0 8px}.nr2-dot-msg{background:#38bdf8}.nr2-dot-hash{background:#22c55e}.nr2-dot-sig{background:#7ed321}.nr2-endpoints{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.nr2-endpoint{display:flex;flex-direction:column;align-items:center;gap:4px}.nr2-avatar{width:60px;height:60px;border-radius:18px;border:2px solid rgba(148,163,184,.6);box-shadow:0 16px 30px #0f172ae6}.nr2-avatar-sender{background:radial-gradient(circle at 20% 20%,#f97316,#ea580c 45%,#7c2d12)}.nr2-avatar-receiver{background:radial-gradient(circle at 20% 20%,#38bdf8,#0ea5e9 45%,#0f172a)}.nr2-endpoint-label{font-size:13px;font-weight:600}.nr2-endpoint-sub{font-size:11px;opacity:.7}.nr2-lanes{margin-top:10px;border-radius:18px;background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617);padding:12px 18px 14px;box-sizing:border-box}.nr2-lane{position:relative;height:70px;margin-bottom:12px}.nr2-lane:last-child{height:110px;margin-bottom:0}.nr2-lane-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af;margin-bottom:2px}.nr2-lane-line{position:absolute;top:22px;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,#1e40af66,#38bdf866,#22c55e66);opacity:.35}.nr2-line-4{background:linear-gradient(90deg,#94a3b84d,#f8820099)}.nr2-node{position:absolute;top:26px;min-width:90px;padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #000c;opacity:0}.nr2-node-msg{background:#0f172af2;border:1px solid rgba(56,189,248,.9);color:#e0f2fe}.nr2-node-hash{background:#064e3bf2;border:1px solid rgba(34,197,94,.9);color:#bbf7d0}.nr2-node-sig{background:#581c0df2;border:1px solid #7ed321;color:#fed7aa}.nr2-node-1-msg{left:10%;animation:nr2-node1-msg 16s infinite}.nr2-node-1-hash{left:30%;animation:nr2-node1-hash 16s infinite}.nr2-node-1-sig{left:52%;animation:nr2-node1-sig 16s infinite}.nr2-packet{position:absolute;top:26px;left:10%;width:150px;height:32px;border-radius:999px;display:flex;overflow:hidden;box-shadow:0 12px 28px #0f172ae6;border:1px solid rgba(148,163,184,.7);opacity:0}.nr2-packet-msg{flex:1;background:#0f172af5;color:#e0f2fe;display:flex;align-items:center;justify-content:center;font-size:12px}.nr2-packet-sig{flex:1.1;background:linear-gradient(90deg,#f97316,#f59e0b);color:#111827;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:12px}.nr2-packet-2{animation:nr2-packet-flight 16s infinite}.nr2-node-3-hash{left:54%;animation:nr2-node3-hash 16s infinite}.nr2-node-3-sig{left:76%;animation:nr2-node3-sig 16s infinite}.nr2-compare{position:absolute;top:28px;right:4%;min-width:130px;padding:6px 10px;border-radius:999px;font-size:11px;text-align:center;opacity:0}.nr2-compare-ok{background:#16a34a40;border:1px solid rgba(34,197,94,.9);color:#bbf7d0;animation:nr2-compare-ok 16s infinite}.nr2-compare-bad{background:#b91c1c33;border:1px solid rgba(248,113,113,.95);color:#fecaca;animation:nr2-compare-bad 16s infinite}.nr2-log{position:absolute;left:4%;right:4%;top:26px;padding:8px 10px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.6);font-size:12px;line-height:1.35;opacity:0;transform:translateY(8px)}.nr2-log p{margin:2px 0 0}.nr2-log-pill{display:inline-flex;padding:2px 8px;border-radius:999px;background:#f882001a;border:1px solid rgba(248,130,0,.8);color:#fed7aa;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.nr2-log-1{animation:nr2-log-show 16s infinite}.nr2-log-2{animation:nr2-log-show 16s infinite;animation-delay:3.2s}.nr2-log-3{animation:nr2-log-show 16s infinite;animation-delay:6.4s}.nr2-log-4{animation:nr2-log-show 16s infinite;animation-delay:9.6s}.nr2-log-5{animation:nr2-log-show 16s infinite;animation-delay:12.8s}@keyframes nr2-node1-msg{0%,5%{opacity:0;transform:translateY(12px)}8%,16%{opacity:1;transform:translateY(0)}20%,to{opacity:0;transform:translateY(-8px)}}@keyframes nr2-node1-hash{0%,10%{opacity:0;transform:translateY(12px)}13%,22%{opacity:1;transform:translateY(0)}26%,to{opacity:0;transform:translateY(-8px)}}@keyframes nr2-node1-sig{0%,16%{opacity:0;transform:translateY(12px)}19%,30%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(-8px)}}@keyframes nr2-packet-flight{0%,20%{opacity:0;transform:translate(0)}24%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(55%)}48%{opacity:1;transform:translate(55%)}54%{opacity:0;transform:translate(60%)}to{opacity:0;transform:translate(60%)}}@keyframes nr2-node3-hash{0%,40%{opacity:0;transform:translateY(12px)}44%,54%{opacity:1;transform:translateY(0)}60%,to{opacity:0;transform:translateY(-8px)}}@keyframes nr2-node3-sig{0%,46%{opacity:0;transform:translateY(12px)}50%,62%{opacity:1;transform:translateY(0)}68%,to{opacity:0;transform:translateY(-8px)}}@keyframes nr2-compare-ok{0%,54%{opacity:0;transform:scale(.9)}58%,72%{opacity:1;transform:scale(1)}76%,to{opacity:0;transform:scale(.95)}}@keyframes nr2-compare-bad{0%,72%{opacity:0;transform:scale(.9)}76%,82%{opacity:1;transform:scale(1.02)}86%,to{opacity:0;transform:scale(.95)}}@keyframes nr2-log-show{0%,6%{opacity:0;transform:translateY(8px)}10%,22%{opacity:1;transform:translateY(0)}26%,to{opacity:0;transform:translateY(-6px)}}.threat-root{width:100%;min-height:100vh;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.threat-stage{position:relative;width:960px;max-width:100%;height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#020617 0,#020617 55%,#020617 60%);box-shadow:0 24px 60px #000c;border:1px solid rgba(148,163,184,.4)}.threat-header{position:absolute;left:20px;top:14px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.threat-chip{padding:4px 14px;border-radius:999px;background:#0f172aeb;border:1px solid rgba(248,130,0,.8);color:#fed7aa;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.threat-caption{font-size:12px;opacity:.8}.threat-caption span{color:#f97316;font-weight:600}.threat-sky{position:absolute;top:0;right:0;bottom:40%;left:0;background:radial-gradient(circle at 10% 0%,#1e293b 0,#020617 55%)}.threat-ground{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#020617 0,#020617 30%,#020617);box-shadow:0 -6px 24px #000c inset}.threat-moon{position:absolute;right:9%;top:17%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fefce8,#fee2b3);box-shadow:0 0 18px #fef9c3cc}.threat-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#f9fafb;opacity:.6;animation:twinkle 3s ease-in-out infinite alternate}.threat-star-1{left:14%;top:18%}.threat-star-2{left:32%;top:10%;animation-delay:.9s}.threat-star-3{left:48%;top:22%;animation-delay:1.5s}.threat-house{position:absolute;left:52%;bottom:28%;transform:translate(-50%);width:260px;height:200px}.threat-roof{position:absolute;left:15px;right:15px;top:0;height:70px;background:linear-gradient(180deg,#111827,#020617);clip-path:polygon(0 100%,50% 0,100% 100%);box-shadow:0 8px 18px #000000b3}.threat-body{position:absolute;left:0;right:0;bottom:0;top:48px;background:linear-gradient(180deg,#020617,#0b1120);border-radius:10px;box-shadow:0 18px 26px #000c;border:1px solid rgba(30,64,175,.7)}.threat-window{position:absolute;top:26px;width:54px;height:54px;border-radius:14px;background:#0f172ae6;overflow:hidden;border:1px solid rgba(148,163,184,.7)}.threat-window-left{left:26px}.threat-window-right{right:26px}.threat-window-glow{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#fefce8,#facc15);opacity:0;animation:windowGlow 8s ease-in-out infinite}.threat-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:66px;height:92px;border-radius:10px 10px 0 0;background:radial-gradient(circle at 30% 0,#0b1120,#020617);border:1px solid rgba(15,23,42,.9);overflow:hidden}.threat-door-knob{position:absolute;right:11px;top:46px;width:7px;height:7px;border-radius:50%;background:#facc15}.threat-loot{position:absolute;bottom:32%;left:53%;width:120px;height:30px;transform:translate(-50%);display:flex;justify-content:center;gap:10px;opacity:.6}.threat-loot-item{width:24px;height:24px;border-radius:6px;box-shadow:0 8px 14px #000000b3}.loot-1{background:radial-gradient(circle,#fbbf24,#92400e)}.loot-2{background:radial-gradient(circle,#22c55e,#064e3b)}.loot-3{background:radial-gradient(circle,#38bdf8,#0f172a)}.threat-thief{position:absolute;bottom:25%;left:-18%;width:90px;height:160px;animation:thiefWalk 12s linear infinite}.thief-body{position:relative;width:80px;height:150px}.thief-head{position:absolute;top:0;left:50%;width:58px;height:52px;transform:translate(-50%);border-radius:18px;background:#020617;box-shadow:0 10px 18px #000c}.thief-mask{position:absolute;left:0;right:0;top:18px;height:18px;background:#111827;border-radius:16px}.thief-eye{position:absolute;top:22px;width:8px;height:8px;border-radius:50%;background:#fef9c3}.thief-eye-left{left:15px}.thief-eye-right{right:15px}.thief-torso{position:absolute;top:48px;left:50%;transform:translate(-50%);width:60px;height:60px;background:repeating-linear-gradient(-20deg,#020617,#020617 6px,#111827 6px,#111827 12px);border-radius:18px;box-shadow:0 16px 22px #000000d9}.thief-arm{position:absolute;top:10px;width:34px;height:14px;border-radius:14px;background:#020617;box-shadow:0 8px 14px #000c;transform-origin:10% 50%;animation:thiefArmSwing .7s ease-in-out infinite alternate}.thief-arm-left{left:-26px}.thief-arm-right{right:-26px;transform-origin:90% 50%;animation-delay:.35s}.thief-legs{position:absolute;bottom:0;left:50%;width:56px;height:50px;transform:translate(-50%)}.thief-leg{position:absolute;bottom:0;width:18px;height:46px;border-radius:10px;background:#020617;box-shadow:0 10px 18px #000000e6;transform-origin:50% 10%;animation:thiefLegWalk .7s ease-in-out infinite alternate}.thief-leg-left{left:4px}.thief-leg-right{right:4px;animation-delay:.35s}.thief-bag{position:absolute;right:-6px;top:46px;width:40px;height:52px;border-radius:26px 26px 20px;background:radial-gradient(circle at 20% 30%,#4b5563,#111827);box-shadow:0 16px 24px #000000e6;transform-origin:0% 0%;animation:thiefBagSwing .7s ease-in-out infinite alternate}.threat-bubble{position:absolute;max-width:220px;padding:8px 10px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);font-size:12px;line-height:1.4;opacity:0}.threat-bubble span{color:#f97316;font-weight:600}.threat-bubble-1{left:10%;bottom:64%;animation:bubbleSequence 12s infinite}.threat-bubble-2{left:10%;bottom:50%;animation:bubbleSequence 12s infinite;animation-delay:3.5s}.threat-bubble-3{left:10%;bottom:36%;animation:bubbleSequence 12s infinite;animation-delay:7s}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.9;transform:scale(1.3)}}@keyframes windowGlow{0%,20%{opacity:.15}35%,55%{opacity:.6}70%,to{opacity:.15}}@keyframes thiefWalk{0%{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(280px) translateY(0) scale(1)}40%{transform:translate(310px) translateY(0) scale(1)}55%{transform:translate(280px) translateY(0) scale(1)}80%{transform:translate(580px) translateY(-6px) scale(1.02)}to{transform:translate(650px) translateY(-10px) scale(1.02)}}@keyframes thiefArmSwing{0%{transform:rotate(-8deg)}to{transform:rotate(12deg)}}@keyframes thiefLegWalk{0%{transform:rotate(8deg)}to{transform:rotate(-12deg)}}@keyframes thiefBagSwing{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes bubbleSequence{0%,10%{opacity:0;transform:translateY(8px)}18%,30%{opacity:1;transform:translateY(0)}38%,to{opacity:0;transform:translateY(-6px)}}@media(max-width:768px){.threat-stage{height:380px}.threat-header{flex-direction:column;align-items:flex-start;gap:6px}.threat-bubble{max-width:180px;font-size:11px}}.risk-root{width:100%;min-height:100vh;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.risk-stage{position:relative;width:960px;max-width:100%;height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#020617 0,#020617 55%,#020617 60%);box-shadow:0 24px 60px #000c;border:1px solid rgba(148,163,184,.4)}.risk-header{position:absolute;left:20px;top:14px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.risk-chip{padding:4px 14px;border-radius:999px;background:#0f172aeb;border:1px solid rgba(248,130,0,.8);color:#fed7aa;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.risk-caption{font-size:12px;opacity:.8}.risk-caption span{color:#f97316;font-weight:600}.risk-sky{position:absolute;top:0;right:0;bottom:40%;left:0;background:radial-gradient(circle at 10% 0%,#1e293b 0,#020617 55%)}.risk-ground{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#020617 0,#020617 30%,#020617);box-shadow:0 -6px 24px #000c inset}.risk-moon{position:absolute;right:9%;top:12%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fefce8,#fee2b3);box-shadow:0 0 18px #fef9c3cc}.risk-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#f9fafb;opacity:.6;animation:risk-twinkle 3s ease-in-out infinite alternate}.risk-star-1{left:14%;top:18%}.risk-star-2{left:32%;top:10%;animation-delay:.9s}.risk-star-3{left:48%;top:22%;animation-delay:1.5s}.risk-house{position:absolute;left:50%;bottom:28%;transform:translate(-50%);width:260px;height:200px}.risk-roof{position:absolute;left:15px;right:15px;top:0;height:70px;background:linear-gradient(180deg,#111827,#020617);clip-path:polygon(0 100%,50% 0,100% 100%);box-shadow:0 8px 18px #000000b3}.risk-body{position:absolute;left:0;right:0;bottom:0;top:48px;background:linear-gradient(180deg,#020617,#0b1120);border-radius:10px;box-shadow:0 18px 26px #000c;border:1px solid rgba(30,64,175,.7)}.risk-window{position:absolute;top:26px;width:54px;height:54px;border-radius:14px;background:#0f172ae6;overflow:hidden;border:1px solid rgba(148,163,184,.7)}.risk-window-left{left:26px}.risk-window-right{right:26px}.risk-window-glow{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#fefce8,#facc15);opacity:.2;animation:risk-windowGlow 10s ease-in-out infinite}.risk-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:76px;height:92px;border-radius:10px 10px 0 0;background:radial-gradient(circle at 30% 0,#020617,#020617);border:1px solid rgba(15,23,42,.9);overflow:hidden}.risk-door-gap{position:absolute;right:0;top:4px;width:16px;bottom:0;background:linear-gradient(180deg,#020617,#020617 30%,#0f172a);box-shadow:inset 0 0 8px #0f172acc}.risk-door-knob{position:absolute;right:18px;top:46px;width:7px;height:7px;border-radius:50%;background:#facc15}.risk-safe{position:absolute;left:62%;bottom:30%;width:130px;height:90px;border-radius:12px;background:radial-gradient(circle at 20% 20%,#1f2937,#020617);border:1px solid rgba(148,163,184,.7);box-shadow:0 16px 24px #000000d9}.risk-safe-door{position:absolute;left:6px;top:6px;bottom:6px;width:50px;border-radius:10px;border:2px solid rgba(75,85,99,.9);box-sizing:border-box}.risk-safe-inner{position:absolute;right:8px;top:12px;bottom:12px;width:60px;display:flex;flex-direction:column;justify-content:space-between}.risk-cash{width:100%;height:16px;border-radius:4px;background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 4px 6px #000000b3;transform-origin:left center;animation:risk-cashDrain 10s infinite}.risk-cash-2{animation-delay:.5s}.risk-cash-3{animation-delay:1s}.risk-money-fly{position:absolute;width:26px;height:16px;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:3px;box-shadow:0 6px 10px #000000e6;opacity:0}.risk-money-1{left:63%;bottom:50%;animation:risk-moneyFly 10s infinite}.risk-money-2{left:60%;bottom:56%;animation:risk-moneyFly 10s infinite;animation-delay:.4s}.risk-money-3{left:66%;bottom:44%;animation:risk-moneyFly 10s infinite;animation-delay:.8s}.risk-thief{position:absolute;bottom:25%;left:40%;width:90px;height:160px;animation:risk-thiefRun 10s linear infinite}.rthief-body{position:relative;width:80px;height:150px}.rthief-head{position:absolute;top:0;left:50%;width:58px;height:52px;transform:translate(-50%);border-radius:18px;background:#020617;box-shadow:0 10px 18px #000c}.rthief-mask{position:absolute;left:0;right:0;top:18px;height:18px;background:#111827;border-radius:16px}.rthief-eye{position:absolute;top:22px;width:8px;height:8px;border-radius:50%;background:#fef9c3}.rthief-eye-left{left:15px}.rthief-eye-right{right:15px}.rthief-torso{position:absolute;top:48px;left:50%;transform:translate(-50%);width:60px;height:60px;background:repeating-linear-gradient(-20deg,#020617,#020617 6px,#111827 6px,#111827 12px);border-radius:18px;box-shadow:0 16px 22px #000000d9}.rthief-arm{position:absolute;top:10px;width:34px;height:14px;border-radius:14px;background:#020617;box-shadow:0 8px 14px #000c;transform-origin:10% 50%;animation:risk-armSwing .55s ease-in-out infinite alternate}.rthief-arm-left{left:-26px}.rthief-arm-right{right:-26px;transform-origin:90% 50%;animation-delay:.28s}.rthief-legs{position:absolute;bottom:0;left:50%;width:56px;height:50px;transform:translate(-50%)}.rthief-leg{position:absolute;bottom:0;width:18px;height:46px;border-radius:10px;background:#020617;box-shadow:0 10px 18px #000000e6;transform-origin:50% 10%;animation:risk-legRun .55s ease-in-out infinite alternate}.rthief-leg-left{left:4px}.rthief-leg-right{right:4px;animation-delay:.28s}.rthief-bag{position:absolute;right:-12px;top:40px;width:52px;height:64px;border-radius:30px 30px 24px;background:radial-gradient(circle at 20% 30%,#4b5563,#020617);box-shadow:0 18px 26px #000000e6;transform-origin:0% 0%;animation:risk-bagSwing .55s ease-in-out infinite alternate}.risk-meter{position:absolute;left:6%;bottom:20%;width:180px;padding:10px 12px;border-radius:14px;background:#0f172af5;border:1px solid rgba(148,163,184,.7);box-shadow:0 12px 22px #000000d9;font-size:11px}.risk-meter-label{text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:6px}.risk-meter-bar{width:100%;height:10px;border-radius:999px;background:#1f2937e6;overflow:hidden;margin-bottom:4px}.risk-meter-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);animation:risk-meterFill 10s infinite}.risk-meter-scale{display:flex;justify-content:space-between;opacity:.7}.risk-bubble{position:absolute;max-width:230px;padding:8px 10px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);font-size:12px;line-height:1.4;opacity:0}.risk-bubble span{color:#f97316;font-weight:600}.risk-bubble-1{left:10%;bottom:68%;animation:risk-bubbleSeq 10s infinite}.risk-bubble-2{left:10%;bottom:54%;animation:risk-bubbleSeq 10s infinite;animation-delay:2.7s}.risk-bubble-3{left:10%;bottom:40%;animation:risk-bubbleSeq 10s infinite;animation-delay:5.4s}@keyframes risk-twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.9;transform:scale(1.3)}}@keyframes risk-windowGlow{0%,30%{opacity:.15}40%,70%{opacity:.6}80%,to{opacity:.2}}@keyframes risk-cashDrain{0%,20%{transform:scaleX(1)}40%,70%{transform:scaleX(.2)}to{transform:scaleX(1)}}@keyframes risk-moneyFly{0%,25%{opacity:0;transform:translate(-10px) rotate(-8deg)}35%,55%{opacity:1;transform:translate(-40px,-30px) rotate(-18deg)}70%,to{opacity:0;transform:translate(-70px,-50px) rotate(-25deg)}}@keyframes risk-thiefRun{0%{transform:translate(-40px) translateY(0) scale(1)}25%{transform:translate(40px) translateY(0) scale(1)}55%{transform:translate(120px) translateY(0) scale(1.02)}to{transform:translate(380px) translateY(-8px) scale(1.03)}}@keyframes risk-armSwing{0%{transform:rotate(-10deg)}to{transform:rotate(14deg)}}@keyframes risk-legRun{0%{transform:rotate(14deg)}to{transform:rotate(-16deg)}}@keyframes risk-bagSwing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes risk-meterFill{0%,20%{width:10%}40%{width:60%}70%{width:95%}to{width:10%}}@keyframes risk-bubbleSeq{0%,10%{opacity:0;transform:translateY(8px)}18%,30%{opacity:1;transform:translateY(0)}38%,to{opacity:0;transform:translateY(-6px)}}.vuln-root{width:100%;min-height:100vh;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.vuln-stage{position:relative;width:960px;max-width:100%;height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#020617 0,#020617 55%,#020617 60%);box-shadow:0 24px 60px #000c;border:1px solid rgba(148,163,184,.4)}.vuln-header{position:absolute;left:20px;top:14px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.vuln-chip{padding:4px 14px;border-radius:999px;background:#0f172aeb;border:1px solid rgba(248,130,0,.8);color:#fed7aa;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.vuln-caption{font-size:12px;opacity:.8}.vuln-caption span{color:#f97316;font-weight:600}.vuln-sky{position:absolute;top:0;right:0;bottom:40%;left:0;background:radial-gradient(circle at 10% 0%,#1e293b 0,#020617 55%)}.vuln-ground{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#020617 0,#020617 30%,#020617);box-shadow:0 -6px 24px #000c inset}.vuln-moon{position:absolute;right:9%;top:12%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fefce8,#fee2b3);box-shadow:0 0 18px #fef9c3cc}.vuln-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#f9fafb;opacity:.6;animation:vuln-twinkle 3s ease-in-out infinite alternate}.vuln-star-1{left:14%;top:18%}.vuln-star-2{left:32%;top:10%;animation-delay:.9s}.vuln-star-3{left:48%;top:22%;animation-delay:1.5s}.vuln-house{position:absolute;left:50%;bottom:28%;transform:translate(-50%);width:260px;height:200px}.vuln-roof{position:absolute;left:15px;right:15px;top:0;height:70px;background:linear-gradient(180deg,#111827,#020617);clip-path:polygon(0 100%,50% 0,100% 100%);box-shadow:0 8px 18px #000000b3}.vuln-body{position:absolute;left:0;right:0;bottom:0;top:48px;background:linear-gradient(180deg,#020617,#0b1120);border-radius:10px;box-shadow:0 18px 26px #000c;border:1px solid rgba(30,64,175,.7)}.vuln-window{position:absolute;top:26px;width:54px;height:54px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.7)}.vuln-window-strong{left:26px;background:#0f172ae6}.vuln-window-open{right:26px;background:#dc262614;box-shadow:0 0 #f8717199;animation:vuln-weakPulse 2.4s ease-in-out infinite}.vuln-window-inner{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#cbd5f5,#1d4ed8);opacity:.7}.vuln-window-inner-open{background:radial-gradient(circle at 30% 30%,#fee2e2,#b91c1c)}.vuln-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:86px;height:96px}.vuln-door-panel{position:absolute;left:0;top:0;bottom:0;width:64px;border-radius:10px 0 0;background:radial-gradient(circle at 30% 0,#020617,#020617);border:1px solid rgba(15,23,42,.9)}.vuln-door-gap{position:absolute;right:0;top:4px;bottom:0;width:18px;background:linear-gradient(180deg,#020617,#020617 40%,#111827);box-shadow:inset 0 0 10px #f87171e6;animation:vuln-gapGlow 2.4s ease-in-out infinite}.vuln-door-knob{position:absolute;right:26px;top:46px;width:7px;height:7px;border-radius:50%;background:#facc15}.vuln-tag{position:absolute;padding:3px 8px;border-radius:999px;background:#7f1d1de6;border:1px solid rgba(248,113,113,.9);color:#fee2e2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.vuln-tag-window{right:-10px;top:-18px}.vuln-tag-door{left:50%;bottom:-18px;transform:translate(-50%)}.vuln-outline{position:absolute;border:2px dashed rgba(248,113,113,.85);border-radius:16px;box-shadow:0 0 18px #f87171b3;opacity:0;animation:vuln-outlinePulse 4s ease-in-out infinite}.vuln-outline-door{left:50%;bottom:24%;width:110px;height:120px;transform:translate(-50%)}.vuln-outline-window{left:59%;bottom:50%;width:90px;height:90px}.vuln-card{position:absolute;max-width:230px;padding:8px 10px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.6);font-size:12px;line-height:1.35;box-shadow:0 12px 22px #000000e6;opacity:0}.vuln-card span{color:#f97316;font-weight:600}.vuln-card-title{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#9ca3af;margin-bottom:3px}.vuln-card-1{left:8%;bottom:64%;animation:vuln-cardSeq 12s infinite}.vuln-card-2{left:8%;bottom:46%;animation:vuln-cardSeq 12s infinite;animation-delay:4s}.vuln-card-3{left:8%;bottom:28%;animation:vuln-cardSeq 12s infinite;animation-delay:8s}.vuln-scan{position:absolute;left:0;right:0;bottom:28%;height:4px;background:linear-gradient(90deg,transparent,#22c55e,transparent);opacity:.85;mix-blend-mode:screen;animation:vuln-scanMove 3.4s linear infinite}@keyframes vuln-twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.9;transform:scale(1.3)}}@keyframes vuln-weakPulse{0%,to{box-shadow:0 0 #f8717166;transform:translateY(0)}50%{box-shadow:0 0 18px 4px #f87171cc;transform:translateY(-1px)}}@keyframes vuln-gapGlow{0%,to{box-shadow:inset 0 0 6px #f8717199}50%{box-shadow:inset 0 0 12px #f87171}}@keyframes vuln-outlinePulse{0%,20%{opacity:0;transform:scale(.98)}35%,55%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(1.02)}}@keyframes vuln-cardSeq{0%,10%{opacity:0;transform:translateY(8px)}18%,30%{opacity:1;transform:translateY(0)}38%,to{opacity:0;transform:translateY(-6px)}}@keyframes vuln-scanMove{0%{transform:translateY(0)}50%{transform:translateY(70px)}to{transform:translateY(0)}}@media(max-width:768px){.vuln-stage{height:380px}.vuln-header{flex-direction:column;align-items:flex-start;gap:6px}.vuln-card{max-width:190px;font-size:11px}}.asv-root{width:100%;min-height:100vh;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.asv-stage{position:relative;width:960px;max-width:100%;height:420px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at top,#020617 0,#020617 60%,#020617);box-shadow:0 24px 60px #000000d9;border:1px solid rgba(148,163,184,.5)}.asv-header{position:absolute;left:20px;top:14px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.asv-chip{padding:4px 14px;border-radius:999px;background:#0f172af2;border:1px solid rgba(248,130,0,.9);color:#fed7aa;font-size:12px;letter-spacing:.12em}.asv-caption{font-size:12px;opacity:.9}.asv-caption span{color:#38bdf8;font-weight:600}.asv-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.7) 1px,transparent 1px);background-size:36px 36px;opacity:.4}.asv-attacker{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:70px;height:110px}.asv-attacker-head{width:44px;height:44px;border-radius:16px;background:#020617;border:2px solid #ef4444;box-shadow:0 12px 18px #000c;position:relative;margin:0 auto}.asv-attacker-head:before,.asv-attacker-head:after{content:"";position:absolute;top:18px;width:6px;height:6px;border-radius:50%;background:#fee2e2}.asv-attacker-head:before{left:10px}.asv-attacker-head:after{right:10px}.asv-attacker-body{width:46px;height:46px;margin:6px auto 0;border-radius:16px;background:repeating-linear-gradient(-25deg,#020617,#020617 6px,#111827 6px,#111827 12px);box-shadow:0 18px 26px #000000e6}.asv-attacker-label{text-align:center;margin-top:4px;font-size:11px;letter-spacing:.08em;color:#fca5a5}.asv-asset{position:absolute;width:80px;height:80px;border-radius:18px;background:#0f172af2;border:1px solid rgba(148,163,184,.7);box-shadow:0 16px 32px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center}.asv-asset-label{margin-top:4px;font-size:11px;text-align:center}.asv-asset-web{left:28%;top:26%}.asv-asset-api{left:46%;top:52%}.asv-asset-db{left:68%;top:56%}.asv-asset-mail{left:30%;bottom:12%}.asv-asset-cloud{right:8%;top:18%}.asv-asset-icon{width:32px;height:26px;border-radius:8px}.asv-asset-icon-web{background:linear-gradient(180deg,#38bdf8,#0ea5e9)}.asv-asset-icon-api{background:linear-gradient(180deg,#22c55e,#16a34a)}.asv-asset-icon-db{background:linear-gradient(180deg,#facc15,#eab308);border-radius:16px}.asv-asset-icon-mail{background:linear-gradient(180deg,#f97316,#ea580c);position:relative}.asv-asset-icon-mail:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:5px;border:2px solid rgba(15,23,42,.9);border-top:none;border-left:none;transform:skewY(-10deg)}.asv-asset-icon-cloud{background:radial-gradient(circle at 30% 30%,#e5f0ff,#93c5fd);border-radius:999px}.asv-line{position:absolute;border-radius:999px;background:linear-gradient(90deg,#94a3b833,#374151b3,#94a3b833)}.asv-line-web{left:12%;top:46%;width:210px;height:2px;transform:rotate(-20deg)}.asv-line-api{left:12%;top:56%;width:250px;height:2px;transform:rotate(8deg)}.asv-line-mail{left:10%;bottom:22%;width:230px;height:2px;transform:rotate(14deg)}.asv-line-cloud{left:18%;top:30%;width:440px;height:2px;transform:rotate(-8deg)}.asv-line-api-db{left:50%;top:60%;width:170px;height:2px;transform:rotate(8deg)}.asv-vector-path{position:absolute;left:12%;top:46%;width:56%;height:2px;background:linear-gradient(90deg,#22c55e,#f97316,#ef4444);border-radius:999px;box-shadow:0 0 14px #f87171e6;clip-path:polygon(0 0,0 0,0 100%,0 100%);animation:asv-pathReveal 6s linear infinite}.asv-packet{position:absolute;top:43%;left:12%;width:72px;height:24px;border-radius:999px;background:#ef4444;color:#fee2e2;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 18px #000000d9;transform:translate(0);opacity:0;animation:asv-packetTravel 6s linear infinite}.asv-card{position:absolute;max-width:230px;padding:8px 10px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.65);font-size:12px;line-height:1.35;box-shadow:0 12px 24px #000000e6}.asv-card span{color:#f97316;font-weight:600}.asv-card-title{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#9ca3af;margin-bottom:3px}.asv-card-surface{right:4%;bottom:60%}.asv-card-vector{right:4%;bottom:24%}@keyframes asv-pathReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}20%{clip-path:polygon(0 0,40% 0,40% 100%,0 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}80%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes asv-packetTravel{0%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(40%)}35%{transform:translate(220%)}55%{transform:translate(360%)}70%{opacity:1;transform:translate(420%)}85%{opacity:0;transform:translate(460%)}to{opacity:0;transform:translate(0)}}.sqli-line,.sqli-line-attacker-to-login,.sqli-line-login-to-db{display:none}.sqli-vector-path{position:absolute;left:16%;right:16%;top:62%;height:3px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f97316,#ef4444);box-shadow:0 0 8px #f8717199;clip-path:inset(0 100% 0 0);animation:sqli-pathReveal 5.5s linear infinite}.sqli-packet{position:absolute;top:calc(62% - 11px);left:16%;width:60px;height:22px;border-radius:999px;background:#ef4444;color:#fee2e2;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 16px #000000e6;transform:translate(0);opacity:0;animation:sqli-packetTravel 5.5s linear infinite}.sqli-card-surface{left:10%;bottom:10%}.sqli-card-vector{right:10%;bottom:10%}.sqli-root{width:100%;min-height:100vh;padding:32px 16px;box-sizing:border-box;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.sqli-stage{position:relative;width:960px;max-width:100%;height:420px;border-radius:24px;overflow:hidden;background:#020617;box-shadow:0 24px 60px #000000d9;border:1px solid rgba(148,163,184,.4)}.sqli-header{position:absolute;left:28px;right:28px;top:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;z-index:5}.sqli-chip{padding:4px 16px;border-radius:999px;background:#0f172af5;border:1px solid rgba(248,130,0,.9);color:#fed7aa;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.sqli-caption{font-size:12px;opacity:.9}.sqli-caption span{color:#f97316;font-weight:600}.sqli-attacker{position:absolute;left:8%;top:42%;transform:translateY(-50%);width:130px;height:130px}.sqli-terminal{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:220px;height:140px}.sqli-office{position:absolute;right:8%;top:42%;transform:translateY(-50%);width:150px;height:140px}.sqli-attacker-body{position:relative;width:110px;height:120px;margin:0 auto}.sqli-attacker-hood{position:absolute;top:0;left:50%;width:76px;height:76px;transform:translate(-50%);border-radius:50px;background:radial-gradient(circle at 30% 10%,#111827,#020617);box-shadow:0 14px 24px #000000e6}.sqli-attacker-face{position:absolute;top:24px;left:50%;width:48px;height:30px;transform:translate(-50%);border-radius:16px;background:#020617;border:2px solid #f97316}.sqli-attacker-eye{position:absolute;top:10px;width:7px;height:7px;border-radius:50%;background:#fee2e2}.sqli-attacker-eye-left{left:10px}.sqli-attacker-eye-right{right:10px}.sqli-attacker-laptop{position:absolute;bottom:0;left:50%;width:90px;height:50px;transform:translate(-50%)}.sqli-laptop-screen{width:70px;height:32px;margin:0 auto;border-radius:8px 8px 3px 3px;background:#020617;border:1px solid rgba(148,163,184,.7)}.sqli-laptop-base{width:90px;height:14px;margin:4px auto 0;border-radius:8px;background:#020617}.sqli-attacker-label{text-align:center;margin-top:4px;font-size:11px;opacity:.85}.sqli-terminal-screen{width:100%;height:100px;border-radius:10px;background:#020617;border:1px solid rgba(148,163,184,.75);box-shadow:0 14px 20px #000000d9;padding:6px 8px;box-sizing:border-box}.sqli-terminal-stand{width:40px;height:6px;background:#020617;border-radius:3px;margin:6px auto 0}.sqli-terminal-label{text-align:center;margin-top:4px;font-size:11px;opacity:.85}.sqli-login-bar{height:18px;border-radius:5px;background:#020617;display:flex;align-items:center;padding:0 6px;font-size:10px;color:#9ca3af}.sqli-login-label{padding-left:4px}.sqli-login-form{margin-top:6px;font-size:10px;display:flex;flex-direction:column;gap:4px}.sqli-input{display:flex;justify-content:space-between;padding:2px 4px;border-radius:4px;background:#020617}.sqli-input span:first-child{color:#9ca3af}.sqli-input-value{color:#f97316;font-family:ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-left:4px}.sqli-input-user{box-shadow:0 0 #f8717180;animation:sqli-weakInputPulse 2.8s ease-in-out infinite}.sqli-button{align-self:flex-start;padding:2px 10px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);color:#022c22;font-size:10px}.sqli-office-top{display:none}.sqli-office-body{position:absolute;top:0;right:0;bottom:18px;left:0;border-radius:10px;background:#020617;border:1px solid rgba(30,64,175,.8);box-shadow:0 14px 22px #000000d9;padding:10px 10px 8px;box-sizing:border-box}.sqli-window-row{display:flex;justify-content:space-between;margin-bottom:6px}.sqli-window{width:40px;height:24px;border-radius:6px;background:radial-gradient(circle at 30% 20%,#fef9c3,#facc15)}.sqli-window-db{position:relative;background:radial-gradient(circle at 30% 20%,#bbf7d0,#16a34a)}.sqli-window-db span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#022c22}.sqli-office-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:11px;color:#cbd5f5}.sqli-vector-path{position:absolute;left:16%;right:16%;top:60%;height:3px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f97316,#ef4444);box-shadow:0 0 8px #f8717199;clip-path:inset(0 100% 0 0);animation:sqli-pathReveal 5.5s linear infinite}.sqli-packet{position:absolute;top:calc(60% - 11px);left:16%;width:60px;height:22px;border-radius:999px;background:#ef4444;color:#fee2e2;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 16px #000000e6;transform:translate(0);opacity:0;animation:sqli-packetTravel 5.5s linear infinite}.sqli-card{position:absolute;max-width:260px;padding:8px 10px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.7);font-size:12px;line-height:1.35;box-shadow:0 10px 20px #000000e6}.sqli-card span{color:#f97316;font-weight:600}.sqli-card-title{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#9ca3af;margin-bottom:3px}.sqli-card-surface{left:6%;bottom:7%}.sqli-card-vector{right:6%;bottom:7%}@keyframes sqli-weakInputPulse{0%,to{box-shadow:0 0 #f8717159}50%{box-shadow:0 0 10px 1px #f87171e6}}@keyframes sqli-pathReveal{0%{clip-path:inset(0 100% 0 0)}30%{clip-path:inset(0 60% 0 0)}70%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes sqli-packetTravel{0%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(10%)}60%{transform:translate(220%)}80%{opacity:1;transform:translate(260%)}to{opacity:0;transform:translate(0)}}@media(max-width:768px){.sqli-stage{height:380px}.sqli-header{flex-direction:column;align-items:flex-start}.sqli-attacker,.sqli-terminal,.sqli-office{transform:translateY(-50%) scale(.9);transform-origin:center}.sqli-card-surface,.sqli-card-vector{bottom:6%}}.zta-room-root{width:100%;min-height:100vh;padding:32px 16px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#020617 0,#000 70%,#020617);font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;color:#e5e7eb}.zta-room-stage{position:relative;width:1120px;max-width:100%;height:540px;border-radius:28px;background:#020617;border:1px solid rgba(148,163,184,.45);box-shadow:0 28px 80px #000000e6;overflow:hidden}.zta-room-header{position:absolute;top:18px;left:28px;right:28px;display:flex;align-items:center;gap:18px}.zta-room-chip{padding:4px 18px;border-radius:999px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:#0f172af5;border:1px solid rgba(248,130,0,.95);color:#fed7aa}.zta-room-header-text{margin:0;font-size:12px;opacity:.95}.zta-room-header-text span{color:#f97316;font-weight:600}.zta-room-floor{position:absolute;left:4%;right:4%;bottom:140px;height:5px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#22c55e);box-shadow:0 0 14px #38bdf8b3}.zta-employee{position:absolute;bottom:145px;left:6%;transform:translate(0);display:flex;flex-direction:column;align-items:center;pointer-events:none}.zta-employee--walk{animation:zta-emp-walk 2.2s ease-out forwards}.zta-emp-body{position:relative;width:60px;height:90px}.zta-emp-head{position:absolute;top:0;left:8px;width:44px;height:44px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#f9fafb,#e5e7eb);box-shadow:0 8px 20px #000000b3}.zta-emp-eye{position:absolute;top:16px;width:6px;height:6px;border-radius:999px;background:#020617}.zta-emp-eye--left{left:10px}.zta-emp-eye--right{right:10px}.zta-emp-mouth{position:absolute;bottom:10px;left:50%;width:16px;height:8px;border-radius:0 0 10px 10px;transform:translate(-50%);border-bottom:2px solid #020617}.zta-emp-torso{position:absolute;top:40px;left:14px;width:32px;height:32px;border-radius:12px;background:linear-gradient(180deg,#0ea5e9,#0369a1);box-shadow:0 10px 18px #082f49e6}.zta-emp-leg{position:absolute;bottom:0;width:12px;height:26px;border-radius:999px;background:#1f2937;transform-origin:top center}.zta-emp-leg--left{left:18px;animation:zta-leg-swing .4s ease-in-out infinite alternate}.zta-emp-leg--right{right:18px;animation:zta-leg-swing .4s ease-in-out infinite alternate-reverse}.zta-emp-label{margin-top:4px;font-size:11px;text-align:center;opacity:.9}.zta-robot-block{position:absolute;right:10%;bottom:132px;display:flex;align-items:flex-end;gap:26px}.zta-robot{position:relative;width:120px}.zta-robot-head{width:80px;height:52px;margin:0 auto 6px;border-radius:16px;background:radial-gradient(circle at 30% 20%,#0f172a,#020617);border:1px solid rgba(96,165,250,.9);box-shadow:0 10px 24px #0f172ae6;position:relative}.zta-robot-eye{position:absolute;top:18px;width:10px;height:10px;border-radius:999px;background:radial-gradient(circle,#fbbf24,#f97316);box-shadow:0 0 8px #f97316e6}.zta-robot-eye--left{left:14px}.zta-robot-eye--right{right:14px}.zta-robot-mouth{position:absolute;bottom:8px;left:50%;width:26px;height:6px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,#ef4444,#f97316)}.zta-robot-sensor{position:absolute;top:-8px;left:50%;width:22px;height:6px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,#38bdf8,#22c55e);box-shadow:0 0 10px #38bdf8b3}.zta-robot-body{width:100px;margin:0 auto;padding:8px 8px 10px;border-radius:18px;background:#0f172af5;border:1px solid rgba(148,163,184,.75);box-shadow:0 12px 26px #000000e6;font-size:10px;text-align:center}.zta-robot-label{display:inline-block;margin-bottom:4px;padding:1px 10px;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:9px;background:#0f172af5;border:1px solid rgba(248,250,252,.24)}.zta-robot-line{display:block;font-size:10px;opacity:.9}.zta-robot-base{width:70px;height:10px;margin:8px auto 0;border-radius:999px;background:#020617;box-shadow:0 10px 18px #000000e6}.zta-door{width:130px;height:120px;border-radius:20px;background:radial-gradient(circle at 20% 0%,#020617,#020617);border:1px solid rgba(148,163,184,.7);box-shadow:0 18px 40px #000000e6;position:relative;overflow:hidden}.zta-door-title{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:999px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:#0f172af5;border:1px solid rgba(34,197,94,.8);color:#bbf7d0}.zta-door-strip{position:absolute;left:10%;right:10%;bottom:12px;height:70px;border-radius:12px;background:linear-gradient(180deg,#020617,#020617);border:1px solid rgba(148,163,184,.5);box-shadow:inset 0 0 14px #0f172ae6;transform-origin:bottom center;transition:transform .6s ease-out,box-shadow .6s ease-out}.zta-door-strip--closed{transform:scaleY(1)}.zta-door-strip--open{transform:scaleY(.05);box-shadow:0 0 24px #22c55ee6}.zta-beam{position:absolute;left:32%;right:25%;bottom:170px;height:40px;border-radius:999px;background:#0f172af5;border:1px dashed rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;gap:10px;opacity:.9;transform:translateY(0);pointer-events:none}.zta-beam-pill{padding:4px 10px;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;position:relative;overflow:hidden}.zta-beam-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0 50%,rgba(248,250,252,.22),transparent);transform:translate(-120%);animation:zta-pillSweep 3.2s ease-in-out infinite}.zta-beam-pill--id{background:#818cf824;border:1px solid rgba(129,140,248,.9)}.zta-beam-pill--device{background:#22c55e1f;border:1px solid rgba(34,197,94,.9)}.zta-beam-pill--role{background:#fbbf241f;border:1px solid rgba(251,191,36,.9)}.zta-room-status{position:absolute;left:28px;right:28px;bottom:18px;display:flex;gap:12px}.zta-room-card{flex:1;padding:8px 10px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.5);font-size:11px}.zta-room-card-title{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;margin-bottom:4px}.zta-room-controls{position:absolute;top:22px;right:32px}.zta-room-btn{padding:5px 12px;border-radius:999px;border:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#f97316,#f59e0b);color:#0b1120;cursor:pointer;box-shadow:0 6px 16px #f9731699}.zta-room-btn:hover{filter:brightness(1.05)}@keyframes zta-emp-walk{0%{transform:translate(0)}to{transform:translate(350px)}}@keyframes zta-leg-swing{0%{transform:rotate(6deg)}to{transform:rotate(-12deg)}}@keyframes zta-pillSweep{0%{transform:translate(-120%)}50%{transform:translate(40%)}to{transform:translate(120%)}}@media(max-width:900px){.zta-room-stage{height:580px}.zta-room-header{flex-direction:column;align-items:flex-start}.zta-room-status{flex-direction:column}}@media(max-width:640px){.zta-room-stage{height:620px}.zta-robot-block{right:4%}.zta-employee{animation:none;transform:translate(0)}}.app-layer-demo{min-height:100vh;padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:auto}.app-layer-header{text-align:center;margin-bottom:32px}.app-layer-chip{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:12px;box-shadow:0 4px 12px #3b82f64d;animation:app-layer-chip-glow 3s ease-in-out infinite}.app-layer-title{font-size:clamp(28px,5vw,42px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.app-layer-subtitle{font-size:18px;color:#64748b;margin:0;font-weight:500}.app-layer-stage{max-width:100%!important;margin:0 auto;position:relative;height:500px;display:flex;align-items:center;gap:40px;padding:0 20px}.app-layer-browser{flex:0 0 220px;height:280px}.app-layer-browser-bar{background:#f1f5f9;padding:12px 16px;border-radius:12px 12px 0 0;border:1px solid #e2e8f0;display:flex;gap:12px;align-items:center}.app-layer-tab{flex:1;background:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:app-layer-tab-pulse 4s ease-in-out infinite}.app-layer-btn{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;animation:app-layer-btn-breathe 3s ease-in-out infinite}.app-layer-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.app-layer-browser-window{height:200px;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.app-layer-request{font-size:16px;font-weight:600;color:#3b82f6;opacity:1;transform:translateY(0);animation:app-layer-request-cycle 6s ease-in-out infinite}.app-layer-network{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.app-layer-packet{position:absolute;left:10%;top:50%;transform:translateY(-50%);font-size:18px;opacity:.8;animation:app-layer-packet-travel 4s ease-in-out infinite}.app-layer-network-lines{position:absolute;width:100%;height:100%}.app-layer-line{position:absolute;height:4px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);border-radius:2px;opacity:.6}.app-layer-line--1{top:30%;width:60%;left:-30%;animation:app-layer-wave 2s ease-in-out infinite}.app-layer-line--2{top:70%;width:70%;right:-40%;animation:app-layer-wave 2s ease-in-out infinite .5s}.app-layer-server{flex:0 0 220px;height:280px;display:flex;flex-direction:column;align-items:center}.app-layer-server-body{width:140px;height:180px;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-radius:20px;position:relative;border:2px solid #cbd5e1;box-shadow:0 20px 40px #0000001a;animation:app-layer-server-float 5s ease-in-out infinite}.app-layer-server-lights{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:60px;height:12px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444,#10b981);border-radius:10px;background-size:200% 100%;animation:app-layer-server-glow 2s ease-in-out infinite}.app-layer-response{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(0);background:#f0fdf4;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;color:#166534;border:2px solid #bbf7d0;opacity:1;animation:app-layer-response-bounce 3s ease-in-out infinite}.app-layer-server-label{margin-top:12px;font-size:14px;font-weight:600;color:#475569;animation:app-layer-label-fade 4s ease-in-out infinite}.app-layer-timeline{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px;max-height:160px;overflow:hidden}.app-layer-step{padding:10px 16px;background:linear-gradient(90deg,#dbeafe,#bfdbfe);border-radius:12px;font-size:13px;font-weight:500;border-left:4px solid #3b82f6;opacity:1;transform:translate(0);box-shadow:0 4px 12px #3b82f633;animation:app-layer-timeline-flow 8s ease-in-out infinite}.app-layer-legend{position:absolute;top:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;animation:app-layer-legend-float 6s ease-in-out infinite}.app-layer-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}.app-layer-dot{width:12px;height:12px;border-radius:50%;animation:app-layer-dot-twinkle 3s ease-in-out infinite}.app-layer-dot--http{background:#3b82f6}.app-layer-dot--smtp{background:#10b981}.app-layer-dot--ftp{background:#f59e0b}.app-layer-dot--dns{background:#8b5cf6}.app-layer-controls{text-align:center;margin-top:24px}.app-layer-replay{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #f59e0b4d;transition:all .2s ease;animation:app-layer-replay-pulse 2s ease-in-out infinite}.app-layer-replay:hover{transform:translateY(-2px);box-shadow:0 12px 24px #f59e0b66}@keyframes app-layer-chip-glow{0%,to{box-shadow:0 4px 12px #3b82f64d}50%{box-shadow:0 4px 20px #3b82f699}}@keyframes app-layer-tab-pulse{0%,to{box-shadow:0 0 0 2px #3b82f61a}50%{box-shadow:0 0 0 4px #3b82f633}}@keyframes app-layer-btn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes app-layer-request-cycle{0%,30%{opacity:1;transform:translateY(0) scale(1)}35%,65%{opacity:.7;transform:translateY(-5px) scale(1.05)}70%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-layer-packet-travel{0%{left:10%;opacity:.8}50%{left:90%;opacity:1}to{left:10%;opacity:.8}}@keyframes app-layer-wave{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(20px);opacity:.8}}@keyframes app-layer-server-glow{0%,to{background-position:200% 0}50%{background-position:0 0}}@keyframes app-layer-server-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes app-layer-response-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}@keyframes app-layer-label-fade{0%,to{opacity:.8}50%{opacity:1}}@keyframes app-layer-timeline-flow{0%{background:linear-gradient(90deg,#dbeafe,#bfdbfe)}50%{background:linear-gradient(90deg,#bfdbfe,#dbeafe)}to{background:linear-gradient(90deg,#dbeafe,#bfdbfe)}}@keyframes app-layer-legend-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes app-layer-dot-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes app-layer-replay-pulse{0%,to{box-shadow:0 8px 20px #f59e0b4d}50%{box-shadow:0 8px 24px #f59e0b80}}.pres-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b}.pres-layer-header{text-align:center;margin-bottom:40px}.pres-layer-chip{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:25px;font-size:13px;font-weight:700;letter-spacing:1.2px;margin-bottom:16px;box-shadow:0 6px 20px #8b5cf64d;animation:pres-layer-chip-glow 3s ease-in-out infinite}.pres-layer-title{font-size:clamp(32px,6vw,48px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.pres-layer-subtitle{font-size:20px;color:#64748b;font-weight:500;max-width:600px;margin:0 auto}.pres-layer-stage{max-width:100%!important;margin:0 auto 40px;display:flex;align-items:center;gap:60px;position:relative;height:420px;padding:0 20px}.pres-layer-client,.pres-layer-server{display:flex;flex-direction:column;align-items:center;gap:20px}.pres-layer-device{width:200px;height:140px;animation:pres-layer-device-float 4s ease-in-out infinite}.pres-layer-screen{width:100%;height:100px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;border:2px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000001a;display:flex;align-items:center;justify-content:center}.pres-layer-file{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;animation:pres-layer-file-glow 3s ease-in-out infinite;transform:scale(1)}.pres-layer-file--decoded{background:linear-gradient(135deg,#10b981,#059669);animation:pres-layer-file-success 3s ease-in-out infinite}.pres-layer-label{font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.pres-layer-process{display:flex;flex-direction:column;gap:16px;align-items:center}.pres-layer-process--reverse{transform:scaleX(-1)}.pres-layer-step-box{width:80px;height:80px;background:#ffffffe6;border-radius:16px;border:2px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #00000014;animation:pres-layer-step-bounce 4s ease-in-out infinite}.pres-layer-step-label{font-size:11px;font-weight:600;color:#64748b;text-align:center;margin-top:4px}.pres-layer-arrow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #cbd5e1;animation:pres-layer-arrow-flow 3s ease-in-out infinite}.pres-layer-arrow--translate{border-top-color:#3b82f6}.pres-layer-arrow--compress{border-top-color:#f59e0b}.pres-layer-arrow--encrypt{border-top-color:#ef4444}.pres-layer-arrow--decrypt{border-top-color:#10b981}.pres-layer-arrow--decompress{border-top-color:#8b5cf6}.pres-layer-network{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.pres-layer-packet{padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:20px;font-weight:600;font-size:14px;box-shadow:0 8px 24px #ef444466;animation:pres-layer-packet-travel 5s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}.pres-layer-packet--encrypted:before{content:"🔒";margin-right:8px;animation:pres-layer-lock-spin 2s linear infinite}.pres-layer-network-lines{position:absolute;width:100%;height:100%}.pres-layer-line{position:absolute;height:3px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);border-radius:2px;opacity:.7}.pres-layer-line--1{top:25%;width:70%;animation:pres-layer-wave 2.5s ease-in-out infinite}.pres-layer-line--2{top:75%;width:80%;animation:pres-layer-wave 2.5s ease-in-out infinite 1s}.pres-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:0 20px}.pres-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;border-radius:20px;border:1px solid #e2e8f0;display:flex;gap:16px;box-shadow:0 12px 40px #00000014;transition:all .3s ease;animation:pres-layer-card-float 6s ease-in-out infinite}.pres-layer-status-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.pres-layer-status-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;animation:pres-layer-icon-pulse 2s ease-in-out infinite}.pres-layer-status-icon--translate{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.pres-layer-status-icon--compress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pres-layer-status-icon--encrypt{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pres-layer-status-card h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.pres-layer-status-card p{margin:0;color:#64748b;font-size:14px}@keyframes pres-layer-chip-glow{0%,to{box-shadow:0 6px 20px #8b5cf64d}50%{box-shadow:0 6px 28px #8b5cf699}}@keyframes pres-layer-device-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pres-layer-file-glow{0%,to{box-shadow:0 0 12px #3b82f666;transform:scale(1)}50%{box-shadow:0 0 24px #3b82f6cc;transform:scale(1.02)}}@keyframes pres-layer-file-success{0%,to{box-shadow:0 0 12px #10b98166}50%{box-shadow:0 0 24px #10b981cc}}@keyframes pres-layer-step-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@keyframes pres-layer-arrow-flow{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-2px)}}@keyframes pres-layer-packet-travel{0%{left:5%}50%{left:95%}to{left:5%}}@keyframes pres-layer-lock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pres-layer-wave{0%,to{transform:translate(0) scaleX(1);opacity:.5}50%{transform:translate(30px) scaleX(1.2);opacity:.9}}@keyframes pres-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pres-layer-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.session-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.session-layer-header{text-align:center;margin-bottom:48px}.session-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #10b9814d;animation:session-layer-chip-glow 3s ease-in-out infinite}.session-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.session-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.session-layer-stage{max-width:100%!important;margin:0 auto 48px;display:flex;align-items:center;gap:80px;position:relative;height:480px;padding:0 20px}.session-layer-client,.session-layer-server{display:flex;flex-direction:column;align-items:center;gap:28px}.session-layer-device{width:240px;height:160px;animation:session-layer-device-float 5s ease-in-out infinite}.session-layer-screen{width:100%;height:120px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.session-layer-app{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:session-layer-app-glow 4s ease-in-out infinite}.session-layer-app-active{background:linear-gradient(135deg,#10b981,#059669);animation:session-layer-app-success 3s ease-in-out infinite}.session-layer-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px}.session-layer-controls{display:flex;flex-direction:column;gap:20px;align-items:center}.session-layer-controls-reverse{transform:scaleX(-1)}.session-layer-control-box{width:90px;height:90px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:session-layer-control-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.session-layer-establish{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.session-layer-sync{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.session-layer-token{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.session-layer-token-reverse{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.session-layer-close{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.session-layer-control-icon{font-size:24px;font-weight:800;margin-bottom:4px}.session-layer-control-label{font-size:11px;font-weight:700;text-align:center;letter-spacing:.5px}.session-layer-network{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.session-layer-session-line{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent,#10b981,#059669,transparent);border-radius:2px;top:50%;transform:translateY(-50%)}.session-layer-session-flow{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);animation:session-layer-flow 3s linear infinite}.session-layer-packet-flow{position:absolute;width:100%;height:100%}.session-layer-packet{position:absolute;width:24px;height:24px;background:#10b981cc;border-radius:50%;box-shadow:0 4px 12px #10b98166;animation:session-layer-packet-move 4s linear infinite}.session-layer-packet-1{animation-delay:0s}.session-layer-packet-2{animation-delay:1.3s}.session-layer-packet-3{animation-delay:2.6s}.session-layer-status-indicators{position:absolute;top:20px;left:20px;display:flex;gap:12px}.session-layer-indicator{width:12px;height:12px;border-radius:50%;animation:session-layer-indicator-pulse 2s ease-in-out infinite}.session-layer-active{background:#10b981;animation-delay:0s}.session-layer-sync-point{background:#f59e0b;animation-delay:.5s}.session-layer-token-pass{background:#8b5cf6;animation-delay:1s}.session-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.session-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:session-layer-card-float 6s ease-in-out infinite}.session-layer-status-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.session-layer-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;animation:session-layer-icon-pulse 2.5s ease-in-out infinite}.session-layer-status-handshake{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.session-layer-status-sync{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.session-layer-status-token{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.session-layer-status-close{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.session-layer-status-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.session-layer-status-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.session-layer-timeline{max-width:100%!important;margin:48px auto 0;padding:0 20px}.session-layer-timeline-track{height:8px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:4px;position:relative;margin-bottom:20px}.session-layer-timeline-event{position:absolute;width:20px;height:20px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:4px solid white;animation:session-layer-timeline-glow 3s ease-in-out infinite}.session-layer-handshake{left:10%;background:#3b82f6}.session-layer-dataflow{left:40%;background:#10b981;animation-delay:.5s}.session-layer-syncpoint{left:70%;background:#f59e0b;animation-delay:1s}.session-layer-close{left:90%;background:#ef4444;animation-delay:1.5s}@keyframes session-layer-chip-glow{0%,to{box-shadow:0 8px 25px #10b9814d}50%{box-shadow:0 8px 35px #10b98199}}@keyframes session-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes session-layer-app-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes session-layer-app-success{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes session-layer-control-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes session-layer-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes session-layer-packet-move{0%{left:-10%;opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{left:110%;opacity:0;transform:scale(.5)}}@keyframes session-layer-indicator-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}@keyframes session-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes session-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes session-layer-timeline-glow{0%,to{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.transport-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.transport-layer-header{text-align:center;margin-bottom:48px}.transport-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #f59e0b4d;animation:transport-layer-chip-glow 3s ease-in-out infinite}.transport-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.transport-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.transport-layer-stage{max-width:100%!important;margin:0 auto 48px;display:flex;align-items:center;gap:80px;position:relative;height:500px;padding:0 20px}.transport-layer-client,.transport-layer-server{display:flex;flex-direction:column;align-items:center;gap:28px}.transport-layer-device{width:260px;height:170px;animation:transport-layer-device-float 5s ease-in-out infinite}.transport-layer-screen{width:100%;height:130px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.transport-layer-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:transport-layer-data-glow 4s ease-in-out infinite;white-space:nowrap}.transport-layer-reassembled{background:linear-gradient(135deg,#10b981,#059669);animation:transport-layer-success-glow 3s ease-in-out infinite}.transport-layer-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px}.transport-layer-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.transport-layer-processes-reverse{transform:scaleX(-1)}.transport-layer-process-box{width:95px;height:95px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:transport-layer-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transport-layer-segment{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.transport-layer-checksum{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.transport-layer-ports{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.transport-layer-reorder{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.transport-layer-verify{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.transport-layer-deliver{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.transport-layer-process-icon{font-size:28px;font-weight:800;margin-bottom:4px}.transport-layer-process-label{font-size:11px;font-weight:700;text-align:center;letter-spacing:.5px}.transport-layer-network{flex:1;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.transport-layer-packet-container{position:absolute;width:100%;height:100%}.transport-layer-packet{position:absolute;width:80px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 6px 20px #3b82f666;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:transport-layer-packet-travel 6s linear infinite;border:2px solid rgba(255,255,255,.3)}.transport-layer-packet-1{animation-delay:0s}.transport-layer-packet-2{animation-delay:1.5s}.transport-layer-packet-3{animation-delay:3s}.transport-layer-packet-4{animation-delay:4.5s;background:linear-gradient(135deg,#ef4444,#dc2626)}.transport-layer-seq{margin-bottom:2px}.transport-layer-ack{background:#fff3;padding:2px 6px;border-radius:4px;font-size:9px}.transport-layer-flow-control{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:200px}.transport-layer-window{width:100%;height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;border:2px solid #cbd5e1}.transport-layer-window-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);width:65%;animation:transport-layer-window-flow 3s ease-in-out infinite;border-radius:8px}.transport-layer-handshake{position:absolute;top:20px;right:20px;display:flex;gap:8px}.transport-layer-handshake-step{width:16px;height:16px;border-radius:50%;animation:transport-layer-handshake-pulse 4s ease-in-out infinite}.transport-layer-syn{background:#3b82f6;animation-delay:0s}.transport-layer-syn-ack{background:#f59e0b;animation-delay:1s}.transport-layer-ack{background:#10b981;animation-delay:2s}.transport-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.transport-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:transport-layer-card-float 6s ease-in-out infinite}.transport-layer-status-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.transport-layer-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;animation:transport-layer-icon-pulse 2.5s ease-in-out infinite}.transport-layer-status-segment{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.transport-layer-status-reliability{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.transport-layer-status-flow{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.transport-layer-status-ports{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.transport-layer-status-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.transport-layer-status-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.transport-layer-protocols{max-width:800px;margin:48px auto 0;display:flex;justify-content:center;gap:24px;padding:0 20px}.transport-layer-protocol{padding:20px 28px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 12px 40px #0000001a;transition:all .4s ease;cursor:pointer;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:transport-layer-protocol-float 5s ease-in-out infinite}.transport-layer-protocol:hover,.transport-layer-protocol.active{transform:translateY(-8px);border-color:#3b82f6;box-shadow:0 20px 60px #3b82f633}.transport-layer-protocol-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.transport-layer-tcp .transport-layer-protocol-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.transport-layer-udp .transport-layer-protocol-icon{background:linear-gradient(135deg,#10b981,#059669)}.transport-layer-quic .transport-layer-protocol-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.transport-layer-protocol div{font-size:14px;font-weight:600;color:#475569}@keyframes transport-layer-chip-glow{0%,to{box-shadow:0 8px 25px #f59e0b4d}50%{box-shadow:0 8px 35px #f59e0b99}}@keyframes transport-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes transport-layer-data-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes transport-layer-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes transport-layer-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes transport-layer-packet-travel{0%{left:-10%;opacity:0;transform:scale(.8) rotate(0)}15%{opacity:1;transform:scale(1) rotate(5deg)}85%{opacity:1;transform:scale(1) rotate(-5deg)}to{left:110%;opacity:0;transform:scale(.8) rotate(0)}}@keyframes transport-layer-window-flow{0%{width:20%}50%{width:85%}to{width:65%}}@keyframes transport-layer-handshake-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}@keyframes transport-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes transport-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes transport-layer-protocol-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.network-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.network-layer-header{text-align:center;margin-bottom:48px}.network-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #ef44444d;animation:network-layer-chip-glow 3s ease-in-out infinite}.network-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.network-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.network-layer-stage{max-width:1700px;margin:0 auto 48px;display:flex;align-items:center;gap:60px;position:relative;height:520px;padding:0 20px}.network-layer-source,.network-layer-destination{display:flex;flex-direction:column;align-items:center;gap:28px}.network-layer-device{width:260px;height:170px;animation:network-layer-device-float 5s ease-in-out infinite}.network-layer-screen{width:100%;height:130px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.network-layer-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:network-layer-data-glow 4s ease-in-out infinite;white-space:nowrap}.network-layer-delivered{background:linear-gradient(135deg,#10b981,#059669);animation:network-layer-success-glow 3s ease-in-out infinite}.network-layer-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px;background:#e2e8f0cc;padding:8px 16px;border-radius:12px;font-family:Courier New,monospace}.network-layer-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.network-layer-process-box{width:95px;height:95px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:network-layer-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.network-layer-route{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.network-layer-ttl{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.network-layer-receive{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.network-layer-defrag{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.network-layer-arp{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.network-layer-process-icon{font-size:28px;font-weight:800;margin-bottom:4px}.network-layer-process-label{font-size:11px;font-weight:700;text-align:center;letter-spacing:.5px}.network-layer-network{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.network-layer-routers{display:flex;gap:40px;position:relative;height:120px}.network-layer-router{width:100px;height:100px;position:relative;animation:network-layer-router-pulse 4s ease-in-out infinite}.network-layer-router-1{animation-delay:0s}.network-layer-router-2{animation-delay:1s}.network-layer-router-3{animation-delay:2s}.network-layer-router-core{width:80px;height:80px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;border:4px solid #e2e8f0;position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #00000026}.network-layer-router-label{font-size:16px;font-weight:800;color:#64748b;font-family:Courier New,monospace}.network-layer-packet-path{position:absolute;width:100%;height:100%;top:0;left:0}.network-layer-packet{position:absolute;width:120px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 8px 25px #3b82f666;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;animation:network-layer-packet-hop 8s linear infinite;border:2px solid rgba(255,255,255,.3);top:50%;transform:translateY(-50%)}.network-layer-packet-1{animation-delay:0s}.network-layer-packet-2{animation-delay:3s}.network-layer-ip-header{text-align:center;margin-bottom:2px;font-size:10px;font-family:Courier New,monospace}.network-layer-ttl-display{background:#fff3;padding:2px 8px;border-radius:6px;font-size:9px}.network-layer-routing-table{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 12px 30px #0000001a;font-family:Courier New,monospace;font-size:12px;animation:network-layer-table-glow 4s ease-in-out infinite}.network-layer-table-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 8px;border-radius:6px;transition:background .3s ease}.network-layer-table-row:nth-child(1){background:#3b82f61a}.network-layer-table-row:nth-child(2){background:#f59e0b1a}.network-layer-table-row:nth-child(3){background:#10b9811a}.network-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.network-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:network-layer-card-float 6s ease-in-out infinite}.network-layer-status-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.network-layer-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;animation:network-layer-icon-pulse 2.5s ease-in-out infinite}.network-layer-status-ip{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.network-layer-status-routing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.network-layer-status-forward{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.network-layer-status-icmp{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.network-layer-status-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.network-layer-status-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.network-layer-protocols{max-width:600px;margin:48px auto 0;padding:0 20px}.network-layer-protocol-stack{display:flex;flex-direction:column;gap:12px;align-items:center}.network-layer-protocol-item{width:120px;height:40px;background:#ffffffe6;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 8px 25px #0000001a;animation:network-layer-protocol-stack 5s ease-in-out infinite;border:2px solid #e2e8f0;font-family:Courier New,monospace}.network-layer-ip{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.network-layer-icmp{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.network-layer-arp{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.network-layer-nd{background:linear-gradient(135deg,#10b981,#059669);color:#fff}@keyframes network-layer-chip-glow{0%,to{box-shadow:0 8px 25px #ef44444d}50%{box-shadow:0 8px 35px #ef444499}}@keyframes network-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes network-layer-data-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes network-layer-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes network-layer-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes network-layer-packet-hop{0%{left:-15%;opacity:0;transform:translateY(-50%) scale(.8)}10%{opacity:1;transform:translateY(-50%) scale(1)}30%{left:20%;transform:translateY(-50%) rotate(2deg)}50%{left:45%;transform:translateY(-50%) rotate(-1deg)}70%{left:70%;transform:translateY(-50%) rotate(1deg)}90%{left:95%;opacity:1;transform:translateY(-50%) scale(1)}to{left:115%;opacity:0;transform:translateY(-50%) scale(.8)}}@keyframes network-layer-router-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #0000001a}50%{transform:scale(1.05);box-shadow:0 0 30px #3b82f64d}}@keyframes network-layer-table-glow{0%,to{box-shadow:0 12px 30px #0000001a}50%{box-shadow:0 12px 40px #3b82f633}}@keyframes network-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes network-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes network-layer-protocol-stack{0%,to{transform:translateY(0)}33%{transform:translateY(-4px)}66%{transform:translateY(-2px)}}.datalink-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.datalink-layer-header{text-align:center;margin-bottom:48px}.datalink-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #8b5cf64d;animation:datalink-layer-chip-glow 3s ease-in-out infinite}.datalink-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.datalink-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.datalink-layer-stage{max-width:1700px;margin:0 auto 48px;display:flex;align-items:center;gap:60px;position:relative;height:520px;padding:0 20px}.datalink-layer-source,.datalink-layer-destination{display:flex;flex-direction:column;align-items:center;gap:28px}.datalink-layer-device{width:260px;height:170px;animation:datalink-layer-device-float 5s ease-in-out infinite}.datalink-layer-screen{width:100%;height:130px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.datalink-layer-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:datalink-layer-data-glow 4s ease-in-out infinite;white-space:nowrap}.datalink-layer-delivered{background:linear-gradient(135deg,#10b981,#059669);animation:datalink-layer-success-glow 3s ease-in-out infinite}.datalink-layer-mac-label{font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px;background:#e2e8f0cc;padding:8px 16px;border-radius:12px;font-family:Courier New,monospace}.datalink-layer-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.datalink-layer-process-box{width:95px;height:95px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:datalink-layer-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.datalink-layer-frame{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.datalink-layer-mac{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.datalink-layer-crc{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.datalink-layer-check{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.datalink-layer-strip{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.datalink-layer-pass{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.datalink-layer-process-icon{font-size:26px;font-weight:800;margin-bottom:4px}.datalink-layer-process-label{font-size:11px;font-weight:700;text-align:center;letter-spacing:.5px}.datalink-layer-network{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.datalink-layer-switch{width:160px;height:140px;position:relative;animation:datalink-layer-switch-pulse 4s ease-in-out infinite}.datalink-layer-switch-core{width:140px;height:120px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;border:3px solid #e2e8f0;position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 40px #00000026}.datalink-layer-switch-label{font-size:18px;font-weight:800;color:#64748b;margin-bottom:12px;font-family:Courier New,monospace}.datalink-layer-mac-table{font-size:11px;font-family:Courier New,monospace;text-align:center;line-height:1.3}.datalink-layer-mac-entry{background:#3b82f61a;padding:2px 6px;border-radius:4px;margin-bottom:2px;animation:datalink-layer-mac-blink 6s infinite}.datalink-layer-frame-path{position:absolute;width:100%;height:100%;top:0;left:0}.datalink-layer-frame{position:absolute;width:140px;height:70px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 8px 25px #3b82f666;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:datalink-layer-frame-travel 7s linear infinite;border:2px solid rgba(255,255,255,.3);top:50%;transform:translateY(-50%)}.datalink-layer-frame-1{animation-delay:0s}.datalink-layer-frame-2{animation-delay:3s;background:linear-gradient(135deg,#ef4444,#dc2626);animation-name:datalink-layer-frame-error}.datalink-layer-frame-header{text-align:center;margin-bottom:4px;font-family:Courier New,monospace}.datalink-layer-frame-header div{margin-bottom:1px;font-size:9px}.datalink-layer-frame-crc{background:#fff3;padding:2px 8px;border-radius:6px;font-size:9px}.datalink-layer-collision-zone{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.datalink-layer-collision-indicator{width:20px;height:20px;background:#ef4444;border-radius:50%;animation:datalink-layer-collision-flash 2s ease-in-out infinite;box-shadow:0 0 20px #ef444499}.datalink-layer-csma-label{font-size:12px;font-weight:700;color:#ef4444;font-family:Courier New,monospace}.datalink-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.datalink-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:datalink-layer-card-float 6s ease-in-out infinite}.datalink-layer-status-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.datalink-layer-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;animation:datalink-layer-icon-pulse 2.5s ease-in-out infinite}.datalink-layer-status-mac{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.datalink-layer-status-frame{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.datalink-layer-status-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.datalink-layer-status-csma{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.datalink-layer-status-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.datalink-layer-status-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.datalink-layer-technologies{max-width:800px;margin:48px auto 0;display:flex;justify-content:center;gap:24px;padding:0 20px}.datalink-layer-tech{padding:20px 28px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 12px 40px #0000001a;transition:all .4s ease;cursor:pointer;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:datalink-layer-tech-float 5s ease-in-out infinite}.datalink-layer-tech:hover{transform:translateY(-8px);border-color:#3b82f6;box-shadow:0 20px 60px #3b82f633}.datalink-layer-tech-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.datalink-layer-ethernet .datalink-layer-tech-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.datalink-layer-wifi .datalink-layer-tech-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.datalink-layer-ppp .datalink-layer-tech-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.datalink-layer-tech div{font-size:14px;font-weight:600;color:#475569}@keyframes datalink-layer-chip-glow{0%,to{box-shadow:0 8px 25px #8b5cf64d}50%{box-shadow:0 8px 35px #8b5cf699}}@keyframes datalink-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes datalink-layer-data-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes datalink-layer-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes datalink-layer-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes datalink-layer-frame-travel{0%{left:-15%;opacity:0;transform:translateY(-50%) scale(.8)}10%{opacity:1;transform:translateY(-50%) scale(1)}45%{left:35%;transform:translateY(-50%) rotate(1deg)}55%{left:45%;transform:translateY(-50%) scale(1.05)}90%{left:95%;opacity:1}to{left:115%;opacity:0;transform:translateY(-50%) scale(.8)}}@keyframes datalink-layer-frame-error{0%{left:-15%;opacity:0;transform:translateY(-50%) scale(.8)}30%{left:25%;opacity:1;transform:translateY(-50%) scale(1.1)}50%{left:35%;transform:translateY(-20px) scale(1.2)}70%{left:45%;opacity:.3;transform:translateY(0) scale(.9)}to{left:55%;opacity:0}}@keyframes datalink-layer-switch-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 30px #3b82f64d}}@keyframes datalink-layer-mac-blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes datalink-layer-collision-flash{0%,50%,to{transform:scale(1);opacity:.6}25%{transform:scale(1.5);opacity:1}75%{transform:scale(.8);opacity:.8}}@keyframes datalink-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes datalink-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes datalink-layer-tech-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.physical-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.physical-layer-header{text-align:center;margin-bottom:48px}.physical-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #06b6d44d;animation:physical-layer-chip-glow 3s ease-in-out infinite}.physical-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.physical-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.physical-layer-stage{max-width:1800px;margin:0 auto 48px;display:flex;align-items:center;gap:40px;position:relative;height:550px;padding:0 20px}.physical-layer-source,.physical-layer-destination{display:flex;flex-direction:column;align-items:center;gap:28px}.physical-layer-device{width:240px;height:160px;animation:physical-layer-device-float 5s ease-in-out infinite}.physical-layer-screen{width:100%;height:120px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.physical-layer-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:16px;font-family:Courier New,monospace;animation:physical-layer-data-glow 4s ease-in-out infinite;letter-spacing:2px}.physical-layer-decoded{background:linear-gradient(135deg,#10b981,#059669);animation:physical-layer-success-glow 3s ease-in-out infinite}.physical-layer-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px}.physical-layer-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.physical-layer-process-box{width:90px;height:90px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:physical-layer-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.physical-layer-encode{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.physical-layer-modulate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.physical-layer-signal{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.physical-layer-demod{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.physical-layer-decode{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.physical-layer-clock{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.physical-layer-process-icon{font-size:22px;font-weight:800;margin-bottom:4px}.physical-layer-process-label{font-size:10px;font-weight:700;text-align:center;letter-spacing:.5px}.physical-layer-mediums{display:flex;flex-direction:column;gap:30px;align-items:center;position:relative;height:300px}.physical-layer-medium{width:100px;height:100px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px #0000001a;animation:physical-layer-medium-rotate 6s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.physical-layer-medium:nth-child(1){animation-delay:0s}.physical-layer-medium:nth-child(2){animation-delay:2s}.physical-layer-medium:nth-child(3){animation-delay:4s}.physical-layer-medium-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;margin-bottom:6px}.physical-layer-copper .physical-layer-medium-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.physical-layer-fiber .physical-layer-medium-icon{background:linear-gradient(135deg,#10b981,#059669)}.physical-layer-wireless .physical-layer-medium-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.physical-layer-medium-label{font-size:11px;font-weight:700;color:#64748b}.physical-layer-signals{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}.physical-layer-signal-wave{width:100%;height:80px;position:relative;display:flex;align-items:center}.physical-layer-signal{position:absolute;width:6px;height:6px;background:#06b6d4;border-radius:50%;box-shadow:0 0 12px #06b6d499;animation:physical-layer-signal-travel 4s linear infinite}.physical-layer-signal-1{animation-delay:0s}.physical-layer-signal-2{animation-delay:1.3s}.physical-layer-signal-3{animation-delay:2.6s}.physical-layer-eye-diagram{width:200px;height:120px;background:#ffffff1a;border-radius:12px;border:2px solid #e2e8f0;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:physical-layer-eye-glow 3s ease-in-out infinite}.physical-layer-eye-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(226,232,240,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.3) 1px,transparent 1px);background-size:20px 20px}.physical-layer-eye-wave{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 20%,#06b6d4 50%,transparent 80%);clip-path:polygon(0 60%,25% 20%,50% 80%,75% 10%,100% 70%);animation:physical-layer-eye-wave 2s ease-in-out infinite}.physical-layer-status{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.physical-layer-status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:physical-layer-card-float 6s ease-in-out infinite}.physical-layer-status-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.physical-layer-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;animation:physical-layer-icon-pulse 2.5s ease-in-out infinite}.physical-layer-status-encoding{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.physical-layer-status-signaling{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.physical-layer-status-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.physical-layer-status-ber{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.physical-layer-status-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.physical-layer-status-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.physical-layer-standards{max-width:900px;margin:48px auto 0;display:flex;justify-content:center;gap:24px;padding:0 20px}.physical-layer-standard{padding:20px 28px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 12px 40px #0000001a;transition:all .4s ease;cursor:pointer;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:physical-layer-standard-float 5s ease-in-out infinite}.physical-layer-standard:hover{transform:translateY(-8px);border-color:#06b6d4;box-shadow:0 20px 60px #06b6d433}.physical-layer-standard-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;line-height:1}.physical-layer-8023 .physical-layer-standard-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.physical-layer-80211 .physical-layer-standard-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.physical-layer-usb .physical-layer-standard-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.physical-layer-standard div{font-size:14px;font-weight:600;color:#475569}@keyframes physical-layer-chip-glow{0%,to{box-shadow:0 8px 25px #06b6d44d}50%{box-shadow:0 8px 35px #06b6d499}}@keyframes physical-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes physical-layer-data-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes physical-layer-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes physical-layer-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes physical-layer-signal-travel{0%{left:-10%;opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{left:110%;opacity:0;transform:scale(.5)}}@keyframes physical-layer-medium-rotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.02)}75%{transform:rotate(-5deg) scale(1.02)}}@keyframes physical-layer-eye-glow{0%,to{box-shadow:0 0 20px #06b6d433}50%{box-shadow:0 0 30px #06b6d480}}@keyframes physical-layer-eye-wave{0%,to{clip-path:polygon(0 60%,25% 20%,50% 80%,75% 10%,100% 70%)}50%{clip-path:polygon(0 40%,25% 60%,50% 30%,75% 70%,100% 40%)}}@keyframes physical-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes physical-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes physical-layer-standard-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.app-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.app-layer-header{text-align:center;margin-bottom:48px}.app-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #10b9814d;animation:app-layer-chip-glow 3s ease-in-out infinite}.app-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.app-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.app-layer-stage{max-width:100%!important;margin:0 auto 48px;display:flex;align-items:center;gap:80px;position:relative;height:480px;padding:0 20px}.app-layer-user,.app-layer-server{display:flex;flex-direction:column;align-items:center;gap:28px}.app-layer-device{width:240px;height:160px;animation:app-layer-device-float 5s ease-in-out infinite}.app-layer-screen{width:100%;height:120px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.app-layer-app{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:app-layer-app-glow 4s ease-in-out infinite}.app-layer-server-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);animation:app-layer-server-glow 3s ease-in-out infinite}.app-layer-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px}.app-layer-actions,.app-layer-server-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.app-layer-action-box{width:90px;height:90px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a;animation:app-layer-action-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-layer-http{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.app-layer-email{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.app-layer-stream{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.app-layer-response-http{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.app-layer-process{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.app-layer-secure{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.app-layer-action-icon{font-size:24px;font-weight:800;margin-bottom:4px}.app-layer-action-label{font-size:11px;font-weight:700;text-align:center;letter-spacing:.5px}.app-layer-network{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.app-layer-data-flow{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:space-between}.app-layer-request,.app-layer-response{width:160px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;box-shadow:0 8px 25px #3b82f666;animation:app-layer-data-travel 6s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}.app-layer-response{background:linear-gradient(135deg,#10b981,#059669);animation-direction:reverse;animation-delay:3s}.app-layer-request-label,.app-layer-response-label{text-align:center;margin-bottom:4px;font-family:Courier New,monospace}.app-layer-port{background:#fff3;padding:2px 8px;border-radius:6px;font-size:10px}.app-layer-protocol-stack{display:flex;flex-direction:column;gap:12px;align-items:center}.app-layer-stack-item{width:140px;height:45px;background:#ffffffe6;border-radius:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 8px 25px #0000001a;animation:app-layer-stack-float 5s ease-in-out infinite;border:2px solid #e2e8f0;font-family:Courier New,monospace}.app-layer-http-stack{border-color:#3b82f6}.app-layer-smtp-stack{border-color:#f59e0b}.app-layer-dns-stack{border-color:#10b981}.app-layer-ssh-stack{border-color:#ef4444}.app-layer-services{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.app-layer-service-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:app-layer-card-float 6s ease-in-out infinite}.app-layer-service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.app-layer-service-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;animation:app-layer-icon-pulse 2.5s ease-in-out infinite;color:#fff}.app-layer-service-web{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.app-layer-service-email{background:linear-gradient(135deg,#f59e0b,#d97706)}.app-layer-service-stream{background:linear-gradient(135deg,#ec4899,#be185d)}.app-layer-service-chat{background:linear-gradient(135deg,#10b981,#059669)}.app-layer-service-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.app-layer-service-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.app-layer-ports{max-width:600px;margin:48px auto 0;padding:0 20px}.app-layer-port-group{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.app-layer-port-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffffe6;border-radius:20px;box-shadow:0 12px 40px #0000001a;animation:app-layer-port-float 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-layer-port-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Courier New,monospace}.app-layer-port-item span:last-child{font-size:14px;font-weight:600;color:#475569}@keyframes app-layer-chip-glow{0%,to{box-shadow:0 8px 25px #10b9814d}50%{box-shadow:0 8px 35px #10b98199}}@keyframes app-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes app-layer-app-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes app-layer-server-glow{0%,to{box-shadow:0 0 16px #3b82f666}50%{box-shadow:0 0 32px #3b82f6cc}}@keyframes app-layer-action-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes app-layer-data-travel{0%{transform:translate(0);opacity:1}50%{transform:translate(20px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes app-layer-stack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes app-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes app-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes app-layer-port-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.app-layer-stage{flex-direction:column;height:auto;gap:50px}.app-layer-services{grid-template-columns:1fr;gap:24px}.app-layer-actions{flex-direction:row}}.transport-tcpip-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.transport-tcpip-header{text-align:center;margin-bottom:48px}.transport-tcpip-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #f59e0b4d;animation:transport-tcpip-chip-glow 3s ease-in-out infinite}.transport-tcpip-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.transport-tcpip-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.transport-tcpip-stage{max-width:1700px;margin:0 auto 48px;display:flex;align-items:center;gap:60px;position:relative;height:520px;padding:0 20px}.transport-tcpip-source,.transport-tcpip-destination{display:flex;flex-direction:column;align-items:center;gap:28px}.transport-tcpip-device{width:260px;height:170px;animation:transport-tcpip-device-float 5s ease-in-out infinite}.transport-tcpip-screen{width:100%;height:130px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.transport-tcpip-app{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:transport-tcpip-app-glow 4s ease-in-out infinite}.transport-tcpip-reassembled{background:linear-gradient(135deg,#10b981,#059669);animation:transport-tcpip-success-glow 3s ease-in-out infinite}.transport-tcpip-label{font-size:15px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:1px}.transport-tcpip-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.transport-tcpip-process-box{width:95px;height:95px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a;animation:transport-tcpip-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transport-tcpip-segment{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.transport-tcpip-ports{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.transport-tcpip-checksum{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.transport-tcpip-reorder{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.transport-tcpip-verify{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.transport-tcpip-deliver{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.transport-tcpip-process-icon{font-size:20px;font-weight:800;margin-bottom:4px}.transport-tcpip-process-label{font-size:10px;font-weight:700;text-align:center;letter-spacing:.5px}.transport-tcpip-network{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.transport-tcpip-handshake{display:flex;gap:12px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.transport-tcpip-handshake-step{width:20px;height:20px;border-radius:50%;animation:transport-tcpip-handshake-pulse 4s ease-in-out infinite}.transport-tcpip-syn{background:#3b82f6;animation-delay:0s}.transport-tcpip-syn-ack{background:#f59e0b;animation-delay:1.3s}.transport-tcpip-ack{background:#10b981;animation-delay:2.6s}.transport-tcpip-packet-container{position:absolute;width:100%;height:100%}.transport-tcpip-packet{position:absolute;width:110px;height:70px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 8px 25px #3b82f666;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;animation:transport-tcpip-packet-travel 6s linear infinite;border:2px solid rgba(255,255,255,.3);top:50%;transform:translateY(-50%)}.transport-tcpip-tcp-packet-1{animation-delay:0s}.transport-tcpip-tcp-packet-2{animation-delay:2s}.transport-tcpip-udp-packet{animation-delay:1s;background:linear-gradient(135deg,#10b981,#059669);width:90px;height:60px;font-size:9px}.transport-tcpip-seq{margin-bottom:1px;font-family:Courier New,monospace}.transport-tcpip-ack{margin-bottom:1px;background:#fff3;padding:1px 4px;border-radius:3px;font-size:9px}.transport-tcpip-port{font-size:9px;opacity:.9}.transport-tcpip-flow-control{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:220px}.transport-tcpip-window{position:relative;height:24px;background:#e2e8f0;border-radius:12px;overflow:hidden;border:2px solid #cbd5e1}.transport-tcpip-window-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);width:70%;animation:transport-tcpip-window-flow 3s ease-in-out infinite;border-radius:10px}.transport-tcpip-window-label{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#475569;font-family:Courier New,monospace}.transport-tcpip-protocol-switch{position:absolute;top:20px;right:20px;display:flex;gap:8px}.transport-tcpip-protocol{padding:8px 16px;background:#ffffffb3;border-radius:20px;font-size:12px;font-weight:700;color:#64748b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e2e8f0;animation:transport-tcpip-protocol-glow 4s ease-in-out infinite}.transport-tcpip-protocol-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;animation:none}.transport-tcpip-comparison{max-width:600px;margin:48px auto 0;display:flex;gap:32px;padding:0 20px;justify-content:center}.transport-tcpip-protocol-card{flex:1;padding:32px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 60px #0000001a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #e2e8f0;animation:transport-tcpip-card-float 6s ease-in-out infinite;transition:all .4s ease}.transport-tcpip-protocol-card:hover{transform:translateY(-12px);box-shadow:0 30px 80px #00000026}.transport-tcpip-protocol-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;animation:transport-tcpip-icon-pulse 2.5s ease-in-out infinite}.transport-tcpip-tcp-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.transport-tcpip-udp-icon{background:linear-gradient(135deg,#10b981,#059669)}.transport-tcpip-protocol-card h3{margin:0;font-size:22px;font-weight:800;color:#1e293b;text-align:center}.transport-tcpip-protocol-card p{margin:0 0 12px;color:#64748b;text-align:center;font-size:15px;line-height:1.5}.transport-tcpip-ports-used{background:#3b82f61a;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.transport-tcpip-ports{max-width:800px;margin:48px auto 0;padding:40px 20px;text-align:center}.transport-tcpip-port-diagram{height:120px;position:relative;margin-bottom:32px}.transport-tcpip-port-line{position:absolute;height:4px;border-radius:2px;animation:transport-tcpip-port-flow 3s linear infinite}.transport-tcpip-port-80{top:20px;width:70%;left:15%;background:linear-gradient(90deg,#3b82f6,transparent)}.transport-tcpip-port-443{top:50px;width:85%;left:10%;background:linear-gradient(90deg,#10b981,transparent);animation-delay:1s}.transport-tcpip-port-53{top:80px;width:60%;left:20%;background:linear-gradient(90deg,#f59e0b,transparent);animation-delay:2s}.transport-tcpip-port-legend{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.transport-tcpip-port-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#ffffffe6;border-radius:20px;box-shadow:0 12px 40px #0000001a;animation:transport-tcpip-port-float 5s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transport-tcpip-port-number{font-size:36px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Courier New,monospace}.transport-tcpip-port-item span:last-child{font-size:15px;font-weight:600;color:#475569}@keyframes transport-tcpip-chip-glow{0%,to{box-shadow:0 8px 25px #f59e0b4d}50%{box-shadow:0 8px 35px #f59e0b99}}@keyframes transport-tcpip-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes transport-tcpip-app-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes transport-tcpip-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes transport-tcpip-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes transport-tcpip-packet-travel{0%{left:-15%;opacity:0;transform:translateY(-50%) scale(.8) rotate(0)}15%{opacity:1;transform:translateY(-50%) scale(1) rotate(2deg)}85%{opacity:1;transform:translateY(-50%) scale(1) rotate(-2deg)}to{left:115%;opacity:0;transform:translateY(-50%) scale(.8) rotate(0)}}@keyframes transport-tcpip-handshake-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:1}}@keyframes transport-tcpip-window-flow{0%{width:30%}50%{width:85%}to{width:70%}}@keyframes transport-tcpip-protocol-glow{0%,to{box-shadow:0 0 8px #3b82f633}50%{box-shadow:0 0 20px #3b82f680}}@keyframes transport-tcpip-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes transport-tcpip-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(180deg)}}@keyframes transport-tcpip-port-flow{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes transport-tcpip-port-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.internet-layer-demo{min-height:100vh;padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:Plus Jakarta Sans,Inter,sans-serif;color:#1e293b;overflow-x:hidden}.internet-layer-header{text-align:center;margin-bottom:48px}.internet-layer-chip{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:28px;font-size:14px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;box-shadow:0 8px 25px #ef44444d;animation:internet-layer-chip-glow 3s ease-in-out infinite}.internet-layer-title{font-size:clamp(36px,6.5vw,52px);font-weight:800;background:linear-gradient(135deg,#1e293b,#475569,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.internet-layer-subtitle{font-size:22px;color:#64748b;font-weight:500;max-width:700px;margin:0 auto}.internet-layer-stage{max-width:1700px;margin:0 auto 48px;display:flex;align-items:center;gap:60px;position:relative;height:520px;padding:0 20px}.internet-layer-source,.internet-layer-destination{display:flex;flex-direction:column;align-items:center;gap:28px}.internet-layer-device{width:260px;height:170px;animation:internet-layer-device-float 5s ease-in-out infinite}.internet-layer-screen{width:100%;height:130px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;border:3px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000001f;display:flex;align-items:center;justify-content:center}.internet-layer-data{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:16px 28px;border-radius:16px;font-weight:700;font-size:15px;animation:internet-layer-data-glow 4s ease-in-out infinite}.internet-layer-delivered{background:linear-gradient(135deg,#10b981,#059669);animation:internet-layer-success-glow 3s ease-in-out infinite}.internet-layer-ip-label{font-size:15px;font-weight:700;color:#475569;background:#e2e8f0cc;padding:10px 20px;border-radius:12px;font-family:Courier New,monospace;letter-spacing:1px;box-shadow:0 4px 12px #0000001a}.internet-layer-processes{display:flex;flex-direction:column;gap:20px;align-items:center}.internet-layer-process-box{width:95px;height:95px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a;animation:internet-layer-process-bounce 4s ease-in-out infinite;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.internet-layer-ip-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.internet-layer-route{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.internet-layer-ttl{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.internet-layer-receive{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.internet-layer-defrag{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.internet-layer-up{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.internet-layer-process-icon{font-size:20px;font-weight:800;margin-bottom:4px}.internet-layer-process-label{font-size:10px;font-weight:700;text-align:center;letter-spacing:.5px}.internet-layer-internet{flex:1;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.internet-layer-routers{display:flex;gap:50px;position:relative;height:140px}.internet-layer-router{width:110px;height:110px;position:relative;animation:internet-layer-router-pulse 4s ease-in-out infinite}.internet-layer-router-1{animation-delay:0s}.internet-layer-router-2{animation-delay:1.3s}.internet-layer-router-3{animation-delay:2.6s}.internet-layer-router-core{width:90px;height:90px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:50%;border:4px solid #e2e8f0;position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #00000026}.internet-layer-router-label{font-size:14px;font-weight:800;color:#64748b;font-family:Courier New,monospace;text-align:center}.internet-layer-packet-flow{position:absolute;width:100%;height:100%;top:0;left:0}.internet-layer-packet{position:absolute;width:130px;height:65px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;box-shadow:0 10px 30px #3b82f666;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;animation:internet-layer-packet-hop 8s linear infinite;border:2px solid rgba(255,255,255,.3);top:50%;transform:translateY(-50%)}.internet-layer-packet-1{animation-delay:0s}.internet-layer-packet-2{animation-delay:4s;background:linear-gradient(135deg,#10b981,#059669)}.internet-layer-packet-header{text-align:center;margin-bottom:2px;font-family:Courier New,monospace}.internet-layer-packet-header div{margin-bottom:1px;font-size:10px}.internet-layer-routing-table{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;border-radius:20px;border:2px solid #e2e8f0;box-shadow:0 16px 50px #0000001a;font-family:Courier New,monospace;font-size:13px;animation:internet-layer-table-glow 4s ease-in-out infinite;min-width:280px}.internet-layer-table-header{display:flex;justify-content:space-between;font-weight:800;color:#1e293b;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.internet-layer-table-row{display:flex;justify-content:space-between;margin-bottom:10px;padding:6px 10px;border-radius:8px;background:#3b82f60d;animation:internet-layer-row-highlight 6s infinite}.internet-layer-table-row:nth-child(2){animation-delay:2s}.internet-layer-protocols{max-width:100%!important;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding:0 20px}.internet-layer-protocol-card{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:28px;border-radius:24px;border:1px solid #e2e8f0;display:flex;gap:20px;box-shadow:0 16px 50px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:internet-layer-card-float 6s ease-in-out infinite}.internet-layer-protocol-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 60px #00000026}.internet-layer-protocol-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;animation:internet-layer-icon-pulse 2.5s ease-in-out infinite;color:#fff}.internet-layer-ip-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.internet-layer-icmp-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.internet-layer-arp-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.internet-layer-ipsec-icon{background:linear-gradient(135deg,#10b981,#059669)}.internet-layer-protocol-card h3{margin:0 0 10px;font-size:20px;font-weight:700;color:#1e293b}.internet-layer-protocol-card p{margin:0;color:#64748b;font-size:15px;line-height:1.5}.internet-layer-ip-versions{max-width:500px;margin:48px auto 0;display:flex;justify-content:center;gap:40px;padding:0 20px}.internet-layer-ip-version{padding:24px 32px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 16px 50px #0000001a;transition:all .4s ease;border:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:internet-layer-version-float 5s ease-in-out infinite}.internet-layer-ip-version:hover{transform:translateY(-10px);border-color:#3b82f6;box-shadow:0 25px 60px #3b82f633}.internet-layer-version-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff}.internet-layer-ip-version:nth-child(1) .internet-layer-version-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.internet-layer-ip-version:nth-child(2) .internet-layer-version-icon{background:linear-gradient(135deg,#10b981,#059669)}.internet-layer-ip-version div{font-size:14px;font-weight:600;color:#475569;text-align:center}@keyframes internet-layer-chip-glow{0%,to{box-shadow:0 8px 25px #ef44444d}50%{box-shadow:0 8px 35px #ef444499}}@keyframes internet-layer-device-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-2px) rotate(-1deg)}}@keyframes internet-layer-data-glow{0%,to{box-shadow:0 0 16px #6b728066}50%{box-shadow:0 0 32px #6b7280cc}}@keyframes internet-layer-success-glow{0%,to{box-shadow:0 0 16px #10b98166}50%{box-shadow:0 0 32px #10b981cc}}@keyframes internet-layer-process-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.02)}60%{transform:translateY(-4px) scale(1.01)}}@keyframes internet-layer-packet-hop{0%{left:-20%;opacity:0;transform:translateY(-50%) scale(.7)}12%{opacity:1;transform:translateY(-50%) scale(1)}30%{left:15%}50%{left:42%}70%{left:68%}88%{left:95%;opacity:1}to{left:120%;opacity:0;transform:translateY(-50%) scale(.7)}}@keyframes internet-layer-router-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #0000001a}50%{transform:scale(1.08);box-shadow:0 0 35px #3b82f666}}@keyframes internet-layer-table-glow{0%,to{box-shadow:0 16px 50px #0000001a}50%{box-shadow:0 16px 60px #3b82f640}}@keyframes internet-layer-row-highlight{0%,80%,to{background:#3b82f60d}90%{background:#3b82f633}}@keyframes internet-layer-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes internet-layer-icon-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes internet-layer-version-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.strong-password-section{min-height:100vh;padding:60px 20px;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#0f0f23);display:flex;align-items:center;justify-content:center;font-family:Orbitron,Courier New,monospace}.strong-password-card{max-width:600px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:6px;padding:48px;border:2px solid #02040b}.strong-password-title{font-size:clamp(28px,5vw,36px);font-weight:900;background:linear-gradient(135deg,#02040b,#0c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;text-align:center;letter-spacing:-.02em}.strong-password-intro{font-size:18px;color:#02040b;text-align:center;margin:0 0 32px;font-weight:500;letter-spacing:.5px;opacity:.9}.strong-password-list{list-style:none;padding:0;margin:0 0 40px}.strong-password-item{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(0,255,136,.1);transition:all .3s cubic-bezier(.4,0,.2,1);animation:strong-item-slide .6s ease-out forwards;opacity:0;transform:translate(-30px)}.strong-password-item:nth-child(1){animation-delay:.1s}.strong-password-item:nth-child(2){animation-delay:.2s}.strong-password-item:nth-child(3){animation-delay:.3s}.strong-password-item:nth-child(4){animation-delay:.4s}.strong-password-item:nth-child(5){animation-delay:.5s;border-bottom:none}.strong-password-item:hover{transform:translate(10px);background:#00ff880d;border-radius:12px;padding-left:16px;margin-left:-16px;margin-right:-16px;border-left:4px solid #00ff88}.strong-password-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strong-length{background:linear-gradient(135deg,#0f8,#0c6);color:#02040b}.strong-case{background:linear-gradient(135deg,#ff6b9d,#ff8bb5);color:#02040b}.strong-numbers{background:linear-gradient(135deg,#ffa502,#ff8c00);color:#02040b}.strong-special{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.strong-xmark{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;animation:strong-x-pulse 2s ease-in-out infinite}.strong-password-item span{font-size:16px;font-weight:600;color:#02040b;letter-spacing:.3px;line-height:1.5}.strong-password-example{text-align:center;padding:24px;background:linear-gradient(145deg,#00ff881a,#00d4721a);border-radius:16px;border:2px solid rgba(0,255,136,.3)}.strong-password-label{color:#02040b;font-size:15px;font-weight:700;margin-bottom:12px;letter-spacing:1px}.strong-password-code{background:linear-gradient(145deg,#0a0a1af2,#1a1a2ee6);color:#0f8;font-family:Courier New,monospace;font-size:18px;font-weight:700;padding:16px 24px;border-radius:12px;letter-spacing:1px;border:1px solid rgba(0,255,136,.4);word-break:break-all}@keyframes strong-card-glow{0%{box-shadow:0 30px 90px #000c,0 0 60px #0f83}to{box-shadow:0 35px 100px #000000e6,0 0 80px #0f86}}@keyframes strong-item-slide{to{opacity:1;transform:translate(0)}}@keyframes strong-x-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animation-container{width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1f,#1a1a3a,#2a2a5a);font-family:Courier New,monospace;overflow:hidden}.full-scene{width:900px;height:600px;position:relative;background:linear-gradient(180deg,#1e1e3e,#2a2a4a);border-radius:30px;box-shadow:0 0 100px #00ff964d,inset 0 0 50px #00000080;overflow:hidden;animation:scenePulse 10s ease-in-out infinite}@keyframes scenePulse{0%,to{box-shadow:0 0 100px #00ff964d}50%{box-shadow:0 0 120px #00ff9680}}.room{position:absolute;top:0;left:0;right:0;bottom:0}.wall{position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(90deg,#2a2a4a,#3a3a6a,#2a2a4a)}.window{position:absolute;top:50px;right:50px;width:150px;height:120px;background:linear-gradient(135deg,#0096ffcc,#64c8ff99);border-radius:20px;box-shadow:inset 0 0 30px #ffffff4d}.curtain{position:absolute;top:10px;width:60px;height:90px;background:linear-gradient(45deg,#8b4513,sienna);border-radius:0 20px 20px 0;animation:curtainSway 6s ease-in-out infinite}.curtain.left{left:0;transform-origin:right center}.curtain.right{right:0;border-radius:20px 0 0 20px;transform-origin:left center;animation-delay:-3s}@keyframes curtainSway{0%,to{transform:rotateY(0)}50%{transform:rotateY(5deg)}}.floor{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(90deg,#3a3a3a,#2a2a2a,#3a3a3a)}.desk{position:absolute;bottom:50px;left:50px;width:400px;height:120px;z-index:5}.desk-surface{position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(145deg,#8b7355,#a89478);border-radius:15px;box-shadow:0 10px 20px #0006,inset 0 2px 5px #ffffff4d;animation:deskBounce 4s ease-in-out infinite}@keyframes deskBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.desk-legs{position:absolute;bottom:0;left:30px;right:30px;height:90px;background:linear-gradient(145deg,#654321,#8b4513)}.computer{position:absolute;top:120px;left:120px;z-index:10}.screen{width:320px;height:240px;background:linear-gradient(145deg,#1a1a2e,#2a2a3e);border-radius:20px 20px 5px 5px;position:relative;box-shadow:0 15px 30px #0009,inset 0 2px 10px #ffffff1a;transform-origin:bottom center;animation:screenTiltPhysics 6s ease-in-out infinite}@keyframes screenTiltPhysics{0%,20%{transform:rotateX(0)}30%{transform:rotateX(3deg)}50%,70%{transform:rotateX(1deg)}80%,to{transform:rotateX(0)}}.screen-glow{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background:#000;border-radius:12px;box-shadow:inset 0 0 40px #00ff9699;animation:screenGlow 2s ease-in-out infinite alternate}@keyframes screenGlow{0%{box-shadow:inset 0 0 40px #00ff9699}to{box-shadow:inset 0 0 60px #00ff96e6}}.terminal{position:absolute;top:30px;left:20px;right:20px;color:#0f8;font-size:12px;line-height:1.4;font-weight:700;text-shadow:0 0 10px #00ff88}.prompt{animation:promptSlide 2s ease-out infinite;opacity:0}.prompt:before{content:"pentest@cloudbyte:~$ sudo su";animation:promptType 3s steps(20) infinite}@keyframes promptSlide{0%{opacity:0;transform:translate(-20px)}20%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translate(20px)}}.password-line{margin-top:15px;height:20px;opacity:0;animation:passwordAppear 7s ease-out infinite}@keyframes passwordAppear{0%,30%{opacity:0}35%{opacity:1}85%{opacity:1}90%{opacity:0}}.password-dots{display:flex;gap:3px}.dot{width:8px;height:8px;background:transparent;border-radius:50%;border:1px solid #00ff88;animation:dotPhysics 8s ease-in-out infinite}.dot-1{animation-delay:3.5s}.dot-2{animation-delay:3.7s}.dot-3{animation-delay:3.9s}.dot-4{animation-delay:4.1s}.dot-5{animation-delay:4.3s}.dot-6{animation-delay:4.5s}.dot-7{animation-delay:4.7s}.dot-8{animation-delay:4.9s}.dot-9{animation-delay:5.1s}.dot-10{animation-delay:5.3s}.dot-11{animation-delay:5.5s}.dot-12{animation-delay:5.7s}@keyframes dotPhysics{0%,10%{transform:scale(.5) translateY(0);opacity:0}15%{transform:scale(1.2) translateY(-2px);opacity:1;background:#0f8;box-shadow:0 0 10px #0f8}20%,to{transform:scale(1) translateY(0);opacity:1;background:#0f8}}.cursor{width:8px;height:12px;background:#0f8;margin-left:3px;border-radius:1px;animation:cursorBlink .8s infinite,cursorBounce 3s ease-in-out infinite}@keyframes cursorBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.success-text{opacity:0;transform:translateY(20px);text-align:center;font-size:14px;animation:successPulse 10s ease-in-out infinite}@keyframes successPulse{0%,75%{opacity:0;transform:translateY(20px)}80%{opacity:1;transform:translateY(0);text-shadow:0 0 10px #00ff88}90%,to{opacity:1;transform:translateY(0);text-shadow:0 0 20px #00ff88,0 0 30px #00ff88}}.base{width:380px;height:50px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:0 0 25px 25px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.stand{width:20px;height:80px;background:linear-gradient(145deg,#666,#444);position:absolute;bottom:-80px;left:50%;transform:translate(-50%);border-radius:10px}.keyboard{position:absolute;top:340px;left:130px;width:300px;height:60px;display:flex;flex-wrap:wrap;gap:4px;z-index:12}.key{flex:1 1 35px;height:35px;background:linear-gradient(145deg,#444,#333);border-radius:8px;border:1px solid #555;box-shadow:0 4px 8px #0006,inset 0 1px 2px #fff3;position:relative;animation:keyPhysics 7s cubic-bezier(.25,.46,.45,.94) infinite}.key-1{animation-delay:4s}.key-2{animation-delay:4.05s}.key-3{animation-delay:4.1s}.key-4{animation-delay:4.15s}.key-5{animation-delay:4.2s}.key-6{animation-delay:4.25s}.key-7{animation-delay:4.3s}.key-8{animation-delay:4.35s}.key-9{animation-delay:4.4s}.key-10{animation-delay:4.45s}.key-11{animation-delay:4.5s}.key-12{animation-delay:4.55s}.key-13{animation-delay:4.6s}.key-14{animation-delay:4.65s}.key-15{animation-delay:4.7s}.key-16{animation-delay:4.75s}.key-17{animation-delay:4.8s}.key-18{animation-delay:4.85s}.key-19{animation-delay:4.9s}.key-20{animation-delay:4.95s}@keyframes keyPhysics{0%,85%,to{transform:translateY(0) scale(1);box-shadow:0 4px 8px #0006}90%{transform:translateY(-4px) scale(.95);box-shadow:0 1px 3px #0009}}.boy{position:absolute;top:130px;left:380px;width:160px;height:320px;z-index:30;animation:breathing 4s ease-in-out infinite,boyLeanForward 8s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes boyLeanForward{0%,30%{transform:translate(0) rotate(0)}40%{transform:translate(-15px) rotate(-8deg)}60%{transform:translate(-10px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.thought-bubble{position:absolute;top:-30px;right:10px;opacity:0;transform:scale(0) rotate(-5deg);animation:thoughtBubblePhysics 10s ease-in-out infinite;z-index:35}@keyframes thoughtBubblePhysics{0%,25%{opacity:0;transform:scale(0) rotate(-5deg)}30%{opacity:1;transform:scale(1.1) rotate(2deg)}35%,70%{opacity:1;transform:scale(1) rotate(0)}75%{opacity:0;transform:scale(.8) rotate(-3deg)}to{opacity:0;transform:scale(0) rotate(-5deg)}}.bubble-tail{position:absolute;bottom:20px;left:30px;width:0;height:0;border:15px solid transparent;border-top-color:#e0e0ff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:tailWiggle 10s ease-in-out infinite}@keyframes tailWiggle{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.bubble-body{position:absolute;top:0;right:0;width:170px;height:60px;background:linear-gradient(145deg,#e0e0ff,#f0f0ff);border-radius:20px;box-shadow:0 8px 20px #0000004d,inset 0 2px 5px #fffc;padding:12px 20px}.password-text{color:#06c;font-size:11px;font-weight:700;animation:passwordGlow 2s ease-in-out infinite alternate;text-shadow:0 0 5px rgba(0,102,204,.5);animation-delay:3s}@keyframes passwordGlow{0%{text-shadow:0 0 5px #0066cc}to{text-shadow:0 0 15px #0066cc,0 0 25px #0066cc}}.head{position:absolute;top:0;left:35px;width:85px;height:85px;animation:headPhysics 3s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes headPhysics{0%,25%{transform:translate(0) rotate(0) translateY(0)}35%{transform:translate(-3px) rotate(-4deg) translateY(-8px)}50%{transform:translate(-2px) rotate(-2deg) translateY(-5px)}75%,to{transform:translate(0) rotate(0) translateY(0)}}.hair{position:absolute;top:-18px;left:8px;width:70px;height:38px;background:linear-gradient(135deg,#2c1810,#4a2c1a,#5d3a20);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;z-index:5;animation:hairBounce 2s ease-in-out infinite}@keyframes hairBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}.face{position:absolute;top:18px;left:15px;width:55px;height:45px;z-index:6;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:50px 50px 40px 40px;box-shadow:0 4px 12px #0000004d}.eyes{position:absolute;top:12px;left:8px;right:8px;display:flex;gap:16px}.eye{width:10px;height:10px;background:#333;border-radius:50%;position:relative;animation:eyePhysics 2.5s ease-in-out infinite}.eye.left{animation-delay:-.5s}.eye.right{animation-delay:.25s}.eye:before{content:"";position:absolute;top:-2px;left:-2px;width:14px;height:14px;border:2px solid rgba(255,255,255,.8);border-radius:50%}@keyframes eyePhysics{0%,40%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-1px) scale(1.05)}60%{transform:translateY(.5px) scale(.98)}80%{transform:scaleY(.2)}}.eyebrows{position:absolute;top:5px;left:6px;right:6px;display:flex;gap:18px}.eyebrow{height:3px;flex:1;background:#333;border-radius:2px;animation:eyebrowPhysics 3s ease-in-out infinite}.eyebrow.left{animation-delay:-1s}.eyebrow.right{animation-delay:-.5s}@keyframes eyebrowPhysics{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(8deg) translateY(-2px)}}.mouth{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:16px;height:8px;background:#ff6b6b;border-radius:0 0 16px 16px;animation:mouthPhysics 2s ease-in-out infinite}@keyframes mouthPhysics{0%,50%,to{border-radius:0 0 16px 16px;height:8px;background:#ff6b6b}25%{border-radius:8px;height:12px;background:linear-gradient(145deg,#ff9a8b,#ff6b6b);transform:translate(-50%) scaleX(1.2)}}.body{position:absolute;top:75px;left:20px;width:110px;height:95px}.shirt{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#4169e1,#1e3a8a);border-radius:25px 25px 50px 50px;box-shadow:inset 0 2px 10px #fff3,0 5px 15px #0000004d;animation:shirtBreathe 4s ease-in-out infinite}@keyframes shirtBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.collar{position:absolute;top:0;left:25px;right:25px;height:18px;background:#fff;border-radius:12px 12px 0 0}.left-arm{position:absolute;top:85px;left:-5px;z-index:32;animation:leftArmThink 6s cubic-bezier(.25,.46,.45,.94) infinite}.right-arm{position:absolute;top:85px;right:5px;z-index:34;animation:rightArmTyping 7s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes leftArmThink{0%,40%{transform:rotate(-20deg) translateY(0)}50%{transform:rotate(15deg) translateY(-15px)}70%{transform:rotate(5deg) translateY(-8px)}to{transform:rotate(-10deg) translateY(0)}}@keyframes rightArmTyping{0%,30%,75%,to{transform:rotate(5deg)}35%{transform:rotate(-35deg) translateY(25px) translate(-30px) scale(.95)}40%{transform:rotate(-25deg) translateY(18px) translate(-20px)}45%{transform:rotate(-15deg) translateY(10px) translate(-10px)}80%{transform:rotate(-10deg) translateY(5px) translate(-5px)}}.upper-arm{width:22px;height:48px;background:linear-gradient(145deg,#e0e0e0,silver);border-radius:15px 15px 25px 25px;position:relative;transform-origin:top center;box-shadow:0 3px 10px #0000004d}.lower-arm{width:18px;height:52px;background:linear-gradient(145deg,#d0d0d0,#b0b0b0);border-radius:20px 20px 30px 30px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%);transform-origin:top center;box-shadow:0 3px 8px #0000004d}.hand{width:32px;height:28px;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:25px 25px 35px 35px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006;animation:handPhysics 3s ease-in-out infinite}@keyframes handPhysics{0%,to{transform:translate(-50%) rotate(0) scale(1)}30%{transform:translate(-50%) rotate(8deg) scale(1.05)}70%{transform:translate(-50%) rotate(-5deg) scale(.98)}}.fingers{position:absolute;top:-18px;left:6px;display:flex;gap:2px}.finger{width:6px;height:20px;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:3px;box-shadow:0 2px 6px #0003;animation:fingerTyping 4s ease-in-out infinite}.finger-1{animation-delay:4.2s}.finger-2{animation-delay:4.4s}.finger-3{animation-delay:4.6s}.finger-4{animation-delay:4.8s}@keyframes fingerTyping{0%,85%,to{transform:translateY(0) rotate(0) scaleY(1)}90%{transform:translateY(-5px) rotate(-15deg) scaleY(.8)}}.left-leg{position:absolute;bottom:-10px;left:35px;z-index:28;animation:leftLegShift 5s ease-in-out infinite}.right-leg{position:absolute;bottom:-10px;right:35px;z-index:28;animation:rightLegShift 5s ease-in-out infinite reverse}@keyframes leftLegShift{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes rightLegShift{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}.thigh{width:20px;height:55px;background:linear-gradient(145deg,#1e3a8a,#4169e1);border-radius:15px 15px 28px 28px;position:relative;box-shadow:0 3px 10px #0000004d}.shin{width:17px;height:48px;background:linear-gradient(145deg,#2a4a8a,#1e3a8a);border-radius:22px 22px 32px 32px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.foot{width:34px;height:22px;background:linear-gradient(145deg,#333,#444);border-radius:0 0 25px 18px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #00000080;animation:footTap 6s ease-in-out infinite}@keyframes footTap{0%,95%,to{transform:translate(-50%) translateY(0) rotate(0)}97%{transform:translate(-50%) translateY(-3px) rotate(2deg)}}.mfa-animation-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a1f,#1a1a3a,#2a2a5a);display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;overflow:hidden}.full-mfa-scene{width:900px;height:600px;position:relative;background:linear-gradient(180deg,#1e1e3e,#2a2a4a 70%,#3a3a6a);border-radius:30px;box-shadow:0 0 120px #00ff9666,inset 0 0 60px #0009;overflow:hidden;animation:scenePulse 14s ease-in-out infinite}@keyframes scenePulse{0%,to{box-shadow:0 0 120px #00ff9666}50%{box-shadow:0 0 160px #00ff9699}}.security-lab{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.lab-wall{position:absolute;top:0;left:0;right:0;height:280px;background:linear-gradient(90deg,#2a2a4a,#3a3a6a 30%,#2a2a4a 70%,#3a3a6a)}.server-rack{position:absolute;top:60px;left:30px;width:50px;height:250px;display:flex;flex-direction:column;gap:6px}.server{height:25px;background:linear-gradient(90deg,#1a1a2e,#2a2a3e);border-radius:6px;box-shadow:0 3px 10px #0006;position:relative}.server:before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;background:radial-gradient(circle,#00ff88 20%,transparent 70%);filter:blur(1px);animation:serverBlink 2.5s ease-in-out infinite}@keyframes serverBlink{0%,80%,to{opacity:.4}85%{opacity:1}}.floor-grid{position:absolute;bottom:0;left:0;right:0;height:220px;background-image:linear-gradient(90deg,transparent 0%,rgba(0,255,150,.05) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,255,150,.05) 50%,transparent 100%);background-size:50px 50px;animation:gridScan 10s linear infinite}@keyframes gridScan{0%{background-position:0 0}to{background-position:100px 100px}}.main-computer{position:absolute;top:100px;left:180px;z-index:20}.screen-bezel{width:380px;height:280px;background:linear-gradient(145deg,#1a1a2e,#2a2a3e);border-radius:20px 20px 8px 8px;position:relative;box-shadow:0 20px 40px #000000b3,inset 0 2px 12px #ffffff1a;animation:screenTilt 12s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes screenTilt{0%,35%{transform:rotateX(0)}45%{transform:rotateX(4deg) translateY(-8px)}65%{transform:rotateX(2deg) translateY(-4px)}to{transform:rotateX(0)}}.screen-glow{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:#000;border-radius:12px;box-shadow:inset 0 0 50px #00ff96cc;animation:glowPulse 2s ease-in-out infinite alternate}@keyframes glowPulse{0%{box-shadow:inset 0 0 50px #00ff96cc}to{box-shadow:inset 0 0 70px #00ff96}}.mfa-interface{position:absolute;top:30px;left:20px;right:20px;height:220px;color:#0f8;font-size:13px;font-weight:700;text-shadow:0 0 10px #00ff88;z-index:25}.stage{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(20px) scale(.95);animation:stageSequence 14s ease-in-out infinite}@keyframes stageSequence{0%,5%{opacity:1;transform:translateY(0) scale(1)}6%{opacity:0;transform:translateY(20px) scale(.95)}35%,75%{opacity:1;transform:translateY(0) scale(1)}36%,76%{opacity:0;transform:translateY(20px) scale(.95)}85%,to{opacity:1;transform:translateY(0) scale(1)}}.stage-1{animation-delay:0s}.stage-2{animation-delay:-2s}.stage-3{animation-delay:-4s}.stage-title{font-size:16px;margin-bottom:20px;text-align:center;animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px #00ff88}to{text-shadow:0 0 20px #00ff88,0 0 30px #00ff88}}.stage-title-2{color:#fa0!important;text-shadow:0 0 15px #ffaa00!important}.password-field{display:flex;align-items:center;background:#000000d9;padding:12px 16px;border-radius:8px;border:2px solid #333;margin:0 auto;width:280px}.prompt{color:#0f8;margin-right:8px;font-size:12px}.input{color:#ff6b6b;width:0;overflow:hidden;animation:typePassword 2s 1.5s steps(8) forwards}.checkmark{color:#0f8;font-size:16px;opacity:0;transform:scale(0) rotate(-180deg);animation:checkmarkPop .8s 4s ease-out forwards}@keyframes typePassword{to{width:70px}}@keyframes checkmarkPop{0%{opacity:1;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1) rotate(0)}}.possession-section{display:flex;justify-content:space-around;align-items:center;margin:20px 0;height:80px;animation:possessionHighlight 14s ease-in-out infinite}@keyframes possessionHighlight{0%,35%,80%{opacity:.3}40%,75%{opacity:1;filter:brightness(1.4)}}.phone-icon,.yubikey-icon,.smartcard-icon{animation:deviceFloat 2.5s ease-in-out infinite;transform-origin:center}.phone-icon{animation-delay:6s}.yubikey-icon{animation-delay:6.5s}.smartcard-icon{animation-delay:7s}@keyframes deviceFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}.phone-icon{width:50px;height:90px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:12px;position:relative;box-shadow:0 4px 15px #00000080}.phone-screen{position:absolute;top:6px;left:6px;right:6px;bottom:30px;background:#000;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0f8;font-size:9px;box-shadow:inset 0 0 15px #00ff96b3;animation:screenFlash 2s 6.5s ease-in-out infinite}@keyframes screenFlash{0%,to{box-shadow:inset 0 0 15px #00ff96b3}50%{box-shadow:inset 0 0 25px #00ff96}}.phone-notif{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#00ff964d;padding:1px 6px;border-radius:8px;font-size:7px;color:#0f8}.yubikey-icon{width:35px;height:13px;background:linear-gradient(145deg,silver,#a0a0a0);border-radius:6px;position:relative;box-shadow:0 3px 12px #0006}.yubi-touch{position:absolute;top:1px;right:1px;width:7px;height:7px;background:#00ff96cc;border-radius:50%;animation:yubiTouch 1.5s 7s ease-out infinite}@keyframes yubiTouch{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.7}}.smartcard-icon{width:48px;height:30px;background:linear-gradient(145deg,#f8f8f8,#e8e8e8);border-radius:6px;position:relative;box-shadow:0 3px 12px #0000004d}.card-chip{position:absolute;top:4px;left:4px;width:10px;height:8px;background:linear-gradient(45deg,#4a90e2,#7b68ee);border-radius:2px;animation:chipScan 2s 7.5s ease-in-out infinite}@keyframes chipScan{0%,to{box-shadow:inset 0 1px 2px #0000004d}50%{box-shadow:inset 0 0 8px #fffc,0 0 10px #4a90e299}}.verify-button{display:block;width:100px;margin:15px auto 0;padding:10px;background:linear-gradient(145deg,#0f8,#0c6);border:none;border-radius:20px;color:#000;font-weight:700;font-size:11px;box-shadow:0 6px 20px #0f86;opacity:0;transform:scale(.8);animation:verifyAppear 1s 8s ease-out forwards,verifyPulse 1.5s 8.5s ease-in-out infinite}@keyframes verifyAppear{to{opacity:1;transform:scale(1)}}@keyframes verifyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;opacity:0;animation:successBurst 2s 11s ease-out forwards}@keyframes successBurst{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{opacity:1;transform:scale(1.15) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.lock-icon{font-size:50px;margin-bottom:10px;animation:lockBounce 1s ease-in-out infinite 11s}@keyframes lockBounce{0%,to{transform:rotate(-20deg) scale(1)}50%{transform:rotate(20deg) scale(1.1)}}.success-message{font-size:16px;text-shadow:0 0 20px #00ff88;animation:successGlow 2s ease-in-out infinite 11s}@keyframes successGlow{0%{text-shadow:0 0 20px #00ff88}to{text-shadow:0 0 30px #00ff88,0 0 40px #00ff88}}.computer-base{width:430px;height:60px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:0 0 25px 25px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009}.keyboard{position:absolute;top:340px;left:200px;width:280px;height:50px;display:flex;flex-wrap:wrap;gap:3px;z-index:15}.key{flex:1 1 28px;height:28px;background:linear-gradient(145deg,#444,#333);border-radius:6px;border:1px solid #555;box-shadow:0 3px 8px #0006;animation:keyPress 8s cubic-bezier(.25,.46,.45,.94) infinite}.key:nth-child(1){animation-delay:6.2s}.key:nth-child(2){animation-delay:6.3s}.key:nth-child(3){animation-delay:6.4s}.key:nth-child(4){animation-delay:6.5s}.key:nth-child(5){animation-delay:6.6s}.key:nth-child(6){animation-delay:6.7s}.key:nth-child(7){animation-delay:6.8s}.key:nth-child(8){animation-delay:6.9s}@keyframes keyPress{0%,90%,to{transform:translateY(0) scale(1)}95%{transform:translateY(-3px) scale(.95)}}.dev-character{position:absolute;top:140px;left:520px;width:150px;height:300px;z-index:40;animation:devBreathe 4s ease-in-out infinite}@keyframes devBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.head{position:absolute;top:0;left:30px;width:75px;height:75px;animation:headNod 3s ease-in-out infinite}@keyframes headNod{0%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.hair{position:absolute;top:-12px;left:6px;width:60px;height:30px;background:linear-gradient(135deg,#2c1810,#4a2c1a);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;z-index:5}.face{position:absolute;top:15px;left:12px;width:50px;height:40px;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:45px 45px 35px 35px;z-index:6;box-shadow:0 3px 12px #0000004d}.eyes{position:absolute;top:12px;left:8px;right:8px;display:flex;gap:14px}.eye{width:8px;height:8px;background:#333;border-radius:50%;animation:eyeBlink 3s ease-in-out infinite}.eye.left{animation-delay:-1s}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.2)}}.thought-bubble{position:absolute;top:-25px;right:-20px;opacity:0;animation:thoughtAppear 14s ease-in-out infinite;z-index:45}@keyframes thoughtAppear{0%,30%,80%{opacity:0;transform:scale(0)}35%,75%{opacity:1;transform:scale(1)}}.bubble-tail{position:absolute;bottom:15px;left:25px;width:0;height:0;border:10px solid transparent;border-top-color:#e8f5e8}.bubble-body{position:absolute;top:0;right:0;width:120px;height:45px;background:linear-gradient(145deg,#e8f5e8,#f8fbf8);border-radius:15px;box-shadow:0 4px 15px #0000004d;padding:8px 12px;font-size:9px;color:#060;font-weight:700}.body{position:absolute;top:65px;left:15px;width:110px;height:85px}.shirt{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#4169e1,#1e3a8a);border-radius:20px 20px 45px 45px;box-shadow:inset 0 2px 8px #fff3,0 4px 15px #0000004d}.left-arm,.right-arm{position:absolute;top:75px}.left-arm{left:5px;z-index:42;animation:leftArmPhone 6s cubic-bezier(.25,.46,.45,.94) infinite}.right-arm{right:5px;z-index:42;animation:rightArmType 8s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes leftArmPhone{0%,40%{transform:rotate(-20deg)}50%{transform:rotate(0) translateY(-10px)}to{transform:rotate(-15deg)}}@keyframes rightArmType{0%,30%,80%,to{transform:rotate(10deg)}35%{transform:rotate(-25deg) translateY(15px) translate(-15px)}40%{transform:rotate(-15deg) translateY(8px) translate(-8px)}}.upper-arm{width:18px;height:42px;background:linear-gradient(145deg,#e0e0e0,silver);border-radius:12px 12px 20px 20px;position:relative;transform-origin:top center}.lower-arm{width:16px;height:45px;background:linear-gradient(145deg,#d0d0d0,#b0b0b0);border-radius:16px 16px 25px 25px;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);transform-origin:top center}.hand{width:28px;height:24px;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:20px 20px 30px 30px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0006}.phone-held{position:absolute;top:-8px;right:-4px}.mini-phone{width:18px;height:32px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:4px;position:relative}.mini-screen{position:absolute;top:2px;left:2px;right:2px;bottom:10px;background:#000;border-radius:2px;color:#0f8;font-size:5px;display:flex;align-items:center;justify-content:center}.typing-hand:before{content:"";position:absolute;top:-12px;left:4px;width:20px;height:16px;background:linear-gradient(145deg,#ffdbac,#f1c27d);border-radius:50% 20px/60% 60% 40% 40%;animation:fingerTap .8s 6.5s ease-in-out infinite}@keyframes fingerTap{0%,80%,to{transform:translateY(0) rotate(0)}90%{transform:translateY(-4px) rotate(-10deg)}}.left-leg,.right-leg{position:absolute;bottom:-15px;width:18px;height:70px;background:linear-gradient(145deg,#1e3a8a,#4169e1);border-radius:12px 12px 25px 25px;box-shadow:0 3px 12px #0000004d}.left-leg{left:30px;animation:leftLegShift 4s ease-in-out infinite}.right-leg{right:30px;animation:rightLegShift 4s ease-in-out infinite reverse}@keyframes leftLegShift{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes rightLegShift{0%,to{transform:rotate(2deg)}50%{transform:rotate(-2deg) translateY(-5px)}}.security-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.particle{position:absolute;width:3px;height:3px;background:#00ff96cc;border-radius:50%;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0) rotate(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-100px) scale(1.5) rotate(360deg);opacity:0}}.biometric-dark-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a1f,#1a1a3a,#2a2a5a);display:flex;align-items:center;justify-content:center;font-family:Courier New,Consolas,monospace;overflow:hidden}.bio-dark-scene{width:950px;height:650px;position:relative;background:linear-gradient(180deg,#1a1a2e,#16213e 60%,#0f3460);border-radius:25px;box-shadow:0 0 80px #00ff964d,inset 0 0 40px #000c;overflow:hidden;animation:sceneMatrix 20s linear infinite}@keyframes sceneMatrix{0%,to{box-shadow:0 0 80px #00ff964d}50%{box-shadow:0 0 120px #00ff9699}}.dark-lab{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.lab-wall-dark{position:absolute;top:0;left:0;right:0;height:320px;background:linear-gradient(90deg,#1a1a2e,#2a2a4e 40%,#1a1a2e);border-bottom:2px solid #00ff88}.server-stack{position:absolute;top:80px;left:40px;display:flex;flex-direction:column;gap:8px}.server-unit{width:70px;height:35px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:8px;position:relative;box-shadow:0 4px 15px #0009}.server-unit:before{content:"";position:absolute;top:8px;right:8px;width:12px;height:12px;background:#0f8;border-radius:50%;box-shadow:0 0 12px #0f8;animation:serverPulse var(--glow-delay, 0s) 2s ease-in-out infinite}@keyframes serverPulse{0%,80%,to{opacity:.3;transform:scale(1)}90%{opacity:1;transform:scale(1.2)}}.floor-circuit{position:absolute;bottom:0;left:0;right:0;height:250px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 40px,rgba(0,255,150,.1) 40px,rgba(0,255,150,.1) 42px),repeating-linear-gradient(0deg,transparent 0px,transparent 40px,rgba(0,255,150,.1) 40px,rgba(0,255,150,.1) 42px);animation:circuitFlow 12s linear infinite}@keyframes circuitFlow{0%{background-position:0 0,0 0}to{background-position:100px 100px,100px 100px}}.bio-scanner{position:absolute;top:110px;left:220px;z-index:20}.scanner-display{width:420px;height:300px;background:linear-gradient(145deg,#1a1a2e,#2a2a3e);border-radius:20px;position:relative;box-shadow:0 20px 50px #000c,inset 0 2px 15px #00ff9633,inset 0 0 40px #000000e6;overflow:visible}.bio-header{position:absolute;top:25px;left:50%;transform:translate(-50%);font-size:18px;color:#0f8;font-weight:700;text-shadow:0 0 15px #00ff88;letter-spacing:2px;z-index:30}.scan-phase{position:absolute;top:90px;left:50%;transform:translate(-50%);opacity:0;z-index:25;animation:scanSequence 20s ease-in-out infinite}@keyframes scanSequence{0%,5%{opacity:1;transform:translate(-50%) scale(1)}6%{opacity:0;transform:translate(-50%) scale(.95)}25%,43%{opacity:1;transform:translate(-50%) scale(1)}26%,44%{opacity:0;transform:translate(-50%) scale(.95)}55%,68%{opacity:1;transform:translate(-50%) scale(1)}56%,69%{opacity:0;transform:translate(-50%) scale(.95)}75%,85%{opacity:1;transform:translate(-50%) scale(1)}86%{opacity:0;transform:translate(-50%) scale(.95)}}.fingerprint-scan{animation-delay:0s}.face-scan{animation-delay:-1s}.iris-scan{animation-delay:-2s}.voice-scan{animation-delay:-3s}.finger-sensor{width:140px;height:100px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:15px;position:relative;margin-bottom:15px;box-shadow:inset 0 2px 10px #00ff964d;border:2px solid #00ff88}.real-finger{position:absolute;top:15px;left:50%;transform:translate(-50%);width:65px;height:75px;background:linear-gradient(145deg,tan,#deb887);border-radius:30px 30px 45px 45px;box-shadow:0 5px 20px #0006,inset 0 2px 5px #ffffff4d}.finger-texture{position:absolute;top:10px;left:12px;right:12px;bottom:20px;background-image:repeating-radial-gradient(circle at 20px 20px,transparent 0%,transparent 3px,#8b7355 4px,transparent 5px),repeating-radial-gradient(circle at 45px 35px,transparent 0%,transparent 3px,#8b7355 4px,transparent 5px);border-radius:25px 25px 40px 40px;animation:textureScan 2s 1s linear infinite}@keyframes textureScan{0%{filter:brightness(.8)}50%{filter:brightness(1.3)}to{filter:brightness(.8)}}.ridge-lines{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,150,.8),transparent);animation:ridgeSweep 1.8s 1.5s linear infinite;box-shadow:0 0 8px #00ff9699}@keyframes ridgeSweep{0%{top:-3px;opacity:0}20%{opacity:1}80%{opacity:1}to{top:97px;opacity:0}}.sensor-glow{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,#00ff88 0%,transparent 70%);transform:translate(-50%,-50%);animation:sensorFlash .6s 3.5s ease-out forwards}@keyframes sensorFlash{0%{width:0;height:0;opacity:1}70%{width:160px;height:160px;opacity:1}to{width:200px;height:200px;opacity:0}}.match-indicator{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);color:#0f8;font-size:12px;font-weight:700;text-shadow:0 0 10px #00ff88;opacity:0;animation:matchAppear .5s ease-out forwards}@keyframes matchAppear{to{opacity:1;transform:translate(-50%) translateY(-5px)}}.face-camera{width:160px;height:120px;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border-radius:12px;position:relative;margin-bottom:15px;box-shadow:inset 0 0 20px #00ff9633;border:1px solid #00ff88}.face-outline{position:absolute;top:15px;left:50%;transform:translate(-50%);width:100px;height:80px;border:2px solid rgba(0,255,150,.6);border-radius:50px 50px 60px 60px;animation:faceOutline 2s 5s ease-in-out infinite}@keyframes faceOutline{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.facial-points{position:absolute;top:20px;left:20px;right:20px;bottom:20px}.point{position:absolute;width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:pointScan 1.5s 6s ease-out forwards}.nose{top:45%;left:50%;animation-delay:6.2s}.eye-l{top:25%;left:25%;animation-delay:6.4s}.eye-r{top:25%;right:25%;animation-delay:6.6s}.mouth{bottom:25%;left:50%;animation-delay:6.8s}@keyframes pointScan{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.depth-scan{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,150,.3) 50%,transparent 52%);animation:depthSweep 2s 6.5s linear infinite;background-size:20px 20px}@keyframes depthSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.iris-reader{width:130px;height:100px;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border-radius:12px;position:relative;margin-bottom:15px;box-shadow:inset 0 2px 15px #00ff9633;border:2px solid #00ff88}.real-eye{position:absolute;top:18px;left:50%;transform:translate(-50%);width:70px;height:60px;background:radial-gradient(ellipse at center,#f5f5f5,#e0e0e0 70%,#d0d0d0);border-radius:50%;box-shadow:inset 0 2px 10px #fff6}.cornea{position:absolute;top:8px;left:15px;right:15px;bottom:8px;background:radial-gradient(ellipse,#ffffffe6,#fff9 70%);border-radius:45%}.iris-detail{position:absolute;top:20px;left:50%;transform:translate(-50%);width:25px;height:25px;border-radius:50%;background:conic-gradient(#4a90e2,#7b68ee,#4a90e2);animation:irisAnalysis 3s 9s linear infinite;box-shadow:inset 0 1px 3px #0006}@keyframes irisAnalysis{0%{transform:translate(-50%) rotate(0) scale(1)}50%{transform:translate(-50%) rotate(180deg) scale(1.05)}to{transform:translate(-50%) rotate(360deg) scale(1)}}.pupil-dark{position:absolute;top:28px;left:50%;transform:translate(-50%);width:10px;height:10px;background:radial-gradient(circle,#333,#111 70%);border-radius:50%;animation:pupilContract 1s 10s ease-in-out infinite}@keyframes pupilContract{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(.8)}}.ir-beam{position:absolute;top:50%;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);transform:translate(-50%,-50%);animation:irSweep 1.5s 11s linear infinite;box-shadow:0 0 10px #0f8}@keyframes irSweep{0%{width:0;left:0%}50%{width:100%;left:0%}to{width:100%;left:100%}}.voice-analyzer{width:200px;height:80px;background:linear-gradient(145deg,#1e1e2e,#2a2a3e);border-radius:12px;position:relative;margin-bottom:15px;box-shadow:inset 0 0 20px #00ff9633;border:1px solid #00ff88}.waveform{position:absolute;top:20px;left:20px;right:20px;height:40px;display:flex;align-items:end;gap:3px}.wave-segment{flex:1;background:linear-gradient(to top,transparent,#00ff88);border-radius:2px 2px 0 0;animation:audioWave .8s 13.5s ease-in-out infinite;box-shadow:0 0 6px #00ff9699}.s1{animation-delay:0s}.s2{animation-delay:-.1s}.s3{animation-delay:-.2s}.s4{animation-delay:-.3s}@keyframes audioWave{0%,to{height:10px;transform:scaleY(1)}25%{height:30px;transform:scaleY(1.3)}50%{height:40px;transform:scaleY(1.6)}75%{height:25px;transform:scaleY(1.1)}}.voice-mic{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:20px;height:20px;background:radial-gradient(circle,#f44,#c00 70%);border-radius:50%;box-shadow:0 0 15px #f44;animation:micActive .6s 14s ease-in-out infinite}@keyframes micActive{0%,to{box-shadow:0 0 15px #f44}50%{box-shadow:0 0 25px #f44,0 0 35px #f44}}.access-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;text-align:center;z-index:40;animation:accessGranted 3s 16s ease-out forwards}@keyframes accessGranted{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-180deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.security-lock-open{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(145deg,#0f8,#0c6);border-radius:50%;position:relative;box-shadow:0 0 40px #0f8,inset 0 2px 10px #ffffff4d;animation:lockOpen 2s 16s ease-in-out infinite}.security-lock-open:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:700;color:#000;text-shadow:0 2px 5px rgba(255,255,255,.3)}@keyframes lockOpen{0%,to{transform:rotate(-20deg) scale(1);box-shadow:0 0 40px #0f8}50%{transform:rotate(20deg) scale(1.1);box-shadow:0 0 60px #0f8,0 0 80px #0f8}}.final-status{color:#0f8;font-size:24px;font-weight:700;text-shadow:0 0 20px #00ff88,0 0 30px #00ff88;letter-spacing:3px;animation:statusGlow 2s 16.5s ease-in-out infinite;z-index:45}@keyframes statusGlow{0%,to{text-shadow:0 0 20px #00ff88,0 0 30px #00ff88;transform:scale(1)}50%{text-shadow:0 0 30px #00ff88,0 0 40px #00ff88,0 0 50px #00ff88;transform:scale(1.05)}}.security-border{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:3px solid;border-image:linear-gradient(45deg,#0f8,#0c6,#0f8) 1;border-radius:25px;animation:borderPulse 2s 16s ease-in-out infinite;z-index:42}@keyframes borderPulse{0%,to{box-shadow:0 0 20px #00ff8880;transform:scale(1)}50%{box-shadow:0 0 40px #0f8c,0 0 60px #0f86;transform:scale(1.02)}}.scanner-frame{width:450px;height:330px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:25px;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 25px 60px #000000e6;border:2px solid #00ff88;z-index:15}.tech-character{position:absolute;top:160px;right:60px;width:130px;height:260px;z-index:35;animation:techBreathe 4s ease-in-out infinite}@keyframes techBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.head-tech{position:absolute;top:0;left:20px;width:75px;height:75px;background:linear-gradient(145deg,tan,#deb887);border-radius:50%;box-shadow:0 6px 20px #0006}.hair-tech{position:absolute;top:-10px;left:5px;width:60px;height:30px;background:linear-gradient(135deg,#2c1810,#4a2c1a);border-radius:50% 50% 45% 45%/60% 60% 40% 40%}.face-tech{position:absolute;top:18px;left:12px;width:50px;height:40px}.eyes-tech{position:absolute;top:12px;left:8px;right:8px;display:flex;gap:16px}.iris-left,.iris-right{width:10px;height:10px;background:radial-gradient(circle,#4a90e2,#0277bd 70%);border-radius:50%;animation:eyeTracking 3s ease-in-out infinite}.iris-left{animation-delay:0s}.iris-right{animation-delay:-1.5s}@keyframes eyeTracking{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.scan-line-face{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);animation:faceScanLine 2s 5.5s linear infinite}@keyframes faceScanLine{0%{top:-2px;opacity:0}50%{opacity:1}to{top:38px;opacity:0}}.body-tech{position:absolute;top:65px;left:10px;width:105px;height:85px}.jacket{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#2a4a6a,#1e3a5a);border-radius:20px 20px 45px 45px;box-shadow:inset 0 2px 10px #ffffff1a,0 5px 20px #00000080}.id-badge{position:absolute;top:12px;right:-8px;width:32px;height:22px;background:linear-gradient(145deg,#444,#333);border-radius:8px;box-shadow:0 2px 8px #0006}.id-badge span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7px;color:#0f8;font-weight:700;white-space:nowrap}.left-arm-tech{position:absolute;top:75px;left:0;animation:fingerPosition 6s ease-in-out infinite .5s}@keyframes fingerPosition{0%,40%{transform:rotate(-25deg)}50%{transform:rotate(-5deg) translateY(-12px)}to{transform:rotate(-20deg)}}.finger-scan-hand{position:absolute;top:8px;left:50%;transform:translate(-50%);width:28px;height:38px;background:linear-gradient(145deg,tan,#deb887);border-radius:20px 20px 35px 35px;box-shadow:0 4px 15px #0006}.right-arm-tech{position:absolute;top:75px;right:0;animation:typingMotion 8s ease-in-out infinite 6s}@keyframes typingMotion{0%,70%,to{transform:rotate(15deg)}75%{transform:rotate(-20deg) translateY(15px) translate(-15px)}85%{transform:rotate(-10deg) translateY(8px)}}.left-leg-tech,.right-leg-tech{position:absolute;bottom:-8px;width:16px;height:60px;background:linear-gradient(145deg,#2a4a6a,#1e3a5a);border-radius:12px 12px 25px 25px;box-shadow:0 4px 15px #0006}.left-leg-tech{left:28px;animation:legShift 4s ease-in-out infinite}.right-leg-tech{right:28px;animation:legShift 4s ease-in-out infinite reverse}@keyframes legShift{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-6px)}}.data-streams{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.data-line{position:absolute;top:100vh;right:10%;width:2px;height:0;background:linear-gradient(to bottom,transparent,#00ff88,transparent);animation:dataFall var(--stream-delay, 0s) 15s linear infinite;box-shadow:0 0 10px #00ff9680}@keyframes dataFall{0%{top:100vh;height:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:-100px;height:120px;opacity:0}}.sso-animation-container{width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-family:Plus Jakarta Sans,Inter,sans-serif;overflow:hidden}.sso-scene{width:900px;height:600px;position:relative;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:30px;box-shadow:0 25px 80px #667eea4d,inset 0 1px 20px #fffc;overflow:hidden;animation:sceneGlow 16s ease-in-out infinite}@keyframes sceneGlow{0%,to{box-shadow:0 25px 80px #667eea4d}50%{box-shadow:0 25px 100px #667eea80}}.office-bg{position:absolute;top:0;left:0;right:0;bottom:0}.office-wall{position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#e2e8f0)}.window-office{position:absolute;top:50px;right:50px;width:180px;height:140px;background:linear-gradient(135deg,#6474ea1a,#764ba21a);border-radius:20px;box-shadow:inset 0 2px 15px #fff9;overflow:hidden}.city-skyline{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(90deg,#475569 0px,#475569 20px,transparent 20px,transparent 30px),linear-gradient(90deg,#64748b 50px,#64748b 70px,transparent 70px,transparent 80px),linear-gradient(90deg,#334155 110px,#334155 130px,transparent 130px);animation:cityLights 4s ease-in-out infinite}@keyframes cityLights{0%,to{opacity:.7}50%{opacity:1}}.office-blinds{position:absolute;top:10px;left:10px;right:10px;height:30px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0px,rgba(255,255,255,.3) 2px,transparent 2px,transparent 6px);animation:blindsMove 6s linear infinite}@keyframes blindsMove{0%{transform:translate(0)}to{transform:translate(10px)}}.desk-surface{position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);border-radius:0 0 30px 30px}.plant-decor{position:absolute;bottom:40px;left:40px;width:60px;height:80px;background:radial-gradient(ellipse,#10b981,#059669 70%);border-radius:30px 30px 10px 10px;animation:plantSway 5s ease-in-out infinite}@keyframes plantSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.girl-character{position:absolute;top:140px;left:80px;width:160px;height:320px;z-index:25;animation:girlBreathe 4s ease-in-out infinite}@keyframes girlBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01)}}.head-girl{position:absolute;top:0;left:35px;width:85px;height:85px;background:linear-gradient(145deg,#fed7aa,#f97316);border-radius:50%;box-shadow:0 8px 25px #fed7aa66,inset 0 2px 8px #fff9}.hair-flow{position:absolute;top:-20px;left:10px;width:65px;height:45px;background:linear-gradient(135deg,#92400e,#b45309);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;animation:hairFlow 3s ease-in-out infinite}@keyframes hairFlow{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.face-girl{position:absolute;top:25px;left:20px;width:45px;height:35px}.eyes-girl{position:absolute;top:8px;left:6px;right:6px;display:flex;gap:18px}.eye-left,.eye-right{width:10px;height:12px;background:#fff;border-radius:50% 50% 40% 40%;position:relative;overflow:hidden}.eye-left:before,.eye-right:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:radial-gradient(circle at 30% 30%,#1e293b 20%,#334155 70%);border-radius:50% 50% 40% 40%;animation:eyeFocus 4s ease-in-out infinite}.eye-left{animation-delay:-1s}.eye-right{animation-delay:-.5s}@keyframes eyeFocus{0%,90%,to{transform:translate(0)}50%{transform:translate(2px)}}.smile-girl{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:22px;height:12px;background:#f59e0b;border-radius:0 0 22px 22px;animation:smilePulse 2s ease-in-out infinite}@keyframes smilePulse{0%,to{transform:translate(-50%) scaleX(1)}50%{transform:translate(-50%) scaleX(1.1)}}.eyelashes{position:absolute;top:-2px;left:0;right:0;height:4px;background:linear-gradient(45deg,transparent 0%,#000 50%,transparent 100%),linear-gradient(-45deg,transparent 0%,#000 50%,transparent 100%);background-size:100% 2px,100% 2px;background-position:0 0,100% 0;border-radius:2px}.body-girl{position:absolute;top:75px;left:20px;width:110px;height:95px}.blouse{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#a78bfa,#8b5cf6);border-radius:25px 25px 45px 45px;box-shadow:inset 0 2px 12px #ffffff4d,0 6px 20px #a78bfa4d}.name-tag{position:absolute;top:15px;right:-10px;width:40px;height:25px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 3px 12px #3b82f666}.name-tag span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#fff;font-weight:600;white-space:nowrap}.left-arm-girl,.right-arm-girl{position:absolute;top:85px}.left-arm-girl{left:5px;animation:leftTyping 3s cubic-bezier(.25,.46,.45,.94) infinite 2s}.right-arm-girl{right:5px;animation:rightTyping 3s cubic-bezier(.25,.46,.45,.94) infinite 2.5s}@keyframes leftTyping{0%,60%,to{transform:rotate(-15deg)}20%,40%{transform:rotate(-5deg) translateY(-8px)}}@keyframes rightTyping{0%,60%,to{transform:rotate(15deg)}20%,40%{transform:rotate(5deg) translateY(-8px)}}.forearm-left,.forearm-right{width:20px;height:50px;background:linear-gradient(145deg,#fed7aa,#f97316);border-radius:15px 15px 25px 25px;position:relative;transform-origin:top center}.hand-left,.hand-right{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:30px;height:25px;background:linear-gradient(145deg,#fed7aa,#f97316);border-radius:20px 20px 30px 30px;box-shadow:0 4px 15px #fed7aa4d}.fingers-left,.fingers-right{position:absolute;top:-12px;left:8px;width:14px;height:18px;background:linear-gradient(145deg,#fed7aa,#f97316);border-radius:7px 7px 12px 12px;animation:fingerTap .6s infinite}@keyframes fingerTap{0%,80%,to{transform:translateY(0)}90%{transform:translateY(-4px)}}.left-leg-girl,.right-leg-girl{position:absolute;bottom:-10px;width:22px;height:75px;background:linear-gradient(145deg,#a78bfa,#8b5cf6);border-radius:15px 15px 30px 30px;box-shadow:0 5px 20px #a78bfa4d}.left-leg-girl{left:40px;animation:leftLegShift 4s ease-in-out infinite}.right-leg-girl{right:40px;animation:rightLegShift 4s ease-in-out infinite reverse}@keyframes leftLegShift{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-6px)}}@keyframes rightLegShift{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg) translateY(-6px)}}.computer-setup{position:absolute;top:160px;right:80px;z-index:20}.screen-bezel{width:100%;height:100%;background:linear-gradient(145deg,#1e293b,#334155);border-radius:20px;position:relative;box-shadow:0 15px 40px #0006,inset 0 2px 10px #ffffff1a;overflow:hidden}.sso-screen{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#0f172a;border-radius:12px;overflow:hidden}.login-phase,.apps-phase,.success-phase{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;animation:screenFlow 16s ease-in-out infinite}@keyframes screenFlow{0%,5%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(.95)}35%,65%{opacity:1;transform:scale(1)}36%,66%{opacity:0;transform:scale(.95)}75%,to{opacity:1;transform:scale(1)}}.login-phase{animation-delay:0s}.apps-phase{animation-delay:-2s}.success-phase{animation-delay:-4s}.sso-logo{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:28px;color:#a78bfa;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.login-prompt{position:absolute;top:85px;left:50%;transform:translate(-50%);color:#94a3b8;font-size:14px;font-weight:500}.password-field{position:absolute;top:130px;left:50%;transform:translate(-50%);width:280px;height:50px;background:linear-gradient(145deg,#1e293b,#334155);border-radius:12px;display:flex;align-items:center;padding:0 20px;box-shadow:inset 0 2px 8px #00000080;border:2px solid #475569;animation:fieldFocus 2s 1s ease-in-out infinite}@keyframes fieldFocus{0%,to{border-color:#475569;box-shadow:inset 0 2px 8px #00000080}50%{border-color:#a78bfa;box-shadow:inset 0 0 15px #a78bfa4d}}.user-icon{font-size:20px;margin-right:12px}.password{color:#94a3b8;font-family:monospace;letter-spacing:2px;animation:passwordType 2s 2s steps(8) forwards;width:0;overflow:hidden}@keyframes passwordType{to{width:140px}}.enter-key{margin-left:auto;font-size:18px;color:#a78bfa;animation:enterBounce 1s 4s ease-out forwards;transform:scale(0)}@keyframes enterBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(20deg)}to{transform:scale(1) rotate(0)}}.app-grid{position:absolute;top:60px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:240px}.app-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0000004d;transform:scale(0);animation:appAppear .8s ease-out forwards}.aws{background:linear-gradient(145deg,#f90,#e89300);animation-delay:6s}.github{background:linear-gradient(145deg,#24292e,#1a1e22);animation-delay:6.2s}.docker{background:linear-gradient(145deg,#2496ed,#1e86d0);animation-delay:6.4s}.cloudbyte{background:linear-gradient(145deg,#8b5cf6,#7c3aed);animation-delay:6.6s}.slack{background:linear-gradient(145deg,#4a154b,#3f0f42);animation-delay:6.8s}.email{background:linear-gradient(145deg,#ea4335,#d93025);animation-delay:7s}@keyframes appAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0)}}.sso-magic{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#a78bfa;font-size:14px;font-weight:500;animation:magicSparkle 2s 8s ease-in-out infinite}@keyframes magicSparkle{0%,to{text-shadow:0 0 10px rgba(167,139,250,.5)}50%{text-shadow:0 0 20px rgba(167,139,250,1),0 0 30px rgba(167,139,250,.5)}}.success-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#10b981}.check-circle{width:80px;height:80px;border:4px solid #10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin-bottom:20px;animation:checkBounce 1.5s 11s ease-out forwards}@keyframes checkBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1) rotate(0)}}.success-title{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px rgba(16,185,129,.3);animation:titleGlow 2s 12s ease-in-out infinite}.success-subtitle{font-size:14px;opacity:.9;animation:subtitleSlide 1s 12.5s ease-out forwards;transform:translateY(10px)}@keyframes titleGlow{0%,to{text-shadow:0 2px 10px rgba(16,185,129,.3)}50%{text-shadow:0 0 25px #10b981,0 0 35px #10b981}}@keyframes subtitleSlide{to{transform:translateY(0);opacity:.9}}.monitor-stand{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:120px;height:40px;background:linear-gradient(145deg,#64748b,#475569);border-radius:20px;box-shadow:0 10px 30px #0000004d}.keyboard{position:absolute;bottom:-80px;left:-20px;width:420px;height:60px;display:flex;flex-wrap:wrap;gap:4px;padding:10px;background:linear-gradient(145deg,#374151,#1f2937);border-radius:15px;box-shadow:0 8px 25px #0006}.key{flex:1 1 32px;height:32px;background:linear-gradient(145deg,#6b7280,#4b5563);border-radius:8px;box-shadow:0 3px 10px #0000004d;animation:keyPress 3s cubic-bezier(.25,.46,.45,.94) infinite}.key:nth-child(1){animation-delay:2.1s}.key:nth-child(3){animation-delay:2.3s}.key:nth-child(5){animation-delay:2.5s}.key:nth-child(7){animation-delay:2.7s}@keyframes keyPress{0%,85%,to{transform:translateY(0)}90%{transform:translateY(-4px)}}.mouse{position:absolute;bottom:-80px;right:20px;width:50px;height:30px;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 5px 15px #0003}.mouse-button{position:absolute;top:8px;left:12px;width:25px;height:12px;background:linear-gradient(145deg,#d1d5db,#9ca3af);border-radius:6px}.sso-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:15}.sso-particle{position:absolute;font-size:16px;animation:ssoFloat var(--delay) 16s ease-in-out infinite}@keyframes ssoFloat{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}15%{opacity:1;transform:scale(1) rotate(180deg)}85%{opacity:1}to{transform:translateY(-100px) rotate(360deg) scale(1.2);opacity:0}}.status-bar{position:absolute;top:30px;right:30px;display:flex;flex-direction:column;gap:12px}.status-item{display:flex;align-items:center;gap:10px;padding:8px 15px;background:#ffffffe6;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 4px 15px #0000001a}.status-light{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:statusBlink 2s 4s ease-in-out infinite}.status-light.green{background:#10b981;animation:statusSuccess 2s 11s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:.4}50%{opacity:1}}@keyframes statusSuccess{0%,to{box-shadow:0 0 10px #10b981}50%{box-shadow:0 0 20px #10b981,0 0 30px #10b981}}.sso-bullets{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:14px;line-height:1.6;color:#000;width:90vw;margin:0;padding:0}.sso-bullets ul{list-style:none;margin:0;padding:0}.sso-bullets li{position:relative;padding-left:24px;margin-bottom:12px}.sso-bullets li:before{content:"•";position:absolute;left:0;color:#000;font-weight:600;font-size:18px}.sso-bullets li:last-child{margin-bottom:0}.linux-lab-container{width:90vw;height:90vh;background:linear-gradient(135deg,#0a0a1f,#1a1a3a);display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;overflow:hidden;border-radius:6px}.linux-lab-scene{width:900px;height:600px;position:relative;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:30px;box-shadow:0 30px 100px #00ff964d;overflow:hidden}.lab-bg{position:absolute;top:0;left:0;right:0;bottom:0}.lab-wall{position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(90deg,#2a2a4e,#1a1a2e);border-bottom:3px solid #00ff88}.server-rack{position:absolute;top:80px;left:40px;display:flex;flex-direction:column;gap:10px}.server{width:80px;height:35px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:10px;position:relative}.server:before{content:"";position:absolute;top:10px;right:10px;width:12px;height:12px;background:#0f8;border-radius:50%;box-shadow:0 0 15px #0f8;animation:serverPulse 2s ease-in-out infinite}@keyframes serverPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.floor-grid{position:absolute;bottom:0;left:0;right:0;height:250px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 50px,rgba(0,255,150,.1) 50px,rgba(0,255,150,.1) 52px);animation:gridFlow 12s linear infinite}@keyframes gridFlow{0%{background-position:0 0}to{background-position:100px 100px}}.linux-terminal{position:absolute;top:140px;left:300px;z-index:20}.monitor{position:relative;width:380px;height:280px}.screen-bezel{width:100%;height:100%;background:linear-gradient(145deg,#1e293b,#334155);border-radius:20px;position:relative;box-shadow:0 20px 60px #000c,inset 0 3px 15px #00ff9633;overflow:hidden}.terminal-screen{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:#000;border-radius:12px;padding:20px;font-family:Courier New,monospace;font-size:14px;color:#0f8;overflow:hidden}.terminal-prompt{display:flex;align-items:center;margin-bottom:10px;height:24px}.user{color:#0f8;font-weight:700;margin-right:5px}.command-input{background:none;border:none;color:#fff;font-family:Courier New,monospace;font-size:14px;outline:none;flex:1;caret-color:#0f8}.command-input::placeholder{color:#666}.command-history{max-height:200px;overflow-y:auto;opacity:.7}.history-line{display:flex;gap:10px;margin-bottom:5px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:.7;transform:translate(0)}}.history-line .output{color:#8f8;font-style:italic}.monitor-stand{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:140px;height:50px;background:linear-gradient(145deg,#64748b,#475569);border-radius:25px;box-shadow:0 15px 40px #00000080}.keyboard{position:absolute;bottom:-100px;left:-20px;width:420px;height:70px;display:flex;flex-wrap:wrap;gap:5px;padding:15px;background:linear-gradient(145deg,#374151,#1f2937);border-radius:20px;box-shadow:0 15px 40px #0009}.key{flex:1 1 35px;height:35px;background:linear-gradient(145deg,#6b7280,#4b5563);border-radius:10px;box-shadow:0 4px 15px #0006;animation:keyBounce 3s ease-in-out infinite}.key:nth-child(3){animation-delay:.2s}.key:nth-child(6){animation-delay:.4s}.key:nth-child(9){animation-delay:.6s}.key:nth-child(12){animation-delay:.8s}@keyframes keyBounce{0%,90%,to{transform:translateY(0)}95%{transform:translateY(-5px)}}.lab-engineer{position:absolute;top:160px;right:60px;z-index:25;animation:engineerBreathe 4s ease-in-out infinite}@keyframes engineerBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.eng-head{width:70px;height:70px;background:linear-gradient(145deg,#fed7aa,#f97316);border-radius:50%;position:relative;box-shadow:0 8px 25px #fed7aa66}.eng-hair{position:absolute;top:-10px;left:10px;width:50px;height:30px;background:#92400e;border-radius:25px 25px 20px 20px}.eng-face{position:absolute;top:20px;left:15px;width:40px;height:30px}.eng-eyes{position:absolute;top:10px;left:8px;right:8px;display:flex;gap:14px}.eng-eyes:before,.eng-eyes:after{content:"";flex:1;height:8px;background:radial-gradient(circle,#333 30%,#475569 70%);border-radius:50%}.eng-body{position:absolute;top:60px;left:10px;width:50px;height:80px}.eng-shirt{width:100%;height:100%;background:linear-gradient(145deg,#0f8,#0c6);border-radius:25px 25px 40px 40px;box-shadow:0 6px 20px #00ff884d}.cursor-blink{position:absolute;top:195px;left:520px;width:12px;height:18px;background:#0f8;animation:blink 1s infinite;z-index:30}.windows-cmd{font-family:Consolas,Courier New,monospace;width:90vw;height:80vh;background:#000;border:2px solid #c0c0c0;border-radius:8px;display:flex;flex-direction:column}.cmd-titlebar{background:linear-gradient(90deg,#0a5eb8,#0078d4,#106ebe);height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:6px 6px 0 0;box-shadow:0 2px 8px #0000004d}.title{color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px}.window-controls span{width:24px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;border-radius:3px;cursor:pointer;transition:background .2s}.close:hover{background:#f1707a}.cmd-output{flex:1;padding:12px;overflow-y:auto;color:#0f0;font-size:14px;line-height:1.4;background:#000;border-radius:0 0 6px 6px;scrollbar-width:thin;scrollbar-color:#0078d4 transparent}.cmd-output::-webkit-scrollbar{width:12px}.cmd-output::-webkit-scrollbar-track{background:#1a1a1a}.cmd-output::-webkit-scrollbar-thumb{background:#0078d4;border-radius:6px}.cmd-line{margin-bottom:4px;white-space:pre-wrap;word-break:break-all;animation:fadeIn .3s ease-in}.prompt{color:#00b7eb;font-weight:600}.output-header{color:#ff0;font-weight:700}.output-table{color:#0f0}.output-bright{color:#fff;font-weight:700}.typing{border-right:2px solid #00ff00;animation:type 2s steps(40) forwards,blink-caret .75s step-end infinite;white-space:nowrap;overflow:hidden;display:inline-block}.cursor{background:#0f0;display:inline-block;width:14px;height:18px;vertical-align:bottom;margin-left:2px;animation:blink 1s infinite}.final-cursor{animation:blink .8s infinite!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes type{0%{width:0}to{width:100%}}.final-prompt{margin-top:20px}.linux-monitor{font-family:Fira Code,Consolas,monospace;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.laptop-frame{width:95vw;max-width:100%!important;height:85vh;background:linear-gradient(145deg,#2a2a3a,#1f1f2f);border-radius:20px;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a;position:relative;border:4px solid #333}.screen-bezel{position:relative;width:90%;height:90%;background:#000;border-radius:12px;margin:5% auto;overflow:hidden;box-shadow:inset 0 0 30px #00ff641a}.linux-desktop{height:100%;background:radial-gradient(circle at 20% 80%,#2d2d44,#1e1e2e,#0f0f1f);position:relative;overflow:hidden}.top-panel{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #00ff88;box-shadow:0 2px 10px #0f83}.app-menu{color:#0f8;font-size:13px;font-weight:600;margin-right:20px}.window-title{color:#fff;font-size:12px;flex:1;font-weight:500}.window-controls{display:flex;gap:5px}.window-controls span{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;color:#fff}.minimize{background:#ff9500}.maximize{background:#33c760}.close{background:#ff3b30}.terminal{flex:1;padding:20px;overflow-y:auto;background:#000;position:relative}.terminal-content{color:#0f0;font-size:15px;line-height:1.5;white-space:pre-wrap}.cmd-line{margin-bottom:8px;opacity:0;animation:slideInLeft .6s ease-out forwards;position:relative}.cmd-line:nth-child(1){animation-delay:.2s}.cmd-line:nth-child(2){animation-delay:.4s}.typing{border-right:3px solid #00ff00;animation:typeEffect 2s steps(20) forwards,blink-caret .7s step-end infinite;white-space:nowrap;overflow:hidden;display:inline-block;background:linear-gradient(90deg,transparent,#00ff00 50%,transparent);background-size:200% 100%;background-position:100% 0}.typing-x{color:#fa0!important;animation:pulse-x 1s infinite}.owner-r{color:#ff6b6b;font-weight:700}.owner-w{color:#4ecdc4;font-weight:700}.owner-x{color:#ffe66d;font-weight:700;animation:glow-x 2s infinite}.group-r{color:#ff6b6b}.group-w{color:#4ecdc4;opacity:.6}.group-x{color:#ffe66d}.other-r{color:#ff6b6b;opacity:.7}.other-w{color:#4ecdc4;opacity:.4;text-decoration:line-through}.other-x{color:#ffe66d;opacity:.3;text-decoration:line-through}.octal{color:#fa0;font-size:18px;font-weight:700;text-shadow:0 0 10px #ffaa00}.octal-separator{color:#0f8;font-weight:700}.octal-bits{color:#fff;background:#fa03;padding:2px 6px;border-radius:4px}.strike{text-decoration:line-through;color:#888}.minus{color:#ff4757;font-weight:700;font-size:18px}.umask{color:#fa0;background:#333;padding:2px 6px;border-radius:4px}.equals{color:#0f8;font-size:18px}.result{color:#0f0;font-size:20px;font-weight:700;text-shadow:0 0 15px #00ff00}.suid{color:#ff4757;font-size:20px;text-shadow:0 0 15px #ff4757;animation:danger-pulse 1s infinite}.special-bits{background:linear-gradient(90deg,#ff4757,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.selinux-context{background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Courier New,monospace}.caps-output{color:#00d4aa;font-weight:700}.highlight{background:#ffff001a;padding:4px 8px;border-left:4px solid #ffff00;border-radius:4px;box-shadow:0 0 20px #ffff004d}.cursor{background:#0f0;display:inline-block;width:16px;height:20px;vertical-align:bottom;margin-left:2px;animation:blink 1s infinite}.permission-legend{position:absolute;bottom:20px;right:20px;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 20px;border-radius:12px;border:1px solid #00ff88;color:#fff;font-size:12px;box-shadow:0 10px 30px #0f83;animation:slideInUp 1s ease-out 1s both}.legend-item{margin-bottom:8px;display:flex;align-items:center;gap:10px}.legend-item:last-child{margin-bottom:0}.danger{color:#ff4757}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-x{0%,to{text-shadow:0 0 5px #ffe66d}50%{text-shadow:0 0 20px #ffe66d,0 0 30px #ffe66d}}@keyframes pulse-x{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes danger-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ff4757}50%{transform:scale(1.2);box-shadow:0 0 30px #ff4757}}.terminal::-webkit-scrollbar-track{background:#1a1a1a}.terminal::-webkit-scrollbar-thumb{background:linear-gradient(#0f0,#0c0);border-radius:5px}.windows-monitor{font-family:Consolas,Segoe UI,monospace;background:linear-gradient(135deg,#012,#0a1428,#1a1f3a);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.laptop-frame{width:95vw;max-width:100%!important;height:85vh;background:linear-gradient(145deg,#2d3a4a,#1e2a3a);border-radius:20px;box-shadow:0 30px 60px #001848b3,inset 0 1px #ffffff1a;position:relative;border:4px solid #1a2530}.screen-bezel{position:relative;width:90%;height:90%;background:#0a1428;border-radius:12px;margin:5% auto;overflow:hidden;box-shadow:inset 0 0 30px #0078d733}.windows-desktop{height:100%;background:linear-gradient(135deg,#0f1a2e,#1a2a40,#2a3a50);position:relative}.taskbar{position:absolute;bottom:0;left:0;right:0;height:40px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;padding:0 20px;border-top:1px solid #0078d4;box-shadow:0 -2px 20px #0078d74d}.start-menu{background:linear-gradient(145deg,#0078d4,#106ebe);color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px}.taskbar-center{color:#fff;font-size:12px;flex:1;text-align:center;font-weight:500}.system-tray{color:#ccc;font-size:12px}.cmd-window{position:absolute;top:60px;left:40px;right:40px;bottom:60px;background:#000;border-radius:8px;box-shadow:0 0 30px #0078d766,inset 0 1px #ffffff0d;overflow:hidden;border:2px solid #c0c0c0}.cmd-titlebar{background:linear-gradient(90deg,#0a5eb8,#0078d4,#106ebe);height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#fff;font-size:11px;font-weight:600}.title{letter-spacing:.5px}.window-controls{display:flex;gap:4px}.window-controls span{width:22px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer}.minimize,.maximize{background:#fff3}.close{background:#e81123}.cmd-content{height:calc(100% - 30px);padding:15px;overflow-y:auto;color:#0f0;font-size:14px;line-height:1.5;background:#000;scrollbar-width:thin;scrollbar-color:#0078d4 transparent}.cmd-line{margin-bottom:6px;opacity:0;animation:slideInLeft .5s ease-out forwards;position:relative}.typing{border-right:2px solid #00ff00;animation:typeEffect 2s steps(30) forwards,blink-caret .7s step-end infinite;white-space:nowrap;overflow:hidden;display:inline-block}.cursor{background:#0f0;display:inline-block;width:14px;height:18px;vertical-align:bottom;margin-left:1px;animation:blink 1s infinite}.final-cursor{animation:blink .6s infinite!important}.sid-glow{color:#fa0;font-family:Courier New,monospace;text-shadow:0 0 10px #ffaa00;animation:sidPulse 2s infinite}.acl-breakdown{background:#0078d71a;padding:4px 8px;border-left:4px solid #0078d4;border-radius:4px;margin-left:10px}.full-control{color:#0f0;background:#0f03;padding:2px 8px;border-radius:4px;font-weight:700;box-shadow:0 0 15px #00ff0080;animation:glowGreen 2s infinite}.modify{color:#ff0;background:#ff03;padding:2px 6px;border-radius:4px;margin:0 10px}.read{color:#00b7eb;background:#00b7eb33;padding:2px 6px;border-radius:4px}.success{color:#0f8;font-weight:700}.gui-demo{background:#ffffff0d;padding:15px;border-radius:8px;border:2px solid #0078d4;margin:10px 0;animation-delay:10s}.properties-window{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border-radius:6px;padding:12px;color:#333;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:12px}.prop-title{background:linear-gradient(90deg,#0078d4,#106ebe);color:#fff;padding:6px 12px;border-radius:4px 4px 0 0;font-weight:600;margin:-12px -12px 12px}.permission-grid{display:grid;gap:6px}.perm-row{display:flex;justify-content:space-between;padding:4px 8px;background:#ffffffb3;border-radius:4px;animation:rowSlide .5s ease-out}.deny-row{background:#ff475733!important;border-left:4px solid #ff4757}.trustee{font-weight:500}.ace-glow{font-weight:700;text-shadow:0 0 8px currentColor}.danger{color:#ff4757!important;animation:dangerPulse 1s infinite}.inheritance{margin-top:10px;padding:6px;background:#0078d71a;border-radius:4px;font-size:11px;text-align:center}.oi-ci{background:#0078d4;color:#fff;padding:2px 6px;border-radius:3px;font-weight:700;margin:0 4px}.auditing,.ownership,.applocker{color:#fa0;background:#ffaa001a;padding:4px 8px;border-radius:4px}.event-log{background:#ffff001a;padding:4px 8px;border-left:4px solid #ffff00;color:#ff0}.policy{color:#00d4aa;font-weight:700;background:#00d4aa33}.ntfs-legend{position:absolute;bottom:25px;right:25px;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px;border-radius:12px;border:1px solid #0078d4;color:#fff;font-size:12px;box-shadow:0 15px 40px #0078d74d;animation:slideInUp 1s ease-out 1s both;max-width:280px}.legend-title{color:#0078d4;font-weight:700;font-size:14px;margin-bottom:12px;text-align:center}.legend-grid{display:grid;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typeEffect{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,50%{border-color:#0f0}51%,to{border-color:transparent}}@keyframes blink{0%,50%{opacity:1;box-shadow:0 0 10px #0f0}51%,to{opacity:0}}@keyframes sidPulse{0%,to{text-shadow:0 0 5px #ffaa00}50%{text-shadow:0 0 20px #ffaa00}}@keyframes glowGreen{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 25px #0f0c}}@keyframes rowSlide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dangerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cmd-content::-webkit-scrollbar{width:10px}.cmd-content::-webkit-scrollbar-track{background:#1a1a1a}.cmd-content::-webkit-scrollbar-thumb{background:linear-gradient(#0078d4,#106ebe);border-radius:5px}.boot-loop-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a15,#1a1a2e);display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;position:relative;overflow:hidden}.boot-loop-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,170,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%);animation:bgShift 8s ease-in-out infinite}.boot-content{background:#0f0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,212,170,.2);padding:60px;text-align:center;max-width:800px;width:90%;position:relative;z-index:2}.boot-title{font-size:2.8em;font-weight:900;background:linear-gradient(45deg,#00d4aa,gold,#0af);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:50px;animation:titleGradient 3s ease infinite,titleFloat 4s ease-in-out infinite}.boot-circle-container{display:flex;align-items:center;justify-content:center;gap:40px;margin:60px 0;position:relative;height:120px}.boot-circle{width:70px;height:70px;border-radius:50%;border:3px solid transparent;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);animation:circleRotate 12s linear infinite}.boot-circle:nth-child(1){border-color:#00d4aa;animation-delay:0s}.boot-circle:nth-child(2){border-color:#0af;animation-delay:-2s}.boot-circle:nth-child(3){border-color:gold;animation-delay:-4s}.boot-circle:nth-child(4){border-color:#ff6b6b;animation-delay:-6s}.boot-circle:nth-child(5){border-color:#28a745;animation-delay:-8s}.boot-circle:nth-child(6){border-color:#00d4aa;animation-delay:-10s}.boot-circle.active{transform:scale(1.4);border-width:5px;animation:activePulse 1.5s ease-in-out infinite}.boot-path{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,#00d4aa,#ffd700,#00d4aa,transparent);border-radius:2px;animation:pathFlow 3s linear infinite}.boot-files{font-size:1.15em;background:#0a0a14e6;padding:35px;border-radius:16px;border-left:5px solid #00d4aa;margin:50px 0;line-height:1.7;white-space:pre;animation:fileBreath 3s ease-in-out infinite;max-height:200px;overflow:hidden}.proc-loop-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a15,#1a1a2e);display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;position:relative;overflow:hidden}.proc-loop-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,170,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,165,0,.1) 0%,transparent 50%);animation:bgShift 8s ease-in-out infinite}@keyframes bgShift{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1.1) rotate(120deg)}66%{transform:scale(1.1) rotate(240deg)}}.proc-content{background:#0f0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,170,255,.2);padding:60px;text-align:center;max-width:800px;width:90%;position:relative;z-index:2}.proc-title{font-size:2.8em;font-weight:900;background:linear-gradient(45deg,#0af,orange,#00d4aa);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:50px;animation:titleGradient 3s ease infinite,titleFloat 4s ease-in-out infinite}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.proc-circle-container{display:flex;align-items:center;justify-content:center;gap:40px;margin:60px 0;position:relative;height:120px}.proc-circle{width:70px;height:70px;border-radius:50%;border:3px solid transparent;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);animation:circleRotate 12s linear infinite}.proc-circle:nth-child(1){border-color:#0af;animation-delay:0s}.proc-circle:nth-child(2){border-color:orange;animation-delay:-2s}.proc-circle:nth-child(3){border-color:#00d4aa;animation-delay:-4s}.proc-circle:nth-child(4){border-color:#ff6b6b;animation-delay:-6s}.proc-circle:nth-child(5){border-color:gold;animation-delay:-8s}.proc-circle:nth-child(6){border-color:#0af;animation-delay:-10s}.proc-circle.active{transform:scale(1.4);border-width:5px;animation:activePulse 1.5s ease-in-out infinite}@keyframes circleRotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes activePulse{0%,to{transform:scale(1.4)}50%{transform:scale(1.6)}}.proc-path{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,#00aaff,#ffa500,#00aaff,transparent);border-radius:2px;animation:pathFlow 3s linear infinite}@keyframes pathFlow{0%{background-position:0 0}to{background-position:300px 0}}.proc-files{font-size:1.15em;background:#0a0a14e6;padding:35px;border-radius:16px;border-left:5px solid #00aaff;margin:50px 0;line-height:1.7;white-space:pre;animation:fileBreath 3s ease-in-out infinite;max-height:220px;overflow:hidden}@keyframes fileBreath{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.cmd-loop{font-size:1.3em;background:#00ff411a;padding:30px 40px;border-radius:14px;border-left:5px solid #00ff41;margin-top:40px;animation:cmdSlide 2s ease-out 1s infinite;overflow:hidden}@keyframes cmdSlide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.prompt{color:#00ff41;font-weight:900;margin-right:12px;animation:promptBlink 1s infinite}.cursor{display:inline-block;width:12px;height:1.3em;background:#00ff41;vertical-align:middle;margin-left:8px;animation:cursorBlink .7s infinite}@keyframes promptBlink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.cb-full-3d-tracker{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:transparent}.cb-full-3d-tracker canvas{width:100vw!important;height:100vh!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.cb-path-page{position:relative;z-index:10}.cb-path-topbar,.cb-path-main{position:relative;z-index:20}.cb-scroll-hint{position:fixed;top:20px;right:20px;z-index:30;background:#001428f2;color:#0f8;padding:14px 18px;border-radius:16px;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,Inter,sans-serif;border:2px solid rgba(0,255,136,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0006,0 0 20px #0f83;animation:cb-glow-pulse 2.5s ease-in-out infinite;min-width:140px;text-align:center}.cb-car-speed{display:block;font-size:16px;margin-bottom:4px;text-shadow:0 0 12px rgba(0,255,136,.8);letter-spacing:.5px}.cb-scroll-hint div:last-child{font-size:12px;opacity:.85;font-weight:500}@keyframes cb-glow-pulse{0%,to{box-shadow:0 12px 40px #0006,0 0 20px #0f83;transform:translateY(0) scale(1)}50%{box-shadow:0 16px 48px #00000080,0 0 30px #00ff8880;transform:translateY(-2px) scale(1.03)}}.cb-path-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.02) 50%,transparent 100%);z-index:5;pointer-events:none}@media(max-width:768px){.cb-scroll-hint{top:15px;right:15px;padding:12px 14px;font-size:13px;min-width:120px}.cb-car-speed{font-size:15px}.cb-scroll-hint div:last-child{font-size:11px}}@media(max-width:480px){.cb-scroll-hint{top:10px;right:10px;padding:10px 12px;border-width:1.5px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cb-scroll-hint{border-width:1.5px}.cb-car-speed{font-weight:700}}.cb-path-viewport,.cb-path-track-area{position:relative;z-index:25}.cb-loader{z-index:100!important}.cf-wrapper{width:80%;display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Plus Jakarta Sans","Inter",sans-serif sans-serif;margin-top:20px}.cf-card{width:min(700px,100%);background:#020617;border-radius:10px;border:1px solid #334155;overflow:hidden}.cf-header-row{display:grid;grid-template-columns:1fr 2fr;background:#0f172a;border-bottom:1px solid #1f2937}.cf-header-row .cf-col{padding:12px 16px;font-weight:600;font-size:.9rem;color:#e5e7eb}.cf-body{display:flex;flex-direction:column}.cf-row{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid #1f2937;background:#020617}.cf-row:nth-child(odd){background:#020617}.cf-row:nth-child(2n){background:#020617}.cf-col{padding:10px 16px;font-size:.88rem;display:flex;align-items:center}.cf-col--command{color:#e5e7eb;font-family:Fira Code,Consolas,monospace;border-right:1px solid #1f2937}.cf-col--function{color:#9ca3af}.construction-notice{color:#000;margin-bottom:20px;font-size:2rem;font-weight:900}@media(max-width:768px){.main-content{padding:1rem .6rem;max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}.home-main{padding:1.5rem 1rem}.hero-dark-section{width:100%;padding:3.5rem 1.25rem;box-sizing:border-box}.hero-dark-inner{max-width:100%;margin:0 auto;font-size:1rem;text-align:center}.home-hero-title{position:static!important;display:block;font-size:2.3rem!important;max-width:100%!important;margin:2rem 0 1.25rem;text-align:center;transform:none!important}.hero-float{display:none}.home-body{max-width:90vw!important;font-size:.98rem!important}nav{height:64px;padding-left:1rem}nav video{width:40px;height:40px}nav .brand-text{font-size:1.2rem!important;letter-spacing:.02px;width:130px}.hero-training-tagline{margin-left:0;padding-inline:1rem}.training-section{padding-left:0;padding-right:0}.hero-stickers-row{width:100%;margin-left:0;transform:none;margin-top:2.5rem}.hero-stickers-inner{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;flex-wrap:nowrap}.hero-sticker-img{width:16%;height:auto;object-fit:contain}.hero-stickers-text-row{width:100%;margin-left:0;transform:none;margin-top:.5rem}.hero-stickers-text-inner{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .5rem;font-size:.8rem;text-align:center;color:#000;row-gap:.5rem}.hero-stickers-text-inner span{flex:1 1 0;max-width:70px;line-height:1.35}.hero-vert-morph{position:relative;width:100%;margin-top:2.5rem;transform:none;display:flex;justify-content:center;box-sizing:border-box}.hero-vert-line{width:300px}.hero-vert-screen{width:300px;height:160px}.hero-vert-terminal{width:280px;height:110px}.hero-vert-base{width:220px}.hero-vert-row{font-size:.85rem}.home-cards-row{flex-wrap:wrap!important;justify-content:center!important;gap:1.25rem!important}.home-card{width:90vw!important;max-width:420px!important;height:230px!important}.visualise-section{min-height:unset!important;padding:2.5rem 1.25rem!important}.visualise-section-inner h2{font-size:1.8rem!important;line-height:1.25}.visualise-section-inner p{font-size:.95rem!important}.community-block{padding:0;text-align:center}.community-block>div{margin-left:auto;margin-right:auto}.poweredby-block{padding:0;text-align:center}.poweredby-block>div{margin-left:auto;margin-right:auto}.home-footer{width:100%!important;padding:2.5rem 1.25rem!important;justify-content:center!important;box-sizing:border-box}.home-footer-inner{max-width:100%!important}.home-footer-top{flex-direction:column!important;gap:2rem!important}.home-footer-col,.home-footer-col-right{width:100%!important;align-items:flex-start}.home-footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.home-footer-policies{flex-wrap:wrap;gap:.75rem 1.5rem}.home-footer-social{align-self:flex-start}.login-page{padding:1.5rem .75rem}.login-card{width:100%!important;max-width:100%!important;margin:0 auto!important;transform:none!important;border-radius:.6rem;padding:1.25rem 1rem!important;box-shadow:0 6px 20px #41750547;box-sizing:border-box!important}.login-title{font-size:2.2rem!important;line-height:1.15;margin-bottom:.35rem!important}.login-subtitle{font-size:.92rem!important;margin-bottom:1.3rem!important}.login-field{margin-bottom:.9rem!important}.login-field label{font-size:.9rem!important}.login-field input{font-size:.9rem!important;padding:.65rem .8rem!important}.login-primary-btn{height:40px!important;font-size:.9rem!important;margin-bottom:1.1rem!important}.login-divider{margin-bottom:1rem!important;font-size:.78rem!important}.login-alt-btn{height:38px!important;font-size:.9rem!important}.login-footer-text{font-size:.85rem!important;margin-top:.25rem!important}.sidebar-drawer{width:260px;border-top-left-radius:40px;border-bottom-left-radius:40px;padding:.75rem .7rem 1.4rem}.sidebar-toggle{top:16px;right:18px}.sidebar-close{font-size:3.2rem!important}.sidebar-menu{margin-top:2.1rem}.sidebar-item{margin-bottom:.45rem}.sidebar-button{max-width:240px;height:46px;font-size:.95rem}.labs-main{padding:1.75rem 1.1rem 5rem}.labs-title{font-size:2rem;transform:none;text-align:center}.labs-subtitle{font-size:.95rem;transform:none;text-align:center;margin-bottom:2rem}.labs-path-row{flex-wrap:wrap;justify-content:center;gap:1.25rem}.labs-path-row .labs-path-card{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16 / 10;border-radius:12px!important;margin:0 0 1.5rem!important;transform:none!important}.labs-locked-strip{top:55%}.labs-locked-strip-inner{max-width:100%;padding:1.4rem 1.1rem 1.8rem}.labs-locked-actions{flex-direction:column;width:100%}.labs-locked-btn{width:100%;justify-content:center}.quizzes-main{padding:1.75rem 1.1rem 5rem}.quizzes-title{font-size:2rem;transform:none;text-align:center}.quizzes-subtitle{font-size:.95rem;text-align:center;margin-bottom:2rem}.quiz-card{grid-template-columns:1fr;padding:1.4rem 1.1rem;transform:none;margin:0 auto;width:100%;box-sizing:border-box}.quiz-anim{min-height:130px}.cb-path-start-pop{width:90%;bottom:20px}.cb-path-start-pop-inner{width:100%;max-width:100%;min-width:0;padding:.6rem .8rem;gap:.5rem}.cb-path-start-button{height:40px;padding:0 1.2rem;font-size:.9rem}.quizzes-locked-strip{top:55%}.quizzes-locked-inner{max-width:100%;padding:1.4rem 1.1rem 1.8rem}.quizzes-locked-actions{flex-direction:column;width:100%}.quizzes-locked-btn{width:100%;justify-content:center}.terms-container{padding:0 1.2rem}.terms-title{font-size:2rem;font-weight:800;margin-top:0rem;background:linear-gradient(90deg,#a2ef43 15%,#7ed321 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transform:none;text-align:center}.terms-tagline{font-size:1rem;color:#444;max-width:100%;margin:2rem auto;transform:none;text-align:center}.terms-orbit{max-width:100%;min-height:auto;margin:1.5rem auto 2.4rem;transform:none}.terms-orbit-center{max-width:90%;padding:1rem;transform:none;margin:2rem auto}.terms-orbit-img{width:100px;height:auto;position:static!important;margin:1rem auto}.terms-timeline{margin-top:4rem;transform:none;padding:0 1rem}.terms-timeline:before{left:22px}.terms-item{grid-template-columns:56px minmax(0,1fr)}.terms-content{margin-top:0;padding:1rem 1rem .9rem}.terms-float-img{position:relative;top:0;left:auto;right:auto;margin:0 auto .75rem;width:100%;max-width:160px;height:auto}.terms-float-img-left,.terms-float-img-right{left:auto;right:auto}.pricing-section{width:100%;max-width:100%;padding:2rem 1rem;margin:0 auto;text-align:center;transform:none}.pricing-title{font-size:1.7rem;line-height:1.2}.pricing-subtitle{font-size:.92rem;margin-bottom:1.6rem}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.3rem}.pricing-card{padding:1.5rem;width:100%;box-sizing:border-box}.pricing-amount-main{font-size:1.6rem}.cb-main-nav{padding:0 1rem}.cb-nav-title{font-size:1.2rem}.cb-nav-links-desktop{display:none}.cb-nav-icons-toggle-left,.cb-nav-mobile-menu{display:flex}.cb-dashboard-layout{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;align-items:center}.cb-dashboard-left{flex:1 1 auto;width:100%;transform:none}.cb-dashboard-stack{margin-top:0;width:100%;align-items:center}.cb-dashboard-wrapper{max-width:100%;width:100%;margin:0 0 1.5rem}.cb-dashboard-title{font-size:1.8rem;margin-bottom:1.25rem;text-align:center}.cb-dashboard-title-sm{font-size:1.4rem}.cb-dashboard-right{flex:1 1 auto;width:100%;transform:none}.cb-lesson-analogy-title{font-size:1.4rem;width:100%}.cb-lesson-quiz{padding:1.1rem 1.2rem}.cb-lesson-quiz-body{flex-direction:column;align-items:stretch}.cb-lesson-quiz-button{width:100%;justify-content:center}.cb-lesson-extended{padding:1.3rem;font-size:.85rem}.cb-lesson-attack{padding:1.4rem;gap:1.2rem}.cb-attack-step{flex-direction:column;align-items:flex-start}.cb-attack-image{width:150px;height:150px}.cb-attack-arrow:before,.cb-attack-arrow:after{margin-left:0}.cb-lab-horizontal{flex-direction:column;align-items:stretch;padding:1.4rem;gap:5rem}.cb-lab-node-computer{flex-direction:column-reverse;align-items:center}.cb-firewall-panel{width:100%}.cb-lab-monitor{width:100%;max-width:260px}.cb-lab-lane{height:70px}.cb-firewall-dock{bottom:4px}.cb-firewall-draggable{margin-left:0}.cb-lesson-explain{height:auto;padding:1.2rem 1.3rem}.cb-section-heading-label{font-size:1.5rem}.cb-lesson-complete-wrap{margin-top:1.4rem;justify-content:center}.cb-lesson-complete-btn{width:100%;max-width:280px;margin-left:0}.cb-lesson-section,.cb-lesson-ping-explain{margin:1rem auto 0;width:92vw;max-width:92vw;padding:.85rem;border-radius:14px;margin-left:0;font-size:.9rem;line-height:1.6}.cb-lesson-section-title,.cb-ping-title{width:100%;margin-left:0;margin-top:-.7rem;padding:.5rem .75rem;font-size:1.1rem;border-radius:8px}.cb-lesson-section-text{font-size:.9rem;line-height:1.6}.cb-ping-text{font-size:.88rem;line-height:1.55;margin-bottom:.45rem}.cb-lesson-gif-wrap{max-width:92vw;margin:.8rem auto 1rem;display:block}.cb-lesson-gif{margin-top:0;max-width:100%;border-radius:10px;box-shadow:0 12px 28px #0f172a8c}.cb-ping-lab{max-width:92vw;margin:1.1rem auto;padding:.9rem .85rem 1rem;border-radius:16px}.cb-ping-lab-title{font-size:1.05rem}.cb-ping-lab-row{flex-direction:column;align-items:center;gap:1.1rem;margin-top:.9rem}.cb-ping-node-label{font-size:.8rem}.cb-ping-laptop-screen{width:130px;height:80px}.cb-ping-laptop-base{width:150px}.cb-ping-monitor-screen{width:140px;height:85px}.cb-ping-monitor-terminal{font-size:.52rem}.cb-ping-middle{gap:1.2rem;margin-top:-1.5rem}.cb-ping-arrow-line,.cb-ping-vertical-line{width:120px}.cb-ping-arrow-label,.cb-ping-vertical-label{font-size:.78rem}@keyframes ping-out{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{transform:translate(120px);opacity:1}to{transform:translate(120px);opacity:0}}@keyframes ping-horizontal-reply{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{transform:translate(-120px);opacity:1}to{transform:translate(-120px);opacity:0}}.cb-ping-status-bar{margin-top:1rem;padding:.6rem .7rem}.cb-ping-status-text{font-size:.86rem}.cb-fw-modal{width:95vw;max-width:95vw;padding:.9rem .9rem 1rem;border-radius:14px}.cb-fw-header{margin-bottom:.7rem}.cb-fw-title{font-size:.98rem}.cb-fw-body{font-size:.86rem}.cb-fw-table{font-size:.8rem}.cb-fw-table th,.cb-fw-table td{padding:.3rem .35rem}.cb-fw-close{font-size:1.2rem}.cb-fw-actions{flex-wrap:wrap;gap:.45rem}.cb-fw-btn{padding:.4rem .8rem;font-size:.8rem}.cb-fw-hint{font-size:.78rem}.cb-fw-explain,.cb-fw-appsec{margin:1rem auto 0;width:92vw;max-width:92vw;padding:.85rem;border-radius:14px;margin-left:0;font-size:.9rem;line-height:1.6}.cb-fw-explain-title,.cb-fw-appsec-title{width:100%;margin-left:0;margin-top:-.7rem;padding:.5rem .75rem;font-size:1.1rem;border-radius:8px}.cb-fw-explain-text,.cb-fw-appsec-text{font-size:.82rem;line-height:1.55}.cb-fw-explain-list,.cb-fw-appsec-list{padding-left:1rem;font-size:.8rem;gap:.1rem}.cb-fw-appsec-icons{flex-direction:column;align-items:center;gap:.5rem}.cb-fw-appsec-icon{width:70vw;max-width:260px;height:auto}.cb-sql-lab{margin-top:1.2rem;padding:.9rem .85rem 1rem;border-radius:16px}.cb-sql-lab-title{font-size:.98rem;margin-bottom:.7rem}.cb-sql-row{flex-direction:column;align-items:center;gap:1rem}.cb-sql-node{flex:1 1 auto}.cb-sql-node-label{font-size:.78rem}.cb-sql-laptop{width:220px}.cb-sql-screen-label,.cb-sql-screen-body{font-size:.74rem}.cb-sql-input-label{font-size:.72rem}.cb-sql-btn{width:68px;font-size:.72rem}.cb-sql-alert{font-size:.7rem}.cb-sql-term-title{font-size:.74rem}.cb-sql-term-body{font-size:.7rem}.cb-sql-term-hint{font-size:.68rem}.cb-sql-status-bar{margin-top:.75rem;padding:.35rem .55rem}.cb-sql-status-text{font-size:.8rem}.cb-sql-modal{width:94vw;max-width:94vw;padding:.8rem .85rem .9rem;border-radius:14px}.cb-sql-modal-header{margin-bottom:.5rem}.cb-sql-modal-title{font-size:.9rem}.cb-sql-modal-term{font-size:.74rem}.cb-sql-run-btn{margin-top:.5rem;padding:.3rem .8rem;font-size:.78rem}.cb-sql-dump{margin-top:.5rem;padding:.4rem .45rem}.cb-sql-dump-title{font-size:.8rem}.cb-sql-dump-body{font-size:.7rem}.cb-sql-input-shell{margin-top:.4rem;gap:.3rem;font-size:.76rem}.cb-sql-input-shell-prompt{font-size:.76rem}.cb-sql-input-shell-field{font-size:.76rem;padding:.22rem .3rem}.cb-sql-followup,.cb-cloud-explain,.cb-cloud-anim,.cb-cloud-deep,.cb-mobile,.cb-container-sec,.cb-container-tools,.cb-os-sec{margin:1rem auto 0;width:92vw;max-width:92vw;padding:.85rem;border-radius:14px;margin-left:0;font-size:.9rem;line-height:1.6}.cb-sql-followup-text,.cb-cloud-text,.cb-cloud-anim-text,.cb-cloud-deep-text,.cb-mobile-text,.cb-container-sec-text,.cb-container-tools-text,.cb-os-sec-text{font-size:.9rem;line-height:1.6}.cb-cloud-heading,.cb-mobile-heading,.cb-container-sec-heading,.cb-container-tools-heading,.cb-os-sec-title{width:100%;margin-left:0;margin-top:-.7rem;padding:.5rem .75rem;font-size:1.1rem;border-radius:8px}.cb-cloud-anim-gif{margin-top:1.2rem;width:100%;max-width:92vw}.cb-mobile-gif-frame{margin-top:1.2rem;padding:.25rem}.cb-mobile-gif{width:100%;max-width:92vw}.cb-mobile-lab{margin-top:1.2rem;padding:.9rem .85rem 1rem;border-radius:16px}.cb-mobile-lab-title{font-size:.98rem;margin-bottom:.7rem}.cb-mobile-lab-row{flex-direction:column;align-items:center;gap:1rem}.cb-ms-laptop{width:210px}.cb-ms-phone{width:150px}.cb-ms-arrow-line{width:70px}.cb-ms-server-box,.cb-ms-db-box{min-width:220px}.cb-ms-overlay-inner{width:92vw;max-width:92vw;padding:.9rem .9rem 1rem}.cb-ms-overlay-text{font-size:.86rem}.cb-container-img-frame{padding:.35rem}.cb-container-img{width:100%;max-width:92vw}.cb-container-img-row{flex-direction:column;align-items:center}.cb-cont-lab{padding:.9rem .85rem 1rem}.cb-cont-lab-row{grid-template-columns:1fr;row-gap:1.4rem;justify-items:center}.cb-cont-arrow-line{width:200px}.cb-cont-container-3d,.cb-cont-host{width:210px}.cb-cont-status-bar{padding:.45rem .55rem}.cb-cont-overlay-inner{width:92vw;max-width:92vw;padding:.9rem .9rem 1rem}.cb-cont-term-shell{padding:.5rem .55rem .55rem;font-size:.78rem}.cb-cont-helper-wrap{margin-top:1rem}.cb-cont-helper-card{padding:.8rem .9rem}.cb-os-sec-grid{grid-template-columns:1fr}.cb-os-sec-chip{font-size:.85rem}.cb-os-arch-inner{padding:1rem .8rem 1.1rem;border-radius:18px}.cb-os-arch-title{font-size:1rem}.cb-os-arch-text,.cb-os-arch-text--hint,.cb-os-arch-note-text{max-width:92vw;font-size:.8rem}.cb-os-arch-stage{margin-top:.9rem;padding:.9rem 0 1rem}.cb-os-arch-layer{width:94%;margin:.35rem 0}.cb-os-arch-layer-title{font-size:.86rem}.cb-os-arch-layer-line{font-size:.76rem}.cb-os-arch-pieces{transform:translate(-50%,-46%) scale(.78)}.cb-os-arch-layer--active .cb-os-arch-pieces{transform:translate(-50%,-50%) scale(.86)}.cb-os-arch-piece{width:145px;font-size:.72rem}.cb-os-arch-piece-line{font-size:.7rem}.cb-os-arch-loop-orbit{width:78%;height:90px}.cb-os-arch-loop-node{font-size:.66rem;padding:.06rem .36rem}.cb-os-arch-note-text{margin-top:.8rem;font-size:.82rem}.cb-os-arch-note-link{font-size:.8rem}.cb-course-card:nth-child(1){animation-delay:.05s}.cb-course-card:nth-child(2){animation-delay:.15s}.cb-course-card:nth-child(3){animation-delay:.25s}.cb-course-card:nth-child(4){animation-delay:.35s}.cb-course-card:nth-child(5){animation-delay:.45s}.cb-course-card:nth-child(6){animation-delay:.55s}.cb-course-card:nth-child(7){animation-delay:.65s}.cb-course-card:nth-child(8){animation-delay:.75s}}.cb-path-course-icon-bg{width:100px;height:100px;border-radius:22px;background:linear-gradient(145deg,#fef3ff,#e0e7ff);box-shadow:0 12px 25px #94a3b88c,0 0 0 1px #d1d5dbcc;display:flex;align-items:center;justify-content:center}.cb-path-course-icon-img{width:140px;height:140px;border-radius:18px;object-fit:cover}.hero-lab-anim{position:relative;width:100%;margin-top:2.5rem;transform:translate(40px);display:flex;align-items:center;gap:1.25rem}.hero-lab-line{position:relative;width:220px;height:4px;border-radius:999px;background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%);overflow:hidden}.hero-lab-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#a2ef4300,#a2ef43,#f98200,#f9820000);transform:translate(-100%);animation:labLineSweep 2.5s linear infinite}@keyframes labLineSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-lab-laptop{position:relative;width:260px;height:170px;display:flex;flex-direction:column;align-items:center;animation:labLaptopPop 1.2s ease-out infinite alternate}@keyframes labLaptopPop{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.hero-vert-morph{position:relative;width:100%;margin-top:2.5rem;transform:translate(40px)}.hero-vert-line{position:relative;width:380px;height:4px;border-radius:999px;background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%);overflow:hidden;animation:vertMorph 6s ease-in-out infinite,vertScreenOpacity 6s linear infinite}.hero-vert-screen{position:absolute;top:0;left:0;width:380px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:var(--screen-op, 0);pointer-events:none}@keyframes vertMorph{0%{height:4px;border-radius:999px}20%{height:4px;border-radius:999px}35%{height:170px;border-radius:18px}65%{height:170px;border-radius:18px}80%{height:4px;border-radius:999px}to{height:4px;border-radius:999px}}@keyframes vertScreenOpacity{0%{--screen-op: 0}25%{--screen-op: 0}40%{--screen-op: 1}60%{--screen-op: 1}75%{--screen-op: 0}to{--screen-op: 0}}.hero-vert-terminal{margin-top:14px;width:340px;height:120px;border-radius:12px 12px 6px 6px;background:#0d1117;border:2px solid #7ed321;box-shadow:0 12px 26px #00000059;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-vert-base{margin-top:8px;width:260px;height:12px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#a2ef43 25%,#7ed321 80%)}.hero-vert-row{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.9rem;color:#e6edf3;white-space:nowrap}.hero-vert-prefix{color:#58a6ff}.hero-vert-command{display:inline-block;overflow:hidden;border-right:2px solid #7ed321;white-space:nowrap;animation:vertTypeCmd 6s steps(24,end) infinite}@keyframes vertTypeCmd{0%{width:0}30%{width:0}45%{width:100%}60%{width:100%}75%{width:0}to{width:0}}.hero-vert-cursor{display:inline-block;width:8px;height:1.1em;background:#7ed321;animation:vertCursorBlink 1s steps(2,start) infinite}@keyframes vertCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.hero-vert-morph{transform:none;display:flex;justify-content:center}.hero-vert-line{width:300px}.hero-vert-screen{width:300px;height:160px}.hero-vert-terminal{width:280px;height:110px}.hero-vert-base{width:220px}.hero-vert-row{font-size:.85rem}}.cb-header-wrapper{position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:2000!important;display:flex!important;flex-direction:column!important;pointer-events:none!important}.cb-main-nav{position:relative!important;top:auto!important;left:auto!important;width:100%!important;z-index:2001!important;pointer-events:auto!important;transition:transform .45s cubic-bezier(.25,1,.5,1),opacity .35s ease!important;transform:translateY(0)!important;opacity:1!important;will-change:transform,opacity!important;backface-visibility:hidden!important}.cb-main-nav.cb-nav-hidden{transform:translateY(-100%)!important;opacity:0!important;pointer-events:none!important}.cb-premium-banner{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-height:38px!important;height:auto!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2002!important;pointer-events:auto!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-sizing:border-box!important;padding:6px 1rem!important}.cb-premium-banner-inner{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:.4rem .6rem!important;font-family:Unbounded,Outfit,Syne,sans-serif!important;text-transform:uppercase!important}.cb-premium-banner-tag{font-family:Unbounded,Outfit,Syne,sans-serif!important;background:#dc2626!important;color:#fff!important;font-size:.85rem!important;font-weight:800!important;padding:3px 10px!important;border-radius:4px!important;letter-spacing:-.02em!important;text-transform:uppercase!important;display:inline-block!important}.cb-premium-banner-text{font-family:Unbounded,Outfit,Syne,sans-serif!important;font-size:.85rem!important;color:#000!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important;text-align:center!important}.cb-premium-banner-text b{font-family:Unbounded,Outfit,Syne,sans-serif!important;color:#000!important;font-weight:800!important;font-size:.85rem!important;text-transform:uppercase!important}.cb-price-old{font-family:Unbounded,Outfit,Syne,sans-serif!important;text-decoration:line-through!important;opacity:.55!important;margin-right:4px!important;color:#000!important;font-size:.85rem!important;font-weight:800!important;text-transform:uppercase!important}.cb-premium-banner-btn{font-family:Unbounded,Outfit,Syne,sans-serif!important;background:none!important;border:none!important;padding:0!important;margin:0!important;color:#000!important;font-weight:800!important;font-size:.85rem!important;cursor:pointer!important;text-decoration:none!important;letter-spacing:-.02em!important;text-transform:uppercase!important;transition:all .2s!important}.cb-premium-banner-btn:hover{color:#dc2626!important;text-decoration:none!important}@media(max-width:768px){.cb-premium-banner{min-height:22px!important;padding:3px .4rem!important}.cb-premium-banner-inner{gap:.1rem .3rem!important;line-height:1.1!important}.cb-premium-banner-text,.cb-premium-banner-text b,.cb-price-old,.cb-premium-banner-btn{font-size:.6rem!important;line-height:1.1!important;letter-spacing:-.03em!important}.cb-premium-banner-tag{font-size:.55rem!important;padding:0 4px!important;border-radius:2px!important;line-height:1.1!important;display:inline-block!important}}.main-content{padding:2.5rem 2rem}@media(max-width:768px){.main-content{padding:1.5rem 1rem;margin-top:60px!important}}@media(max-width:680px){.login-card{margin:2rem auto!important;padding:1.5rem 1rem!important;box-shadow:none!important;border:none!important}.login-title{font-size:2rem!important}}@media(max-width:1024px){.visualise-section,.cta-section{width:100%!important;border-radius:0!important}.home-cards-row{flex-direction:column!important;align-items:center!important}.home-card{width:90vw!important;max-width:450px!important}}@media(max-width:768px){.home-hero-title{font-size:2.2rem!important;margin:0 0 1rem!important;line-height:1.2!important}.hero-float-wrapper{display:none!important}.hero-vert-morph{transform:scale(.7);margin:1rem 0}.hero-dark-section{width:100%!important;padding:4rem 1rem!important}.hero-stickers-inner{flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important}.hero-sticker-img{width:20%!important}.hero-stickers-text-inner{flex-wrap:wrap!important;justify-content:center!important;gap:.5rem!important}.hero-stickers-text-inner span{font-size:.75rem!important;max-width:80px!important}.visualise-section-inner h2{font-size:1.8rem!important}}@media(max-width:1024px){.labs-title,.labs-subtitle,.labs-path-row,.quizzes-title,.quiz-card{transform:none!important}.labs-path-row{flex-direction:column;align-items:center}.labs-path-row .labs-path-card{width:90vw!important;height:auto!important;aspect-ratio:2/1}}.cb-nav-logo{width:100%;height:100%;object-fit:contain}@media(max-width:480px){.cb-nav-title{font-size:1rem!important}.cb-nav-main-menu-btn{padding:.4rem .8rem!important;font-size:.8rem!important}}.cb-terminal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-end}.cb-terminal-sheet{width:100%;max-width:100%!important;margin:0 auto;background:#0d1117;border-radius:20px 20px 0 0;height:70vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cb-terminal-sheet-header{padding:1rem 1.5rem;background:#161b22;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;align-items:center;color:#c9d1d9;font-weight:700;border-radius:20px 20px 0 0}.cb-terminal-sheet-close{background:none;border:none;color:#8b949e;font-size:1.5rem;cursor:pointer;padding:0}.cb-terminal-sheet-body{flex:1;overflow:hidden;padding:0}@media(max-width:768px){.cb-terminal-sheet{height:85vh}}:root[data-theme=light]{--bg-content: #ffffff;--text-main: #213547;background-color:var(--bg-content);color:var(--text-main)}:root[data-theme=dark]{--bg-content: #0b1822;--text-main: #f5f5f5;background-color:var(--bg-content);color:var(--text-main)}[data-theme=dark] body{background-color:#0b1822;color:#f5f5f5}[data-theme=dark] .cb-main-nav{background-color:#0b1822f2;border-bottom:1px solid #1e293b}[data-theme=light] .cb-main-nav{background-color:#fffffff2;border-bottom:1px solid #e2e8f0}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #4b5563;--card-bg: #ffffff;--card-hover-bg: #f9fafb}:root[data-theme=dark]{--bg-primary: #0b1822;--bg-secondary: #0f212e;--bg-tertiary: #162a3a;--border-color: #1e3a5f;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--card-bg: #112233;--card-hover-bg: #152a3f}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.main-content{background-color:var(--bg-primary)!important;color:var(--text-primary)}[data-theme=dark] .site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary)}[data-theme=dark] .cb-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color)}[data-theme=dark] .cb-sidebar-link{color:var(--text-secondary)}[data-theme=dark] .cb-sidebar-link:hover,[data-theme=dark] .cb-sidebar-link-active{background-color:var(--bg-tertiary);color:#ffd289}[data-theme=dark] table,[data-theme=dark] th,[data-theme=dark] td{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] tr:hover{background-color:var(--bg-secondary)}[data-theme=dark] .card,[data-theme=dark] .qs-card,[data-theme=dark] .lab-card,[data-theme=dark] .course-card{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .card:hover,[data-theme=dark] .course-card:hover{background-color:var(--card-hover-bg)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] input::placeholder{color:var(--text-secondary)}[data-theme=dark] .dropdown-menu{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .dropdown-item:hover{background-color:var(--bg-tertiary)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#fff}[data-theme=dark] pre,[data-theme=dark] code{background-color:#0d1117;border-color:#30363d;color:#c9d1d9}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#374151;border:2px solid var(--bg-primary)}[data-theme=dark] .cb-nav-mobile-menu{background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}[data-theme=dark] .profile-section,[data-theme=dark] .settings-panel{background-color:var(--card-bg);border:1px solid var(--border-color)}@media(max-width:1024px){.labs-container{padding-right:20px!important}}@media(max-width:768px){h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}.cb-brilliant-top{grid-template-columns:1fr!important}.cb-brilliant-bottom-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.lab-detail-grid{grid-template-columns:1fr!important}.home-cards-row{flex-direction:column!important;align-items:center!important;gap:1.5rem!important}.hero-stickers-inner{flex-direction:column!important;gap:2rem!important}}input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cb-brilliant-layout,.labs-page,.quizzes-page,.lab-detail-page,.cb-courses-page{width:100%!important;max-width:100%!important;overflow-x:hidden;box-sizing:border-box}.main-content{overflow-x:hidden}*{-webkit-tap-highlight-color:transparent;outline-offset:4px}img,video{max-width:100%;height:auto;display:block}@media(max-width:480px){.labs-title,.quizzes-title{font-size:1.8rem!important}.labs-subtitle,.quizzes-subtitle{font-size:.95rem!important;line-height:1.5!important}.cb-brilliant-main-img{max-width:160px!important}.cb-brilliant-main-title{font-size:1.2rem!important}}.main-content{display:flex!important;flex-direction:column}html,body{position:relative;overflow-x:hidden}@media(max-width:768px){.cb-brilliant-layout{gap:1.5rem!important}.cb-brilliant-main-card{padding:1.2rem!important}.cb-brilliant-streak-card{padding:1rem!important}}.cb-path-premium-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.cb-path-lock-icon{font-size:32px;margin-bottom:5px}.cb-path-premium-tag{background:#a2ef43;color:#000;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:1px}.cb-path-step--premium-locked .cb-path-token{filter:grayscale(1) brightness(.5);opacity:.7}.cb-path-premium-button{background:linear-gradient(90deg,#a2ef43,#7ed321)!important;color:#fff!important;font-weight:700;border:none}.cb-course-card{min-height:480px!important;display:flex!important;flex-direction:column!important;background:#020617!important;border:1px solid rgba(255,255,255,.05)!important}.cb-course-card-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:1.5rem!important;background:#020617!important;justify-content:flex-start!important}.cb-course-footer{margin-top:auto!important;padding-top:1.5rem!important}.cb-course-start-btn{width:100%!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#7ed321,#a2ef43)!important;color:#fff!important;font-weight:700!important;border-radius:12px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important}.cb-courses-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:2.5rem!important;padding:2rem 0!important}@keyframes glossySweep{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pressureVibrate{0%{transform:scale(1.02) rotate(-.5deg)}25%{transform:scale(1.08) rotate(.5deg)}50%{transform:scale(1.14) rotate(-.5deg)}75%{transform:scale(1.08) rotate(.5deg)}to{transform:scale(1.02) rotate(0)}}@keyframes impactPop{0%{transform:scale(1.28)}60%{transform:scale(.95)}to{transform:scale(1)}}.cb-social-proof-section{width:100%;max-width:100%!important;margin:0 auto!important;padding:4rem 0 3rem!important;display:flex;flex-direction:column;align-items:center;background:#000!important;border-top:none!important;position:relative!important;overflow:visible!important;z-index:100!important}.cb-topics-bar-wrapper{width:100%;background:#f3f1ef!important;border-top:1px solid #e8c89a!important;border-bottom:1px solid #e8c89a!important;padding:1.25rem 0;margin-bottom:4rem;box-sizing:border-box;position:relative!important;overflow:visible!important;z-index:150!important}.cb-topics-bar{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:2rem;padding:0 1rem;box-sizing:border-box;flex-wrap:wrap;position:relative!important;overflow:visible!important;z-index:200!important}.cb-topic-pill-group{position:relative!important;z-index:250!important}.cb-topic-item{background:#000!important;border:1.5px solid #222222!important;border-radius:9999px!important;padding:8px 18px 8px 10px!important;display:flex!important;align-items:center!important;gap:.75rem!important;font-family:Unbounded,Outfit,sans-serif!important;font-weight:800!important;font-size:.95rem!important;color:#fff!important;cursor:pointer!important;transition:border-color .2s ease!important;box-shadow:none!important}.cb-topic-item:hover,.cb-topic-item.cb-topic-active{background:#000!important;border-color:#7ed321!important;box-shadow:none!important;transform:none!important;color:#fff!important}.cb-topic-img-icon{width:36px!important;height:36px!important;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.cb-topic-icon-bg{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important}.cb-topic-label{letter-spacing:-.01em;color:#fff!important}.cb-topic-item:hover .cb-topic-label,.cb-topic-item.cb-topic-active .cb-topic-label{color:#7ed321!important}.cb-topic-arrow{font-size:.75rem;color:#fff!important;transition:transform .25s ease}.cb-topic-arrow-open,.cb-topic-item:hover .cb-topic-arrow{transform:rotate(180deg);color:#7ed321!important}.cb-topic-dropdown{position:absolute!important;top:calc(100% + 12px)!important;left:50%!important;transform:translate(-50%)!important;width:310px!important;background:#000!important;border:1.5px solid #333333!important;border-radius:16px!important;padding:1.25rem!important;box-shadow:0 20px 45px #000c!important;z-index:9999!important;animation:dropdownFade .25s cubic-bezier(.16,1,.3,1)!important}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.cb-topic-dropdown-header{font-size:.85rem;font-weight:800;color:#fff!important;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #222222;padding-bottom:.5rem}.cb-topic-tags-grid{display:flex;flex-wrap:wrap;gap:.4rem}.cb-topic-tag-chip{background:#111;border:1px solid #333333;border-radius:9999px;padding:4px 10px;font-size:.78rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.cb-topic-tag-chip:hover{background:#7ed321!important;color:#000!important;border-color:#7ed321!important;font-weight:800!important}.cb-join-container{text-align:center;margin-bottom:4rem}.cb-join-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4rem;font-weight:900;color:#fff!important;letter-spacing:-.03em}.cb-join-count,.cb-pressure-counter{display:inline-block!important;font-family:Unbounded,Outfit,sans-serif!important;font-weight:900!important;color:#7ed321!important;-webkit-text-fill-color:#7ed321!important;background:none!important;filter:none!important;padding:0 4px}.cb-pressure-counting{animation:pressureVibrate .12s ease-in-out infinite!important}.cb-pressure-landed{animation:impactPop .45s cubic-bezier(.175,.885,.32,1.275) 1!important}.cb-proof-logos-row{width:100%;display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:2rem 0;flex-wrap:wrap}.cb-proof-logo-item{display:flex;align-items:center;color:#a1a1aa!important;font-weight:700;font-size:1.2rem}.cb-logo-nyt{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:900;font-style:italic;color:#fff!important}.cb-logo-atlantic{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:.1em;color:#fff!important}.cb-proof-divider{width:1px;height:60px;background:#ffffff26!important}.cb-proof-rating{text-align:center}.cb-stars{color:#facc15!important;font-size:1.5rem;margin-bottom:.25rem}.cb-proof-rating p{font-size:.85rem;color:#a1a1aa!important;font-weight:600}.cb-proof-award{display:flex;align-items:center;gap:1rem}.cb-award-icon{height:50px;opacity:.85;filter:brightness(0) invert(1)!important}.cb-award-icon-fa{flex-shrink:0;filter:none!important}.cb-award-text{font-size:.85rem;color:#a1a1aa!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media(max-width:1024px){.cb-topics-bar{gap:1.25rem;flex-wrap:wrap}.cb-join-title{font-size:3rem}.cb-proof-divider{display:none}}@media(max-width:768px){.cb-topics-bar-wrapper{padding:1rem 0!important;margin-bottom:2.5rem!important}.cb-topics-bar{gap:.75rem .6rem!important;justify-content:center!important;padding:0 .5rem!important}.cb-topic-item{padding:6px 14px 6px 8px!important;font-size:.82rem!important;gap:.5rem!important}.cb-topic-icon-bg{width:auto!important;height:auto!important;background:transparent!important;border:none!important;box-shadow:none!important}.cb-topic-img-icon{width:30px!important;height:30px!important}.cb-topic-dropdown{position:fixed!important;top:auto!important;bottom:20px!important;left:5%!important;right:5%!important;transform:none!important;width:90%!important;z-index:2100!important;box-shadow:0 20px 40px #0000004d!important}}.cb-topic-icon-bg{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .2s ease,box-shadow .2s ease}.cb-topic-item:hover .cb-topic-icon-bg{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.cb-shuffle-section{width:100%;padding:8rem 0;background:#000!important;overflow:hidden!important}.cb-shuffle-container{width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:4rem;padding:0;text-align:center}.cb-shuffle-content{max-width:750px;margin:0 auto;text-align:center}.cb-shuffle-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4.5rem;font-weight:800;color:#fff!important;margin-bottom:2rem;line-height:1.1}.cb-shuffle-text{font-size:1.25rem;color:#a1a1aa!important;line-height:1.6}.cb-shuffle-features-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 2.2rem;margin-top:3rem;width:100%}.cb-shuffle-feature-item{display:flex;align-items:center;gap:.5rem;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;transition:transform .25s ease!important}.cb-shuffle-feature-item:hover{transform:translateY(-2px);background:transparent!important;box-shadow:none!important}.cb-shuffle-feature-label{font-family:Unbounded,Outfit,Syne,sans-serif!important;font-size:1.25rem;font-weight:800;color:#fff!important;letter-spacing:-.01em}@media(max-width:768px){.cb-shuffle-features-grid{gap:.85rem 1.2rem;margin-top:2rem}.cb-shuffle-feature-label{font-size:1.05rem}}@media(max-width:1024px){.cb-shuffle-container{flex-direction:column;text-align:center;gap:4rem}.cb-shuffle-stack{width:100%;max-width:400px;height:300px}.cb-shuffle-title{font-size:3rem}}@keyframes syncShuffle{0%,20%{transform:translate(0) scale(1);z-index:40;opacity:1}22%{transform:translate(-110%,20px) rotate(-5deg) scale(.95);z-index:40;opacity:.9}25%{transform:translate(90px,90px) scale(.85);z-index:10;opacity:.4}45%{transform:translate(90px,90px) scale(.85);z-index:10;opacity:.4}50%{transform:translate(60px,60px) scale(.9);z-index:20;opacity:.6}70%{transform:translate(60px,60px) scale(.9);z-index:20;opacity:.6}75%{transform:translate(30px,30px) scale(.95);z-index:30;opacity:.8}95%{transform:translate(30px,30px) scale(.95);z-index:30;opacity:.8}to{transform:translate(0) scale(1);z-index:40;opacity:1}}.cb-img-1{animation:syncShuffle 10s infinite linear}.cb-img-2{animation:syncShuffle 10s infinite linear -2.5s}.cb-img-3{animation:syncShuffle 10s infinite linear -5s}.cb-img-4{animation:syncShuffle 10s infinite linear -7.5s}.cb-guided-section{width:100%;padding:10rem 0!important;background:#000!important;overflow:hidden;margin-top:60px!important;border-top:1px solid rgba(255,255,255,.08)}.cb-guided-container{width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0;gap:5rem}.cb-guided-visual{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.cb-guided-copper-box{width:100%;max-width:560px;height:360px;background:linear-gradient(135deg,#c08777,#a26c5e)!important;border-radius:24px!important;border:none!important;box-shadow:none!important;filter:none!important}.cb-guided-content{flex:1;max-width:600px}.cb-guided-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:2rem!important;line-height:1.1!important}.cb-guided-list{list-style:none;padding:0;margin:0 0 2.5rem}.cb-guided-item{font-size:1.35rem!important;font-weight:700!important;color:#fff!important;margin-bottom:1.2rem!important;display:flex!important;align-items:center!important;gap:1rem!important}.cb-guided-item:before{content:"✓"!important;color:#7ed321!important;font-weight:900!important;font-size:1.3rem!important}.cb-guided-desc{font-size:1.15rem!important;color:#a1a1aa!important;line-height:1.6!important}.cb-guided-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:2.5rem}.cb-guided-actions .cb-hero-large-btn{min-width:220px!important}@media(max-width:768px){.cb-guided-actions{flex-direction:column;width:100%;gap:1rem}.cb-guided-actions .cb-hero-large-btn{width:100%!important}}.cb-motivation-section{width:100%;padding:8rem 0;background:#000!important;overflow:hidden;margin-top:0!important}.cb-motivation-container{width:100%!important;max-width:1400px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 4rem 0 6rem!important;gap:4rem!important}.cb-motivation-content{flex:1;max-width:520px}.cb-motivation-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:2rem!important;line-height:1.1!important}.cb-motivation-text{font-size:1.25rem!important;color:#a1a1aa!important;line-height:1.6!important}.cb-motivation-visual{flex:1;display:flex;justify-content:center;align-items:center}.cb-streak-img{width:100%;max-width:650px;height:auto;border-radius:20px;mix-blend-mode:screen;object-fit:contain;animation:floatMotivation 8s infinite ease-in-out}@keyframes floatMotivation{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.cb-effective-section{width:100%;padding:8rem 0;background:#000!important;overflow:hidden;margin-top:0!important}.cb-effective-container{width:100%;max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;gap:8rem}.cb-effective-visual{flex:1;display:flex;justify-content:center;align-items:center}.cb-interactive-img,.cb-fun-img{width:100%;max-width:650px;height:auto;border-radius:20px;mix-blend-mode:screen;object-fit:contain;animation:floatEffective 8s infinite ease-in-out}.cb-effective-content{flex:1;max-width:500px}.cb-effective-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:2rem!important;line-height:1.1!important}.cb-effective-text{font-size:1.25rem!important;color:#a1a1aa!important;line-height:1.6!important}@keyframes floatEffective{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-1deg)}}.cb-lesson-card{background:#fff;border-radius:40px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 20px 50px #0000000d;display:flex;flex-direction:column;gap:2rem;border:1px solid rgba(0,0,0,.03)}.cb-lesson-header{display:flex;align-items:center;justify-content:space-between;width:100%}.cb-lesson-close{font-size:1.5rem;color:#333;cursor:pointer}.cb-lesson-progress{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;padding:0 1rem}.cb-progress-bar{height:10px;background:#eee;border-radius:999px;flex:1;position:relative;overflow:hidden}.cb-progress-fill{position:absolute;top:0;left:0;height:100%;width:60%;background:#2ecc71;border-radius:999px}.cb-progress-dot{width:10px;height:10px;background:#eee;border-radius:50%}.cb-lesson-bolt{color:#f1c40f;font-size:1.5rem}.cb-lesson-body-title{font-size:1.5rem;font-weight:600;color:#111;margin:0}.cb-lesson-grid-box{width:100%;aspect-ratio:1.5 / 1;background:#fdfbff;border:4px solid #a855f7;border-radius:12px;position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr)}.cb-grid-line-h{position:absolute;width:100%;height:1px;background:#a855f71a}.cb-grid-line-v{position:absolute;height:100%;width:1px;background:#a855f71a}.cb-grid-path{position:absolute;border:4px solid #a855f7;border-radius:8px;z-index:2}.cb-grid-robot{position:absolute;width:30px;height:30px;background:#111;border-radius:50%;z-index:3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.cb-grid-gem{width:20px;height:20px;background:#a855f7;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.8}.cb-code-editor{display:flex;flex-direction:column;gap:.5rem;font-family:monospace}.cb-code-line{display:flex;align-items:center;gap:1rem}.cb-line-num{color:#ccc;font-size:.9rem;width:15px}.cb-code-block{padding:.4rem .8rem;border-radius:8px;background:#fff;border:1px solid #eee;font-size:1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #00000005}.cb-kw-while,.cb-kw-if,.cb-kw-else{color:#2ecc71;font-weight:700}.cb-code-indent-1{margin-left:1.5rem}.cb-code-indent-2{margin-left:3rem}.cb-dropdown-arrow{font-size:.7rem;color:#2ecc71}.cb-community-section{width:100%;padding:6rem 2rem!important;background:#000!important;text-align:center;overflow:visible!important;margin-top:0!important}.cb-community-container{width:100%;max-width:1200px!important;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.cb-community-title-group{margin-bottom:1rem}.cb-community-title{font-family:Unbounded,Outfit,Plus Jakarta Sans,Inter,sans-serif!important;font-size:4.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:.5rem!important}.cb-community-soon{font-size:1.25rem!important;color:#a1a1aa!important;text-transform:uppercase!important;letter-spacing:.2rem!important;font-weight:600!important}.cb-community-section .cb-hero-large-btn{box-shadow:inset 0 -4px #15803d!important;overflow:hidden!important}.cb-community-logos{width:100%;display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap;margin:2rem 0;opacity:.5}.cb-logo-item{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.5rem;font-weight:600;color:#666;display:flex;align-items:center;gap:.5rem}.cb-community-desc{font-size:1.1rem;color:#777;max-width:800px;line-height:1.6}.cb-learn-more-btn{background:#fff!important;border:2px solid #e5e8eb!important;box-shadow:0 6px #d1d5db!important;color:#000!important;font-weight:800!important;font-size:1.1rem!important;letter-spacing:.018em!important;border-radius:9999px!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .1s ease!important;padding:0 2.5rem!important;height:52px!important;text-transform:none!important}.cb-learn-more-btn:hover{border-color:#7ed321!important}.cb-learn-more-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #e5e5e5!important}html,body,#root,.main-content,.home-main-container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;overflow-x:hidden!important;box-sizing:border-box!important}section[class^=cb-]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}div[class*=-container]{width:100%!important;max-width:100%!important;padding:0!important;margin:0 auto!important}html,body,#root,.main-content,.home-main-container,header,nav,.cb-main-nav,section,div[class*=container],div[class*=content]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;left:0!important;right:0!important;overflow-x:hidden!important}.cb-hero-content,.cb-shuffle-container,.cb-guided-container,.cb-effective-container,.cb-community-container{width:100%!important;max-width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important}*{box-sizing:border-box!important}html,body,#root,.home-main-container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0!important;overflow-x:hidden!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:hidden!important}.cb-main-nav{width:100%!important;max-width:100%!important;padding:0 1.5rem!important;left:0!important;right:0!important}.cb-hero-content,.cb-shuffle-container,.cb-guided-container,.cb-effective-container,.cb-community-container{width:100%!important;max-width:100%!important;padding:0 1.5rem!important;margin-left:0!important;margin-right:0!important}section[class^=cb-]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.cb-hero-section{margin-top:90px!important}.cb-hero-section{margin-top:150px!important;padding-top:2rem!important}.main-content{position:relative!important}.cb-main-nav,.cb-hero-content,.cb-shuffle-container,.cb-guided-container,.cb-effective-container,.cb-community-container{padding-left:2rem!important;padding-right:2rem!important}html,body{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}#root,.main-content,.home-main-container{overflow:visible!important;height:auto!important;min-height:unset!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}body::-webkit-scrollbar{display:block!important;width:10px}body::-webkit-scrollbar-track{background:#f1f1f1}body::-webkit-scrollbar-thumb{background:#7ed321;border-radius:5px}*:not(body)::-webkit-scrollbar{display:none!important}html,body{min-height:100vh!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}#root,.main-content,.home-main-container{min-height:100vh!important;height:auto!important;display:flex!important;flex-direction:column!important}.cb-hero-section{min-height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important}*{overflow:visible!important}html,body,.main-content,.home-main-container{overflow-x:hidden!important}.cb-hero-section{margin-top:70px!important;padding-top:1rem!important}.cb-hero-section{margin-top:100px!important;padding-top:0!important}.cb-hero-bubble{transform:translateY(-40px)}.cb-nav-get-started-btn{height:48px!important;padding:0 2rem!important;font-size:1rem!important}.cb-nav-main-menu-btn{height:48px!important;padding:0 3.5rem!important;font-size:1rem!important;border:none!important;box-shadow:0 2px #15803d!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;color:#000!important}.cb-nav-get-started-btn:active,.cb-nav-main-menu-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #0000001a!important}.cb-nav-get-started-btn,.cb-nav-main-menu-btn{min-width:200px!important;height:48px!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.cb-final-cta-section{background:#0a0a0a!important;color:#fff!important;width:100%!important;padding:8rem 2rem!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1.5rem!important;margin-top:10px!important}.cb-final-cta-section .cb-hero-large-btn{box-shadow:inset 0 -4px #15803d!important;overflow:hidden!important}.cb-final-cta-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:clamp(2.5rem,6vw,4.5rem)!important;font-weight:500!important;margin-bottom:.5rem!important;letter-spacing:-.02em!important}.cb-final-cta-subtitle{font-size:clamp(1rem,2vw,1.3rem)!important;color:#fffc!important;margin-bottom:2.5rem!important;max-width:600px!important;line-height:1.5!important}.cb-final-cta-btn{background:#fff!important;color:#000!important;border:none!important;box-shadow:0 6px #fff3!important;height:56px!important;min-width:280px!important;font-size:1.1rem!important;font-weight:800!important;border-radius:9999px!important}.cb-footer-main{background:#000!important;color:#fff!important;padding:6rem 4rem 3rem!important;width:100%!important;border-top:1px solid #1a1a1a!important}.cb-footer-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr 1.5fr!important;gap:4rem!important;max-width:1400px!important;margin:0 auto!important}.cb-footer-logo-text{font-size:2.2rem!important;font-weight:700!important;letter-spacing:-.03em!important}.cb-footer-col-title{color:#777!important;font-size:.85rem!important;font-weight:600!important;text-transform:capitalize!important;margin-bottom:1.8rem!important;letter-spacing:.02em!important}.cb-footer-links{list-style:none!important;padding:0!important;margin:0!important}.cb-footer-links li{margin-bottom:1rem!important;font-size:.95rem!important;font-weight:500!important;color:#fff!important;cursor:pointer!important;transition:opacity .2s ease!important}.cb-footer-links li:hover{opacity:.7!important}.cb-footer-socials{display:flex!important;gap:1.5rem!important;margin-top:2rem!important;font-size:1.4rem!important}.cb-footer-bottom{margin-top:6rem!important;padding-top:2rem!important;border-top:1px solid #1a1a1a!important;display:flex!important;justify-content:space-between!important;align-items:center!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;color:#555!important;font-size:.8rem!important}.cb-footer-legal-links{display:flex!important;gap:1.5rem!important}.cb-footer-legal-links span{cursor:pointer!important}@media(max-width:1024px){.cb-footer-grid{grid-template-columns:1fr 1fr!important;gap:3rem!important}}@media(max-width:480px){.cb-footer-grid{grid-template-columns:1fr!important}}@media(max-width:768px){html,body{width:100%!important;overflow-x:hidden!important}.cb-main-nav{height:70px!important;padding:0 1rem!important}.cb-nav-logo-wrapper{width:42px!important;height:42px!important}.cb-nav-title{font-size:1.1rem!important}.cb-main-nav .cb-nav-get-started-btn{display:flex!important;width:130px!important;height:40px!important;font-size:.9rem!important}.cb-main-nav .cb-nav-main-menu-btn{min-width:120px!important;height:40px!important;padding:0 1.5rem!important}.cb-hero-section{margin-top:90px!important;padding:3rem 1rem!important;min-height:auto!important}.cb-hero-section .cb-hero-title{font-size:3.2rem!important;line-height:1.1!important}.cb-hero-actions{flex-direction:column!important;width:100%!important;gap:1.2rem!important;padding:0 1rem!important;margin-top:3rem!important}.cb-cloud-btn-filled,.cb-cloud-btn{width:100%!important;height:54px!important;min-width:unset!important}.cb-hero-bubble,.cb-hero-sticker,.cb-hero-visuals{display:none!important}.cb-section-title{font-size:2.2rem!important;padding:0 1rem!important}.cb-final-cta-section{padding:5rem 1rem!important}.cb-final-cta-title{font-size:2.5rem!important}.cb-final-cta-btn{width:100%!important;min-width:unset!important}.cb-footer-bottom{flex-direction:column!important;gap:2rem!important;text-align:center!important;margin-top:4rem!important}.cb-footer-legal-links{flex-wrap:wrap!important;justify-content:center!important}}@media(max-width:480px){.cb-hero-section .cb-hero-title{font-size:clamp(3rem,12vw,3.8rem)!important}}@media(max-width:768px){.cb-main-nav{padding:0 1rem!important;height:70px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.cb-nav-brand{gap:.5rem!important;flex-shrink:1!important;overflow:hidden!important}.cb-nav-logo-wrapper{width:38px!important;height:38px!important;flex-shrink:0!important}.cb-nav-title{font-size:1rem!important;letter-spacing:.2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cb-nav-actions{display:flex!important;gap:.5rem!important;flex-shrink:0!important}.cb-main-nav .cb-nav-get-started-btn{display:flex!important}.cb-main-nav .cb-nav-main-menu-btn{min-width:100px!important;height:38px!important;font-size:.85rem!important;padding:0 1rem!important;box-shadow:0 3px #5a9600!important}}@media(max-width:380px){.cb-nav-title{display:none!important}}.cb-nav-get-started-btn,.cb-nav-main-menu-btn{width:170px!important;height:48px!important;min-width:unset!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;font-weight:800!important;font-size:.95rem!important}@media(max-width:768px){.cb-main-nav{height:75px!important;padding:0 .75rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.cb-nav-brand{gap:.4rem!important;flex:1!important}.cb-nav-logo-wrapper{width:36px!important;height:36px!important}.cb-nav-title{font-size:.9rem!important;white-space:nowrap!important}.cb-nav-actions{display:flex!important;gap:.4rem!important;flex-shrink:0!important;align-items:center!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{display:flex!important;width:110px!important;height:40px!important;font-size:.85rem!important;box-shadow:0 2px #5a9600!important}.cb-main-nav .cb-nav-main-menu-btn{box-shadow:0 2px #5a9600!important}}@media(max-width:400px){.cb-nav-title{display:none!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{width:85px!important}}@media(max-width:768px){.cb-nav-get-started-btn,.cb-nav-main-menu-btn{box-shadow:0 2px #5a9600!important}}@media(max-width:768px){.cb-hero-section{margin-top:110px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:2rem 1.5rem!important}.cb-hero-section .cb-hero-title{width:100%!important;font-size:clamp(3.2rem,11vw,4.4rem)!important;line-height:1.08!important;margin-bottom:2rem!important;text-align:center!important}.cb-hero-section .cb-hero-title .cb-hero-highlight{font-size:1.12em!important}.cb-hero-visuals,.cb-hero-sticker,.cb-hero-bubble,div[style*="31%"]{display:none!important}.cb-hero-checklist{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:fit-content!important;margin:0 auto 3rem!important;gap:1rem!important;text-align:left!important}.cb-hero-actions{width:100%!important;margin-top:2rem!important;margin-bottom:4rem!important}.cb-cloud-btn-filled,.cb-cloud-btn{width:100%!important;height:52px!important}}@media(max-width:768px){.cb-nav-get-started-btn,.cb-nav-main-menu-btn{display:flex!important;width:110px!important;height:42px!important;font-size:.85rem!important;font-weight:800!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important}.cb-nav-get-started-btn{background:#7ed321!important;border:2px solid #5a9600!important;box-shadow:0 2px #417505!important;color:#fff!important}.cb-nav-main-menu-btn{background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;box-shadow:0 2px #15803d!important;color:#000!important}.cb-nav-brand{gap:.3rem!important}.cb-nav-title{display:none!important}}@media(max-width:768px){.cb-main-nav{padding:0 .5rem!important}.cb-nav-brand{gap:.3rem!important;flex:1!important;min-width:0!important}.cb-nav-logo-wrapper{width:32px!important;height:32px!important}.cb-nav-title{display:none!important}.cb-nav-actions{gap:.5rem!important;flex-shrink:0!important;display:flex!important;align-items:center!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{width:120px!important;height:40px!important;font-size:.85rem!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.cb-main-nav .cb-nav-get-started-btn{box-shadow:0 2px #417505!important}}@media(max-width:360px){.cb-nav-title{display:none!important}}@media(max-width:768px){.cb-concepts-section{padding:6rem 1.5rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:2rem!important;width:100%!important;overflow:hidden!important}.cb-concepts-title{font-size:2.2rem!important;margin-bottom:1.5rem!important;position:relative!important;z-index:10!important}.cb-concepts-visual{width:100%!important;max-width:400px!important;margin:2rem auto!important;transform:scale(.9)!important}.cb-concepts-text{font-size:1.1rem!important;line-height:1.6!important;color:#4b5563!important;padding:0 1rem!important;margin-top:1rem!important;z-index:10!important}.cb-concept-feature{width:100%!important;max-width:320px!important;margin-bottom:1rem!important}.cb-section-divider{height:80px!important}}@media(max-width:768px){.cb-concepts-section{margin-top:300px!important;padding-top:2rem!important}.cb-concepts-title{margin-top:100px!important}}@media(max-width:768px){.cb-concepts-section{display:flex!important;flex-direction:column!important;align-items:center!important;padding:5rem 1.5rem!important;margin-top:0!important}.cb-concepts-title-group,.cb-concepts-header{order:-2!important;margin-bottom:2rem!important;width:100%!important;text-align:center!important}.cb-concepts-title{font-size:2.5rem!important;margin-bottom:.5rem!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.cb-concepts-visual,.cb-concepts-brain-container{order:-1!important;margin:3rem 0!important;width:100%!important;display:flex!important;justify-content:center!important;transform:scale(.95)!important}.cb-concepts-content,.cb-concepts-text-block{order:0!important;text-align:center!important;padding:0!important}.cb-concepts-text{font-size:1.15rem!important;line-height:1.6!important;margin-top:2rem!important;width:100%!important}}@media(max-width:768px){.cb-shuffle-section{padding:4rem 1.25rem!important;background:#000!important}.cb-shuffle-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.cb-shuffle-content{order:1!important;margin-bottom:2rem!important;width:100%!important}.cb-shuffle-title{font-size:2.25rem!important;line-height:1.25!important;word-break:break-word!important;margin-bottom:1.25rem!important}.cb-shuffle-text{font-size:1.05rem!important;line-height:1.5!important}.cb-shuffle-features-grid{gap:.85rem 1.25rem!important;margin-top:2rem!important}.cb-guided-section{padding:4rem 1.25rem!important;background:#000!important;margin-top:2rem!important}.cb-guided-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:2.5rem!important}.cb-guided-content{order:1!important;width:100%!important;margin-bottom:0!important}.cb-guided-title{font-size:2.25rem!important;line-height:1.25!important;word-break:break-word!important;overflow-wrap:break-word!important;margin-bottom:1.25rem!important}.cb-guided-desc{font-size:1.05rem!important;line-height:1.5!important}.cb-guided-visual{order:2!important;width:100%!important;transform:none!important}.cb-guided-copper-box{width:100%!important;max-width:100%!important;height:220px!important;border-radius:16px!important}.cb-motivation-section{padding:4rem 1.5rem!important;background:#000!important}.cb-motivation-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:2rem!important;width:100%!important;padding:0!important}.cb-motivation-content{order:1!important;margin-bottom:0!important;width:100%!important;text-align:center!important}.cb-motivation-title{font-size:2.25rem!important;line-height:1.25!important;word-break:break-word!important;margin-bottom:1.25rem!important;text-align:center!important}.cb-motivation-text{font-size:1.05rem!important;line-height:1.5!important;color:#a1a1aa!important;text-align:center!important}.cb-motivation-visual{order:2!important;width:100%!important;display:flex!important;justify-content:center!important}}@media(max-width:768px){.cb-build-skills-section{padding:4rem 1.25rem!important;background:#000!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:hidden!important}.cb-build-skills-container{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.cb-build-skills-content{order:-1!important;margin-bottom:2rem!important;width:100%!important;text-align:center!important}.cb-build-skills-title{font-size:2.25rem!important;line-height:1.25!important;word-break:break-word!important;margin-bottom:1.2rem!important}.cb-build-skills-visual{order:1!important;width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;justify-content:center!important;transform:none!important}.cb-game-visual-model{width:100%!important;height:auto!important;border-radius:24px!important}}@media(max-width:768px){.cb-effective-section{padding:4rem 1.25rem!important;background:#000!important}.cb-effective-container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;max-width:100%!important}.cb-effective-content{order:1!important;margin-bottom:2.5rem!important;width:100%!important;padding:0 1rem!important}.cb-effective-title{font-size:2.25rem!important;color:#fff!important;margin-bottom:1.25rem!important}.cb-effective-text{font-size:1.05rem!important;line-height:1.5!important;color:#a1a1aa!important}.cb-effective-visual{order:2!important;width:100%!important;display:flex!important;justify-content:center!important;padding:0!important;transform:scale(.92)!important}.cb-lesson-card{width:100%!important;max-width:400px!important;margin:0 auto!important;box-shadow:0 15px 30px #0000001a!important}}.cb-auth-page{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;padding:2rem 1.5rem!important}.cb-auth-card{width:100%!important;max-width:500px!important;margin-top:4.5rem!important;background:#f3f1ef!important;border:1px solid #e4e0dc!important;border-radius:24px!important;padding:3rem 2.5rem!important;box-shadow:0 20px 50px #0006!important;text-align:center!important}.cb-auth-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.8rem!important;font-weight:700!important;color:#000!important;margin-bottom:.5rem!important;letter-spacing:-.02em!important}.cb-auth-subtitle{font-size:1.05rem!important;color:#57534e!important;margin-bottom:2.5rem!important}.cb-auth-form-group{margin-bottom:1.5rem!important;text-align:left!important}.cb-auth-label{display:block!important;font-weight:700!important;font-size:.9rem!important;color:#1c1917!important;margin-bottom:.6rem!important;text-transform:none!important;letter-spacing:.01em!important}.cb-auth-input{width:100%!important;height:52px!important;padding:0 1.25rem!important;border-radius:14px!important;border:2px solid #555555!important;background:#fff9ef!important;color:#000!important;font-size:1rem!important;font-weight:600!important;transition:all .2s ease!important;outline:none!important}.cb-auth-input::placeholder{color:#78716c!important}.cb-auth-input:focus{border-color:#22c55e!important;background:#fff!important;color:#000!important;box-shadow:0 0 0 4px #22c55e26!important}.cb-auth-submit-btn{width:100%!important;margin-top:1rem!important;margin-bottom:1.5rem!important}.cb-auth-footer{margin-top:1.5rem!important;font-size:.95rem!important;color:#64748b!important}.cb-auth-link{color:#7ed321!important;font-weight:700!important;text-decoration:none!important}.cb-auth-link:hover{text-decoration:underline!important}@media(max-width:480px){.cb-auth-card{padding:2.5rem 1.5rem!important;border:none!important;box-shadow:none!important}.cb-auth-title{font-size:2.2rem!important}}.cb-labs-page{padding:10rem 2rem 6rem!important;background:#fff!important;min-height:100vh!important;margin-top:0!important}.cb-labs-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:3.8rem!important;font-weight:800!important;color:#000!important;margin-bottom:1.5rem!important;letter-spacing:-.03em!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;opacity:1!important;display:block!important}.cb-labs-subtitle{font-size:1.25rem!important;color:#334155!important;line-height:1.6!important;font-weight:500!important;opacity:1!important}.cb-labs-ready-section{margin-top:8rem!important;text-align:center!important;background:#f8fafc!important;padding:5rem 2rem!important;border-radius:32px!important;border:1px solid #e2e8f0!important}.cb-labs-ready-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.8rem!important;color:#000!important;font-weight:700!important;margin-bottom:1.5rem!important}.cb-labs-ready-text{color:#475569!important;font-size:1.15rem!important;max-width:650px!important;margin:0 auto 3rem!important}.cb-labs-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:2.5rem!important;max-width:1300px!important;margin:0 auto!important}.cb-lab-card{background:#fff!important;border-radius:24px!important;border:1px solid #f1f5f9!important;overflow:hidden!important;transition:all .4s cubic-bezier(.165,.84,.44,1)!important;position:relative!important;display:flex!important;flex-direction:column!important;box-shadow:0 10px 30px #00000008!important}.cb-lab-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #00000014!important;border-color:#e2e8f0!important}.cb-lab-img-container{width:100%!important;height:220px!important;overflow:hidden!important;position:relative!important}.cb-lab-img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .6s ease!important}.cb-lab-card:hover .cb-lab-img{transform:scale(1.05)!important}.cb-lab-content{padding:1.75rem!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.cb-lab-title-text{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.6rem!important;font-weight:700!important;color:#0f172a!important;margin-bottom:1.25rem!important;line-height:1.3!important}.cb-lab-badge{position:absolute!important;top:1.25rem!important;right:1.25rem!important;padding:.5rem 1rem!important;border-radius:99px!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;z-index:10!important;box-shadow:0 4px 12px #0000001a!important}.cb-lab-badge-premium{background:#7ed321!important;color:#000!important}.cb-lab-badge-completed{background:#fff!important;color:#7ed321!important}@media(max-width:768px){.cb-labs-page{padding:8rem 1.5rem 4rem!important}.cb-labs-title{font-size:2.5rem!important;color:#000!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important}.cb-labs-grid{grid-template-columns:1fr!important;gap:2rem!important}.cb-lab-title-text{font-size:1.4rem!important}}.cb-quizzes-page{padding:10rem 2rem 6rem!important;background:#fff!important;min-height:100vh!important}.cb-quiz-card{background:#fff!important;border-radius:32px!important;border:1px solid #f1f5f9!important;padding:3rem!important;box-shadow:0 20px 60px #0000000d!important;max-width:800px!important;margin:0 auto!important;position:relative!important}.cb-quiz-question{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.2rem!important;font-weight:700!important;color:#0f172a!important;margin-bottom:2.5rem!important;line-height:1.3!important}.cb-quiz-options{display:flex!important;flex-direction:column!important;gap:1.25rem!important;padding:0!important;list-style:none!important}.cb-quiz-option{padding:1.25rem 1.75rem!important;border-radius:18px!important;border:2px solid #f1f5f9!important;background:#f8fafc!important;font-size:1.1rem!important;font-weight:500!important;color:#334155!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:1rem!important}.cb-quiz-option:hover{border-color:#e2e8f0!important;background:#fff!important;transform:translate(8px)!important}.cb-quiz-option-selected{border-color:#7ed321!important;background:#fff!important;box-shadow:0 0 0 4px #7ed3211a!important}.cb-quiz-option-correct{background:#f0fdf4!important;border-color:#22c55e!important;color:#166534!important}.cb-quiz-option-incorrect{background:#fef2f2!important;border-color:#ef4444!important;color:#991b1b!important}.cb-quiz-badge{background:#f1f5f9!important;color:#64748b!important;padding:.5rem 1.25rem!important;border-radius:99px!important;font-size:.85rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:1.5rem!important;display:inline-block!important}@media(max-width:768px){.cb-quizzes-page{padding:8rem 1.25rem 4rem!important}.cb-quizzes-title{font-size:2.5rem!important;text-align:center!important}.cb-quiz-card{padding:2rem 1.25rem!important;border-radius:24px!important;border:none!important;box-shadow:none!important}.cb-quiz-question{font-size:1.5rem!important;text-align:center!important}.cb-quiz-option{padding:1rem 1.25rem!important;font-size:1rem!important}.cb-quiz-controls{flex-direction:column!important;gap:1.5rem!important;width:100%!important}.cb-cloud-btn-filled{width:100%!important}.cb-quiz-feedback{justify-content:center!important;text-align:center!important}}.cb-quiz-option-letter{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.cb-quiz-controls{margin-top:3rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.cb-quiz-feedback{font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.cb-quiz-feedback.correct{color:#22c55e}.cb-quiz-feedback.incorrect{color:#ef4444}.cb-quiz-final-score{margin-top:2.5rem;padding:1.5rem;background:#f8fafc;border-radius:16px;text-align:center}.cb-quiz-final-score p{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.cb-quiz-final-score span{color:#7ed321}.cb-quiz-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:32px;text-align:center;padding:3rem}.cb-quiz-lock-icon{width:80px;height:80px;background:#7ed3211a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:#7ed321}.cb-quiz-lock-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.4rem!important;color:#0f172a!important;margin-bottom:1rem!important}.cb-quiz-lock-text{color:#64748b!important;font-size:1.1rem!important;max-width:400px!important;margin-bottom:2.5rem!important;line-height:1.6!important}.cb-quiz-auth-prompt{margin-top:6rem;text-align:center;background:#f8fafc;padding:4rem 2rem;border-radius:32px;max-width:800px;margin-left:auto;margin-right:auto;border:1px solid #e2e8f0}.cb-quiz-auth-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2rem!important;margin-bottom:1rem!important;color:#000!important}.cb-quiz-auth-text{color:#64748b!important;font-size:1.05rem!important;margin-bottom:2.5rem!important}.cb-quiz-auth-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cb-terms-page{padding:10rem 2rem 6rem!important;background:#000!important;min-height:100vh!important;color:#fff!important}.cb-terms-container{max-width:800px!important;margin:0 auto!important}.cb-terms-header{text-align:center!important;margin-bottom:6rem!important}.cb-terms-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:3.8rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1.5rem!important;letter-spacing:-.03em!important}.cb-terms-tagline{font-size:1.25rem!important;color:#a1a1aa!important;line-height:1.6!important;max-width:600px!important;margin:0 auto!important}.cb-terms-section{margin-bottom:5rem!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;min-height:auto!important}.cb-terms-section-num{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.2rem!important;font-weight:800!important;color:#22c55e!important;display:block!important;margin-bottom:1rem!important;letter-spacing:.1em!important}.cb-terms-section-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.2rem!important;font-weight:700!important;color:#fff!important;margin-bottom:2rem!important;line-height:1.2!important}.cb-terms-text{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.15rem!important;line-height:1.8!important;color:#e5e7eb!important;margin-bottom:1.5rem!important}.cb-terms-divider{display:block!important;height:1px!important;background:#ffffff26!important;width:100%!important;margin-bottom:5rem!important}@media(max-width:768px){.cb-terms-page{padding:8rem 1.5rem 4rem!important}.cb-terms-title{font-size:2.8rem!important}.cb-terms-section-title{font-size:1.8rem!important}.cb-terms-text{font-size:1.1rem!important}}.cb-premium-page{padding:10rem 2rem 6rem!important;background:#000!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important}.cb-premium-header{text-align:center!important;max-width:900px!important;margin-bottom:5rem!important}.cb-premium-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:3.8rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1.5rem!important;letter-spacing:-.03em!important}.cb-premium-tagline{font-size:1.25rem!important;color:#a1a1aa!important;line-height:1.6!important;max-width:650px!important;margin:0 auto!important}.cb-premium-grid{display:flex!important;gap:2.5rem!important;max-width:1100px!important;width:100%!important;justify-content:center!important}.cb-premium-card{background:#fdf0d5!important;border-radius:32px!important;border:1px solid #f5e4c3!important;padding:3.5rem!important;flex:1!important;max-width:500px!important;box-shadow:0 20px 60px #00000080!important;transition:all .2s ease!important;position:relative!important;display:flex!important;flex-direction:column!important}.cb-premium-card-active{border:1px solid #f5e4c3!important;box-shadow:0 20px 60px #00000080!important;transform:none!important}.cb-premium-tier{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.1rem!important;font-weight:800!important;color:#15803d!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin-bottom:1rem!important;display:block!important}.cb-premium-price{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:3.2rem!important;font-weight:800!important;color:#000!important;margin-bottom:.5rem!important}.cb-premium-period{font-size:1.1rem!important;color:#57534e!important;font-weight:500!important}.cb-premium-features{list-style:none!important;padding:0!important;margin:2.5rem 0!important;flex-grow:1!important}.cb-nav-mobile-pill{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1.2rem!important;padding:0 1.5rem!important;height:54px!important;background:#fff!important;border:2px solid #e5e8eb!important;border-radius:16px!important;color:#000!important;font-weight:800!important;font-size:1rem!important;width:100%!important;box-shadow:0 5px #e5e8eb!important;transition:all .1s ease!important}.cb-nav-mobile-pill:active{transform:translateY(2px)!important;box-shadow:0 2px #e5e8eb!important}.cb-nav-mobile-pill-active{background:#7ed321!important;border-color:#7ed321!important;color:#fff!important;box-shadow:0 5px #5a9600!important}.cb-nav-mobile-logout-btn{background:#ef4444!important;border:2px solid #ef4444!important;color:#fff!important;box-shadow:0 5px #991b1b!important}.cb-nav-link-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1.25rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;border-radius:99px!important;color:#000!important;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-weight:800!important;font-size:.9rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px #15803d!important;height:42px!important;white-space:nowrap!important;outline:none!important}.cb-nav-link-pill:hover{transform:translateY(-1px)!important;box-shadow:0 3px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-nav-link-pill:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-nav-link-pill-active{background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important;box-shadow:0 3px #15803d!important;border:none!important}.cb-nav-link-pill-active .cb-nav-link-pill-icon,.cb-nav-link-pill-icon{color:#000!important}.cb-nav-logout-btn{background:#ef4444!important;border:2px solid #ef4444!important;color:#fff!important;box-shadow:0 5px #991b1b!important}.cb-nav-logout-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px #991b1b!important}.cb-nav-logout-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #991b1b!important}.cb-premium-feature{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.15rem!important;color:#334155!important;margin-bottom:1.25rem!important;display:flex!important;align-items:center!important;gap:.75rem!important}.cb-premium-status{padding:1rem 1.5rem!important;background:#f0fdf4!important;color:#166534!important;border-radius:16px!important;font-weight:700!important;margin-bottom:2rem!important;text-align:center!important;border:1px solid #bbf7d0!important}@media(max-width:768px){.cb-premium-page{padding:8rem 1.25rem 4rem!important}.cb-premium-title{font-size:2.8rem!important}.cb-premium-grid{flex-direction:column!important;align-items:center!important;gap:2rem!important}.cb-premium-card{padding:2.5rem 1.5rem!important;width:100%!important;max-width:100%!important;box-shadow:0 10px 30px #0000000d!important}.cb-premium-price{font-size:2.6rem!important}}.cb-docs-page{padding:10rem 2rem 6rem!important;background:#fff!important;min-height:100vh!important;max-width:1200px!important;margin:0 auto!important}.cb-docs-header{text-align:left!important;margin-bottom:5rem!important}.cb-docs-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:3.8rem!important;font-weight:800!important;color:#000!important;margin-bottom:1rem!important;letter-spacing:-.03em!important}.cb-docs-tagline{font-size:1.25rem!important;color:#475569!important;line-height:1.6!important;max-width:700px!important}.cb-docs-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:2.5rem!important}.cb-docs-card{background:#fff!important;border-radius:24px!important;border:2px solid #e5e8eb!important;padding:2rem!important;box-shadow:0 8px #e5e8eb!important;transition:all .2s ease!important;display:flex!important;flex-direction:column!important}.cb-docs-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px #e5e8eb!important}.cb-docs-card-icon{width:48px!important;height:48px!important;border-radius:12px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;margin-bottom:1.5rem!important;color:#7ed321!important}.cb-docs-card-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.4rem!important;font-weight:700!important;color:#000!important;margin-bottom:1.25rem!important}.cb-docs-list{list-style:none!important;padding:0!important;margin:0!important}.cb-docs-list-item{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:1.05rem!important;color:#4b5563!important;padding:.75rem 0!important;border-bottom:1px solid #f1f5f9!important;cursor:pointer!important;transition:color .2s ease!important}.cb-docs-list-item:hover{color:#7ed321!important}.cb-docs-help-section{margin-top:6rem!important;padding:4rem!important;background:#fff!important;border-radius:32px!important;border:2px solid #e5e8eb!important;box-shadow:0 8px #e5e8eb!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.cb-docs-help-title{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-size:2.2rem!important;font-weight:700!important;color:#000!important;margin-bottom:1rem!important}.cb-docs-help-text{color:#64748b!important;font-size:1.1rem!important;margin-bottom:2.5rem!important;max-width:500px!important}@media(max-width:768px){.cb-docs-page{padding:8rem 1.25rem 4rem!important}.cb-docs-title{font-size:2.5rem!important;text-align:center!important}.cb-docs-tagline{text-align:center!important;font-size:1.1rem!important;margin:0 auto!important}.cb-docs-grid{grid-template-columns:1fr!important;gap:2rem!important}.cb-docs-card{padding:2rem 1.25rem!important}.cb-docs-help-section{padding:3rem 1.5rem!important;margin-top:4rem!important}.cb-docs-help-title{font-size:1.8rem!important}.cb-cloud-btn-filled{width:100%!important}}input,textarea,select{color:#000!important;font-weight:500!important}.cb-nav-mobile-burger-btn{display:none!important}@media(max-width:768px){.cb-nav-links-desktop,.cb-nav-icons-toggle,.cb-nav-logout-btn{display:none!important}.cb-nav-mobile-burger-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;border-radius:9999px!important;color:#000!important;width:44px!important;height:40px!important;box-shadow:0 3px #15803d!important;cursor:pointer!important;transition:all .15s ease!important;outline:none!important;box-sizing:border-box!important}.cb-nav-mobile-burger-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-nav-mobile-burger-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-nav-main-menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;border-radius:99px!important;color:#000!important;height:40px!important;min-width:100px!important;padding:0 1rem!important;box-shadow:0 2px #15803d!important;font-weight:800!important;font-size:.85rem!important;transition:all .1s ease!important}.cb-nav-main-menu-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important}.cb-nav-brand{display:flex!important;align-items:center!important;gap:.4rem!important;margin-right:auto!important}.cb-nav-text-brand{display:flex!important}.cb-nav-text-top{font-size:.95rem!important}.cb-nav-text-bottom{font-size:.6rem!important}.cb-nav-logo-wrapper{width:32px!important;height:32px!important}}@media(min-width:769px){.cb-nav-main-menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1.25rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;border-radius:99px!important;color:#000!important;font-weight:800!important;font-size:.9rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px #15803d!important;height:42px!important;min-width:unset!important;line-height:normal!important}.cb-nav-main-menu-btn:hover{transform:translateY(-1px)!important;box-shadow:0 3px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-nav-main-menu-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #5a9600!important}.cb-nav-logout-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1.25rem!important;background:#ef4444!important;border:2px solid #ef4444!important;border-radius:99px!important;color:#fff!important;font-weight:700!important;font-size:.9rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 5px #991b1b!important;height:42px!important;min-width:unset!important;line-height:normal!important}.cb-nav-logout-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px #991b1b!important;background:#dc2626!important;border-color:#dc2626!important}.cb-nav-logout-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #991b1b!important}}.cb-hero-section .cb-hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important}.cb-hero-section .cb-hero-title{color:#fff!important;text-align:center!important;width:100%!important;max-width:100%!important;display:block!important;position:relative!important;z-index:1;margin:0 auto 2rem!important;font-family:Unbounded,Outfit,Syne,sans-serif!important;font-weight:900!important;letter-spacing:-.05em!important;line-height:1.05!important;text-shadow:0 4px 20px rgba(0,0,0,.5)!important}@media(min-width:769px){.cb-hero-section .cb-hero-title{font-size:7.5vw!important}}.cb-hero-section .cb-hero-title .cb-hero-highlight{background:linear-gradient(135deg,#fdebd0,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:.03em!important}.cb-hero-section{padding-top:110px!important;padding-bottom:8rem!important}@media(max-width:768px){.cb-hero-section{padding-top:130px!important}}.cb-hero-section .cb-hero-features-row{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:2rem!important;margin:0 auto 3rem!important;width:100%!important}.cb-hero-section .cb-hero-feature-text{font-family:Geist,Inter,sans-serif!important;font-size:1.05rem!important;font-weight:800!important;text-transform:none!important;letter-spacing:.06em!important;color:#fff!important}.cb-hero-section .cb-hero-actions{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1rem!important;margin:1rem auto 4rem!important;width:100%!important;padding-left:0!important;border-left:none!important}.cb-cloud-btn-filled,.cb-nav-get-started-btn,.cb-nav-mobile-pill,.sidebar-button,.cb-auth-submit-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;background-color:#22c55e!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:inset 0 -4px #15803d!important;overflow:hidden!important;height:48px!important;line-height:normal!important;text-decoration:none!important;box-sizing:border-box!important}.cb-cloud-btn-filled:hover:not(:disabled),.cb-nav-get-started-btn:hover:not(:disabled),.cb-nav-mobile-pill:hover:not(:disabled),.sidebar-button:hover:not(:disabled),.cb-auth-submit-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:inset 0 -5px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-cloud-btn-filled:active:not(:disabled),.cb-nav-get-started-btn:active:not(:disabled),.cb-nav-mobile-pill:active:not(:disabled),.sidebar-button:active:not(:disabled),.cb-auth-submit-btn:active:not(:disabled){transform:translateY(2px)!important;box-shadow:inset 0 -2px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-view-all-btn,.cb-stack-card-start-btn,.cb-solve-btn,.cb-begin-btn,.cb-marketplace-btn,.cb-btn-secondary,.cb-btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:#ff7900!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 3px #b35000!important;height:42px!important;line-height:1!important;text-decoration:none!important;outline:none!important;transform:translateY(0)!important;box-sizing:border-box!important}.cb-view-all-btn:hover,.cb-stack-card-start-btn:hover,.cb-solve-btn:hover,.cb-begin-btn:hover,.cb-marketplace-btn:hover,.cb-btn-secondary:hover,.cb-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 2px #b35000!important;background:#ff8b24!important;color:#000!important}.cb-view-all-btn:active,.cb-stack-card-start-btn:active,.cb-solve-btn:active,.cb-begin-btn:active,.cb-marketplace-btn:active,.cb-btn-secondary:active,.cb-btn-primary:active{transform:translateY(2px)!important;box-shadow:0 1px #b35000!important;background:#e66d00!important}.cb-nav-logout-btn,.cb-nav-mobile-logout-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:#ef4444!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important;cursor:pointer!important;transition:all .15s ease!important;box-shadow:0 3px #991b1b!important;height:42px!important;line-height:1!important;text-decoration:none!important;outline:none!important;transform:translateY(0)!important;box-sizing:border-box!important}.cb-nav-logout-btn:hover,.cb-nav-mobile-logout-btn:hover{transform:translateY(-1px)!important;box-shadow:0 2px #991b1b!important;background:#f87171!important;color:#000!important}.cb-nav-logout-btn:active,.cb-nav-mobile-logout-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #991b1b!important;background:#dc2626!important;color:#000!important}.cb-nav-link-pill-active,.cb-nav-link-pill-active:hover,.cb-nav-link-pill-active:active,.cb-nav-mobile-pill-active,.cb-nav-mobile-pill-active:hover,.cb-nav-mobile-pill-active:active{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border:1px solid #d1d5db!important;box-shadow:0 4px #9ca3af!important;filter:none!important;transform:none!important}.cb-nav-link-pill-active .cb-nav-link-pill-icon,.cb-nav-mobile-pill-active .cb-nav-mobile-pill-icon{color:#000!important}.cb-main-nav,.cb-nav-mobile-menu{background:#000!important;border-bottom:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 20px #0006!important}.cb-nav-text-top{color:#fff!important}.cb-nav-text-top .cb-text-green{color:#7ed321!important}.cb-nav-text-bottom{color:#cbd5e1!important}body:has(.cb-dashboard-container),.main-content:has(.cb-dashboard-container){background:#000!important;background-color:#000!important;padding:0!important;margin:0!important}.main-content .cb-dashboard-container,.main-content .cb-dashboard-container:before,.main-content .cb-dashboard-container:after,body:has(.cb-dashboard-container) .main-content,.cb-dashboard-container{background:#000!important;background-color:#000!important}html:has(.cb-dashboard-container),body:has(.cb-dashboard-container){background:#000!important;background-color:#000!important}.main-content .cb-dashboard-container:before{background:#000!important}.cb-active-path-card,.cb-challenge-card,.cb-lab-card,.cb-roadmap-card,.cb-achievement-card,.cb-dashboard-quiz-mini-card,.cb-reward-banner,.cb-ai-rec-card{background:#11141d!important;border:1px solid #1e293b!important;border-bottom:4px solid #1e293b!important}.cb-main-title,.cb-motto-row,.cb-path-main-title,.cb-challenge-title,.cb-lab-title,.cb-roadmap-title,.cb-achievement-title,.cb-achievement-name,.cb-quiz-mini-title,.cb-reward-text,.cb-ai-rec-card-title,.cb-upcoming-header h2,.cb-stat-main-val,.cb-node-name{color:#fff!important}.cb-stat-label,.cb-path-meta,.cb-next-up-label,.cb-challenge-subtitle,.cb-lab-subtitle,.cb-roadmap-subtitle,.cb-achievement-subtitle,.cb-achievement-meta,.cb-quiz-mini-meta,.cb-ai-rec-card-desc,.cb-upcoming-subtitle,.cb-motto-sub,.cb-node-status{color:#94a3b8!important}.cb-stat-label{text-transform:none!important}.cb-achievement-item{background:#161a24!important;border-color:#242b3a!important}body,html,h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,td,th,li,ul,ol,div:not([class*=code]):not([class*=term]):not([class*=editor]):not([class*=snippet]):not([class*=output]):not([class*=shell]):not([class*=xterm]){font-family:Plus Jakarta Sans,Inter,sans-serif!important}h1,h2,h3,h4,h5,h6,.cb-main-title,.cb-path-main-title,.cb-challenge-title,.cb-lab-title,.cb-roadmap-title,.cb-achievement-title,.cb-achievement-name,.cb-quiz-mini-title,.cb-ai-rec-card-title,.cb-upcoming-header h2,.cb-stat-main-val{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-weight:800!important;letter-spacing:-.025em!important}html,body,*{cursor:url(/mouse.png) 2 2,auto!important}a,button,[role=button],input[type=submit],input[type=button],select,label,.cb-node-circle,[onClick],[onclick],.cb-view-all-btn,.cb-solve-btn,.cb-solution-btn,.cb-begin-btn,.cb-marketplace-btn,.cb-stack-card-start-btn{cursor:url(/mouse.png) 2 2,pointer!important}.cb-nav-logo-title-img{height:110px!important;max-width:260px!important;object-fit:contain!important;margin-left:0rem!important;margin-top:-34px!important;margin-bottom:-34px!important;display:block!important;align-self:center!important}button,a.sidebar-link button,.cb-cloud-btn,.cb-cloud-btn-filled,.cb-cloud-btn-secondary,.sidebar-button,.cb-nav-link-pill,.cb-nav-get-started-btn,.cb-nav-main-menu-btn,.cb-nav-mobile-burger-btn,.cb-nav-mobile-pill,.cb-nav-logout-btn,.cb-nav-mobile-logout-btn,.cb-view-all-btn,.cb-stack-card-start-btn,.cb-solve-btn,.cb-begin-btn,.cb-marketplace-btn,.cb-btn-primary,.cb-btn-secondary{font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important}html,body,#root,p,span,a,li,div,label,input,select,textarea,h1,h2,h3,h4,h5,h6,.cb-main-title,.cb-path-main-title,.cb-challenge-title,.cb-lab-title,.cb-roadmap-title,.cb-achievement-title,.cb-welcome-text,.cb-streak-title-text,.cb-streak-card-footer{font-family:Plus Jakarta Sans,Inter,sans-serif!important}pre,code,kbd,samp,pre *,code *,.monospace,.terminal,.terminal-window,.terminal-line,.terminal-output,.cb-code-editor,.cb-code-editor *,.ace_editor,.ace_editor *{font-family:JetBrains Mono,Fira Code,Courier New,Courier,monospace!important}.cb-nav-link-pill:not(.cb-nav-logout-btn),.cb-nav-link-pill-desktop{background:linear-gradient(135deg,#22c55e,#84cc16)!important;color:#000!important}.cb-nav-mobile-pill:not(.cb-nav-mobile-logout-btn){background:linear-gradient(135deg,#22c55e,#84cc16)!important;color:#000!important}.sidebar-drawer .sidebar-button,.sidebar-drawer .cb-cloud-btn-filled,.sidebar-drawer .cb-cloud-btn{background:linear-gradient(135deg,#22c55e,#84cc16)!important;border:none!important;box-shadow:0 2px #15803d!important;color:#000!important;font-family:Plus Jakarta Sans,Inter,sans-serif!important;font-weight:800!important;border-radius:9999px!important;width:100%!important;max-width:240px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}.sidebar-drawer .sidebar-button:hover,.sidebar-drawer .cb-cloud-btn-filled:hover,.sidebar-drawer .cb-cloud-btn:hover{background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important;box-shadow:0 3px #15803d!important}.sidebar-drawer .sidebar-button:active,.sidebar-drawer .cb-cloud-btn-filled:active,.sidebar-drawer .cb-cloud-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important}@media(max-width:768px){.cb-main-nav{padding:0 .75rem!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;background:#000!important;border-bottom:none!important;box-shadow:none!important}.cb-nav-brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:.3rem!important;overflow:visible!important}.cb-nav-logo-wrapper{width:52px!important;height:52px!important;flex-shrink:0!important;transform:none!important}.cb-nav-logo-title-img{display:block!important;height:88px!important;max-width:180px!important;object-fit:contain!important;margin-top:-15px!important;margin-bottom:-15px!important;margin-left:2px!important;transform:none!important}.cb-nav-text-brand,.cb-nav-title{display:none!important}.cb-nav-actions{display:flex!important;align-items:center!important;gap:.5rem!important;flex-shrink:0!important;margin-left:auto!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{width:auto!important;min-width:unset!important;max-width:unset!important;height:36px!important;padding:0 10px!important;font-size:.76rem!important;font-weight:800!important;border-radius:9999px!important}}.cb-hero-section .cb-hero-large-btn,.cb-hero-large-btn{height:58px!important;padding:0 3.2rem!important;font-size:1.25rem!important;font-weight:800!important;min-width:320px!important;max-width:90vw!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 -4px #15803d!important;overflow:hidden!important}.cb-hero-large-btn:hover{box-shadow:inset 0 -5px #15803d!important}.cb-hero-large-btn:active{box-shadow:inset 0 -2px #15803d!important}body,#root,.home-main-container,.main-content{background-color:#000!important}.cb-hero-section,.cb-hero-content,.cb-hero-features-row,.cb-hero-actions{border:none!important;border-top:none!important;border-bottom:none!important;outline:none!important}.cb-hero-section:before,.cb-hero-section:after,.cb-hero-content:before,.cb-hero-content:after,.cb-hero-features-row:before,.cb-hero-features-row:after,.cb-hero-actions:before,.cb-hero-actions:after{display:none!important;content:none!important;border:none!important}@media(min-width:769px){.cb-motivation-section .cb-motivation-container{padding-left:12rem!important}.cb-motivation-content{margin-left:2rem!important}}@media(max-width:768px){html,body,#root,.home-main-container,.main-content{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.cb-hero-section,.cb-press-bar,.cb-shuffle-section,.cb-guided-section,.cb-motivation-section,.cb-effective-section,.cb-community-section{width:100%!important;max-width:100%!important;padding-left:1.25rem!important;padding-right:1.25rem!important;box-sizing:border-box!important;overflow:hidden!important}.cb-hero-content,.cb-shuffle-container,.cb-guided-container,.cb-motivation-container,.cb-effective-container,.cb-community-container{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin:0 auto!important}.cb-motivation-section .cb-motivation-container{padding-left:0!important;padding-right:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.cb-motivation-content{margin-left:0!important;width:100%!important;text-align:center!important}.cb-motivation-title{font-size:2.25rem!important;line-height:1.25!important;text-align:center!important}.cb-motivation-visual,.cb-effective-visual{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;justify-content:center!important;align-items:center!important;margin-top:1.5rem!important;order:2!important}.cb-streak-img,.cb-fun-img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important;margin:0 auto!important}.cb-guided-copper-box{width:100%!important;max-width:100%!important;height:auto!important}.cb-community-title{font-size:2.25rem!important;color:#fff!important}}.main-content:has(.cb-onboarding-wrapper),body:has(.cb-onboarding-wrapper){background:#000!important}.cb-onboarding-wrapper{align-items:center!important}@media(max-width:768px){.cb-onboarding-wrapper{padding:6rem .85rem 3rem!important;align-items:flex-start!important}.cb-onboarding-card{padding:1.5rem 1.1rem!important;border-radius:20px!important;max-width:100%!important}.cb-onboarding-card .cb-auth-title{font-size:1.5rem!important;margin-bottom:.35rem!important}.cb-onboarding-card .cb-auth-subtitle{font-size:.85rem!important;margin-bottom:1rem!important}.cb-onboarding-card .cb-auth-form-group{margin-bottom:.85rem!important}.cb-stem-options-list{max-height:none!important;overflow-y:visible!important}.cb-stem-option-item{padding:.7rem .9rem!important;gap:.75rem!important;border-radius:14px!important}.cb-stem-option-title{font-size:.88rem!important}.cb-stem-option-desc{font-size:.75rem!important}}.cb-onboarding-primary-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;background-color:#22c55e!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-optical-sizing:auto!important;font-weight:800!important;font-size:1.05rem!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:inset 0 -4px #15803d!important;overflow:hidden!important;height:50px!important;line-height:normal!important;text-decoration:none!important;box-sizing:border-box!important}.cb-onboarding-primary-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:inset 0 -5px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-onboarding-primary-btn:active:not(:disabled){transform:translateY(2px)!important;box-shadow:inset 0 -2px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-onboarding-primary-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.cb-onboarding-secondary-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:#fff!important;color:#000!important;border:2px solid #e2d1b3!important;border-radius:9999px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:1.05rem!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:inset 0 -4px #e2d1b3!important;overflow:hidden!important;height:50px!important;line-height:normal!important;box-sizing:border-box!important}.cb-onboarding-secondary-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:inset 0 -5px #d9c5a3!important;background:#fff!important;color:#000!important}.cb-onboarding-secondary-btn:active:not(:disabled){transform:translateY(2px)!important;box-shadow:inset 0 -2px #d9c5a3!important}.cb-onboarding-secondary-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.cb-elastic-bounce-wrapper{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:-10px auto -15px!important;z-index:99!important;width:140px!important;height:160px!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.cb-elastic-loading-img{position:relative!important;z-index:5!important;width:108px!important;height:108px!important;object-fit:contain!important;transform-origin:bottom center!important;animation:cb-real-physics-sim-jump 1.6s steps(30,end) infinite!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))!important}.cb-elastic-bounce-wrapper:hover .cb-elastic-loading-img{transform:translateY(-48px) scale(1.12,.92)!important}.cb-elastic-impulse .cb-elastic-loading-img{animation:cb-impulse-physics-sim .75s steps(22,end)!important}@keyframes cb-blink-star-twinkle{0%,to{transform:scale(.9) rotate(-6deg);opacity:.85;filter:drop-shadow(0 4px 12px rgba(255,200,50,.5))}50%{transform:scale(1.2) rotate(14deg);opacity:1;filter:drop-shadow(0 6px 20px rgba(255,220,80,.95))}}@keyframes cb-real-physics-sim-jump{0%{transform:translateY(0) scale(1)}10%{transform:translateY(10px) scale(1.18,.82)}30%{transform:translateY(-48px) scale(.86,1.2)}50%{transform:translateY(-62px) scale(1.04,.96)}72%{transform:translateY(4px) scale(.9,1.14)}82%{transform:translateY(8px) scale(1.15,.85)}92%{transform:translateY(-5px) scale(.97,1.03)}to{transform:translateY(0) scale(1)}}@keyframes cb-impulse-physics-sim{0%{transform:translateY(12px) scale(1.22,.78)}40%{transform:translateY(-68px) scale(.82,1.26)}70%{transform:translateY(-10px) scale(1.08,.92)}to{transform:translateY(0) scale(1)}}.cb-nav-stats-container{display:flex!important;align-items:center!important;gap:.8rem!important;margin-right:.5rem!important}.cb-nav-stat-pill{display:flex!important;align-items:center!important;gap:.45rem!important;padding:.4rem .85rem!important;background:#000!important;border:1.5px solid #ffffff!important;border-radius:99px!important;color:#fff!important;font-size:1.1rem!important;font-weight:800!important;transition:all .2s ease!important;cursor:default!important;white-space:nowrap!important;box-shadow:none!important}.cb-nav-stat-pill:hover{background:#000!important;border-color:#fff!important;transform:translateY(-1px)!important}.cb-stat-value{display:inline-block!important;font-size:1.35rem!important;font-weight:850!important;letter-spacing:-.02em!important}.cb-stat-value-unlimited{font-size:2.4rem!important;font-weight:400!important}.cb-stat-icon-fire,.cb-stat-icon-bolt,.cb-stat-icon-trophy{filter:none!important;font-size:1.7rem!important}.cb-stat-icon-img{width:20px!important;height:20px!important;object-fit:contain!important}.cb-stat-keys{gap:.5rem!important;border:none!important}.cb-stat-keys .cb-stat-icon-key{width:24px!important;height:24px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important}.cb-stat-keys-error{opacity:.75!important}.cb-lock-badge{position:absolute;bottom:.6rem;right:.6rem;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;background:#fff;border:1px solid rgba(212,175,55,.65);border-radius:50%;box-shadow:0 1px 5px #00000038,inset 0 0 0 1px #facc1540;color:#111;pointer-events:none}.cb-lock-badge-icon{width:.72rem;height:.72rem;color:#111}.cb-lock-badge-compact{position:static;width:1.35rem;height:1.35rem;flex-shrink:0}.cb-lock-badge-compact .cb-lock-badge-icon{width:.6rem;height:.6rem}.cb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cb-item-locked-card{position:relative}.cb-item-locked-card .cb-module-start-btn,.cb-item-locked-card .cb-continue-path-btn{opacity:.92}.cb-lesson-row.key-locked{background:linear-gradient(180deg,#facc1514,#facc1505)}.cb-lesson-locked-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1.5rem 1.25rem;text-align:center}.cb-lesson-locked-panel .cb-lock-badge-compact{position:static}.cb-lesson-locked-text{margin:0;color:#475569;font-size:.9rem;max-width:360px}.cb-lesson-locked-btn{margin-top:.25rem;padding:.5rem 1.25rem;border:none;border-radius:9999px;background:linear-gradient(180deg,#62e52b,#36ab1a);color:#052e16;font-weight:800;font-size:.9rem;cursor:pointer}.cb-unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cb-unlock-dialog{position:relative;width:100%;max-width:420px;background:#101010;color:#f5f5f5;border:1px solid #262626;border-radius:20px;padding:2rem 1.6rem 1.7rem;text-align:center;box-shadow:0 24px 60px #0009}.cb-unlock-close{position:absolute;top:.85rem;right:.9rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;line-height:1}.cb-unlock-close:hover{color:#fff}.cb-unlock-icon-ring{margin:0 auto .9rem;display:flex;align-items:center;justify-content:center;color:#fff}.cb-unlock-title{font-size:1.25rem;font-weight:850;margin:0 0 .6rem}.cb-unlock-text{font-size:.95rem;color:#cfcfcf;line-height:1.5;margin:0 0 1.1rem}.cb-unlock-next-reward{font-size:.9rem;color:#facc15;margin:0 0 1.1rem}.cb-unlock-confirm-btn,.cb-unlock-premium-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.cb-unlock-confirm-btn:disabled{opacity:.65;cursor:not-allowed}.cb-unlock-error{margin-top:.9rem;color:#f87171;font-size:.86rem}.cb-unlock-premium-note{margin:1rem 0 0;font-size:.8rem;color:#facc15;display:inline-flex;align-items:center;gap:.35rem}.cb-nav-main-row{display:flex!important;align-items:center!important;width:100%!important;height:70px!important;justify-content:space-between!important;padding:0 1.25rem!important;box-sizing:border-box!important}.cb-nav-stats-desktop{display:flex!important}.cb-nav-stats-mobile-row{display:none!important}@media(max-width:768px){.cb-main-nav{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:70px!important;flex-direction:column!important;align-items:stretch!important;z-index:2001!important;margin-top:0!important;padding-top:0!important}.cb-nav-stats-desktop{display:none!important}.cb-nav-stats-mobile-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem .75rem!important;background:#000!important;width:100%!important;box-sizing:border-box!important;border-bottom:2px solid #1c1c1c!important}.cb-nav-stats-mobile-row .cb-nav-stat-pill{flex:1 1 0!important;min-width:0!important;height:48px!important;justify-content:center!important;padding:0 .25rem!important;font-size:.9rem!important;gap:.4rem!important;box-sizing:border-box!important}.cb-nav-stats-mobile-row .cb-stat-keys{height:38px!important;padding-right:1rem!important}.cb-nav-stats-mobile-row .cb-stat-icon-fire,.cb-nav-stats-mobile-row .cb-stat-icon-bolt,.cb-nav-stats-mobile-row .cb-stat-icon-trophy{font-size:1.2rem!important}.cb-nav-stats-mobile-row .cb-stat-value{font-size:1rem!important}.cb-nav-stats-mobile-row .cb-stat-value-unlimited{font-size:3rem!important;font-weight:300!important;line-height:1!important}.cb-nav-stats-mobile-row .cb-stat-icon-key{width:29px!important;height:29px!important}.cb-main-nav:has(.cb-nav-stats-mobile-row)~.main-content{margin-top:112px!important}.cb-main-nav:has(.cb-nav-stats-mobile-row)~#root .main-content{margin-top:112px!important}.cb-main-nav:has(.cb-nav-stats-mobile-row)~.main-content .cb-courses-container{padding-top:130px!important}.cb-main-nav:has(.cb-nav-stats-mobile-row)~.main-content .cb-labs-container{padding-top:130px!important}}@media(max-width:400px){.cb-nav-logo-wrapper{width:44px!important;height:44px!important}.cb-nav-logo-title-img{height:74px!important;max-width:150px!important;margin-top:-11px!important;margin-bottom:-11px!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{height:32px!important;padding:0 8px!important;font-size:.72rem!important}}@media(max-width:768px){.cb-hero-section{padding-top:1.5rem!important}.cb-hero-section .cb-hero-title{font-size:clamp(4.4rem,14vw,5.8rem)!important;line-height:1.05!important;letter-spacing:-.05em!important;margin-bottom:2rem!important}}@media(max-width:480px){.cb-hero-section{padding-top:1rem!important}.cb-hero-section .cb-hero-title{font-size:clamp(4rem,16vw,5.2rem)!important;line-height:1.02!important;letter-spacing:-.06em!important}}@media(max-width:768px){.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{box-shadow:0 2px #417505!important}}.cb-btn-black-spinner{display:inline-block!important;width:22px!important;height:22px!important;border:3.5px solid rgba(0,0,0,.25)!important;border-top-color:#000!important;border-radius:50%!important;animation:cbSpinBlackSpinner .75s linear infinite!important;vertical-align:middle!important;box-sizing:border-box!important}.cb-btn-white-spinner{display:inline-block!important;width:22px!important;height:22px!important;border:3.5px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%!important;animation:cbSpinBlackSpinner .75s linear infinite!important;vertical-align:middle!important;box-sizing:border-box!important}@keyframes cbSpinBlackSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body:has(.cb-quizzes-page),.main-content:has(.cb-quizzes-page),body:has(.cb-quiz-standalone-page),.main-content:has(.cb-quiz-standalone-page),body:has(.cb-game-page),.main-content:has(.cb-game-page){background-color:#141414!important;background:#141414!important}@media(max-width:768px){.cb-hero-section{margin-top:0!important;padding-top:1.25rem!important;padding-bottom:2.5rem!important;min-height:auto!important;overflow:hidden!important}.cb-hero-section .cb-hero-title{font-size:clamp(4.7rem,21vw,6.6rem)!important;line-height:1!important;letter-spacing:-.05em!important;margin:0 auto 1.6rem!important;max-width:100%!important;overflow-wrap:break-word!important}.cb-hero-section .cb-hero-title .cb-hero-highlight{font-size:1em!important}.cb-hero-section .cb-hero-features-row{display:grid!important;grid-template-columns:repeat(2,auto)!important;justify-content:center!important;align-items:center!important;gap:.7rem 1.6rem!important;text-align:left!important;width:100%!important;max-width:100%!important;margin:0 auto 2rem!important;padding:0 .75rem!important;box-sizing:border-box!important}.cb-hero-section .cb-hero-feature{gap:.4rem!important;width:auto!important;min-width:0!important;justify-content:flex-start!important}.cb-hero-section .cb-hero-tick-icon{width:18px!important;height:18px!important;flex-shrink:0!important}.cb-hero-section .cb-hero-feature-text{font-size:.82rem!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow-wrap:normal!important;text-transform:none!important;text-align:left!important}.cb-hero-section .cb-hero-actions{width:100%!important;max-width:460px!important;margin:0 auto 1rem!important;padding:0 1.25rem!important;box-sizing:border-box!important;gap:.9rem!important;align-items:stretch!important}.cb-hero-section .cb-hero-actions .cb-hero-large-btn{width:100%!important;min-width:0!important;max-width:100%!important;height:56px!important;padding:0 1.25rem!important;font-size:1.05rem!important;box-sizing:border-box!important}.cb-hero-section .cb-hero-features-row{box-sizing:border-box!important;padding-left:1.25rem!important;padding-right:1.25rem!important}.cb-hero-dot-1{top:4%;left:6%}.cb-hero-dot-2{top:4%;right:6%}.cb-hero-dot-3{top:52%;left:4%}.cb-hero-dot-4{top:58%;right:4%}.cb-hero-dot-5{top:30%;left:3%}.cb-hero-dot-6{top:33%;right:3%}.cb-main-nav{min-height:64px!important}.cb-nav-main-row{height:64px!important;padding:0 .85rem!important;gap:.5rem!important}.cb-nav-brand{flex:1 1 auto!important;min-width:0!important;gap:.4rem!important;overflow:hidden!important}.cb-nav-logo-wrapper{width:34px!important;height:34px!important;flex-shrink:0!important}.cb-nav-logo-title-img{height:40px!important;max-width:150px!important;margin-top:0!important;margin-bottom:0!important;object-fit:contain!important}.cb-nav-actions{flex-shrink:0!important;gap:.5rem!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{height:40px!important;min-width:0!important;width:auto!important;padding:0 1rem!important;font-size:.82rem!important;white-space:nowrap!important;box-shadow:0 2px #417505!important}}@media(max-width:400px){.cb-nav-logo-title-img{height:36px!important;max-width:120px!important;margin-top:0!important;margin-bottom:0!important}.cb-main-nav .cb-nav-get-started-btn,.cb-main-nav .cb-nav-main-menu-btn{height:36px!important;padding:0 .7rem!important;font-size:.75rem!important}}@media(max-width:430px){.cb-hero-section .cb-hero-title{font-size:clamp(4.4rem,22vw,5.9rem)!important}}@media(max-width:360px){.cb-hero-section .cb-hero-title{font-size:4.2rem!important}}.cb-hero-section .cb-hero-title .cb-flashlight{position:absolute;top:50%;left:.8rem;width:3.1rem;height:2.2rem;transform:translateY(-50%) rotate(9deg);transform-origin:90% 50%;pointer-events:none;z-index:2;opacity:.92}.cb-hero-section .cb-hero-title .cb-flashlight-svg{display:block;width:100%;height:100%;overflow:visible}.cb-hero-section .cb-hero-title:before{content:"";position:absolute;top:50%;left:3.2rem;width:52%;height:118%;transform-origin:left center;pointer-events:none;z-index:-1;opacity:.6;clip-path:polygon(0% 48.5%,100% 30%,100% 70%,0% 51.5%);background:linear-gradient(90deg,#fffaf038,#fff8ec21 42%,#fff9f20d 74%,#fffaf500);filter:blur(11px);will-change:transform,opacity;animation:cbFlashlightBeam 9s ease-in-out infinite}@keyframes cbFlashlightBeam{0%{opacity:.5;transform:translateY(-50%) rotate(9deg) scaleX(1)}50%{opacity:.68;transform:translateY(-50%) rotate(9deg) scaleX(1.04)}to{opacity:.5;transform:translateY(-50%) rotate(9deg) scaleX(1)}}@media(max-width:768px){.cb-hero-section .cb-hero-title .cb-flashlight{left:.6rem;width:2.4rem;height:1.75rem}.cb-hero-section .cb-hero-title:before{left:2.6rem;width:56%;height:116%;filter:blur(10px)}}@media(max-width:430px){.cb-hero-section .cb-hero-title .cb-flashlight{left:.5rem;width:2rem;height:1.5rem;opacity:.88}.cb-hero-section .cb-hero-title:before{left:2.2rem;width:60%;height:114%}}@media(prefers-reduced-motion:reduce){.cb-hero-section .cb-hero-title .cb-flashlight{animation:none!important;transform:translateY(-50%) rotate(9deg)}.cb-hero-section .cb-hero-title:before{animation:none!important;opacity:.6;transform:translateY(-50%) rotate(9deg) scaleX(1)}}.cb-auth-card .cb-auth-submit-btn.cb-auth-google-btn{background:#fff!important;background-color:#fff!important;background-image:none!important;border:none!important;border-radius:9999px!important;color:#000!important;box-shadow:inset 0 -4px #d1d5db!important}.cb-auth-card .cb-auth-submit-btn.cb-auth-google-btn:hover:not(:disabled){background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;box-shadow:inset 0 -5px #d1d5db!important;transform:translateY(-1px)!important}.cb-auth-card .cb-auth-submit-btn.cb-auth-google-btn:active:not(:disabled){background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;box-shadow:inset 0 -2px #d1d5db!important;transform:translateY(2px)!important}@media(max-width:768px){.cb-nav-logo-wrapper{width:46px!important;height:46px!important}.cb-nav-logo-title-img{height:68px!important;max-width:250px!important;margin-left:-6px!important}}@media(max-width:400px){.cb-nav-logo-wrapper{width:42px!important;height:42px!important}.cb-nav-logo-title-img{height:60px!important;max-width:200px!important;margin-left:-5px!important}}.cb-dashboard-container .cb-hero-section{min-height:90vh!important;padding:24px 0 8rem!important;display:flex!important;align-items:center!important;justify-content:center!important}body:has(.cb-dashboard-container) .main-content{margin-top:108px!important}.cb-dashboard-container .cb-hero-section .cb-hero-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important}@media(max-width:768px){.cb-dashboard-container .cb-hero-section{min-height:auto!important;padding:20px 0 4rem!important}}.cb-main-nav .cb-nav-logo-title-img{height:56px!important;max-width:220px!important;margin:0!important}@media(max-width:768px){.cb-main-nav .cb-nav-logo-title-img{height:44px!important;max-width:180px!important}}@media(max-width:400px){.cb-main-nav .cb-nav-logo-title-img{height:38px!important;max-width:145px!important}}@media(max-width:430px){.cb-dashboard-container .cb-hero-section{padding:20px 0 3rem!important}}.cb-main-nav .cb-nav-link-pill-active,.cb-main-nav .cb-nav-link-pill-active:hover,.cb-main-nav .cb-nav-link-pill-active:active,.cb-main-nav .cb-nav-mobile-burger-active,.cb-main-nav .cb-nav-mobile-burger-active:hover,.cb-main-nav .cb-nav-mobile-burger-active:active,.cb-main-nav .cb-nav-main-menu-active,.cb-main-nav .cb-nav-main-menu-active:hover,.cb-main-nav .cb-nav-main-menu-active:active,.cb-main-nav .cb-nav-get-started-active,.cb-main-nav .cb-nav-get-started-active:hover,.cb-main-nav .cb-nav-get-started-active:active,.cb-nav-mobile-menu .cb-nav-mobile-pill-active,.cb-nav-mobile-menu .cb-nav-mobile-pill-active:hover,.cb-nav-mobile-menu .cb-nav-mobile-pill-active:active{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#000!important;border:1px solid #d1d5db!important;box-shadow:0 4px #9ca3af!important;filter:none!important;transform:none!important}.cb-main-nav .cb-nav-link-pill-active .cb-nav-link-pill-icon,.cb-main-nav .cb-nav-mobile-burger-active svg,.cb-nav-mobile-menu .cb-nav-mobile-pill-active .cb-nav-mobile-pill-icon{color:#000!important}@media(min-width:769px){body:not(:has(.cb-premium-banner)) #root .main-content :is(.cb-paths-page,.cb-courses-container,.cb-labs-page,.cb-quizzes-page,.cb-quiz-standalone-page,.cb-game-page,.cb-videos-page){padding-top:70px!important}}@media(max-width:768px){body:has(.cb-nav-stats-mobile-row):has(.cb-premium-banner) #root .main-content :is(.cb-paths-page,.cb-courses-container,.cb-labs-page,.cb-quizzes-page,.cb-quiz-standalone-page,.cb-game-page,.cb-videos-page){padding-top:178px!important}body:has(.cb-nav-stats-mobile-row):not(:has(.cb-premium-banner)) #root .main-content :is(.cb-paths-page,.cb-courses-container,.cb-labs-page,.cb-quizzes-page,.cb-quiz-standalone-page,.cb-game-page,.cb-videos-page){padding-top:140px!important}body:not(:has(.cb-nav-stats-mobile-row)):has(.cb-premium-banner) #root .main-content :is(.cb-paths-page,.cb-courses-container,.cb-labs-page,.cb-quizzes-page,.cb-quiz-standalone-page,.cb-game-page,.cb-videos-page){padding-top:108px!important}body:not(:has(.cb-nav-stats-mobile-row)):not(:has(.cb-premium-banner)) #root .main-content :is(.cb-paths-page,.cb-courses-container,.cb-labs-page,.cb-quizzes-page,.cb-quiz-standalone-page,.cb-game-page,.cb-videos-page){padding-top:70px!important}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}:root{--cb-bg: #000000;--cb-card-bg: #FFFFFF;--cb-card-text: #111827;--cb-card-sub: #4B5563;--cb-cream: #FFFFFF;--cb-white: #FAF9F5;--cb-radius: 28px;--cb-shadow: 0 3px 0 0 #CBD5E1;--cb-gap: 1.25rem}.cb-dashboard-container{min-height:100vh;background:#000!important;background-color:#000!important;color:var(--cb-white);font-family:Ubuntu,sans-serif;position:relative;box-sizing:border-box;overflow-x:hidden}.cb-hero-section{display:flex;align-items:center;justify-content:center;min-height:85vh;padding:5rem 1.5rem 2rem;position:relative;box-sizing:border-box;background:#000!important;background-color:#000!important;overflow:hidden}.cb-hero-inner{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:1200px!important;margin:0 auto!important}.cb-hero-composition{position:relative!important;width:100%!important;max-width:1150px!important;min-height:480px!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-user-select:none!important;user-select:none!important;margin:0 auto!important}.cb-learn-hero{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1100px;margin:0 auto;animation:cbLearnRise .7s ease both}.cb-learn-carousel{width:100%;height:520px;position:relative}.cb-learn-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@keyframes cbLearnRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cb-learn-title{margin:0;font-size:clamp(4.2rem,11vw,8.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.06;color:#f8fafc}.cb-hero-item{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;will-change:transform,opacity!important;transition:transform .1s ease-out!important}.cb-hero-img{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))!important}.cb-item-center{position:relative!important;width:62%!important;max-width:680px!important;z-index:2!important;margin:0 auto!important}.cb-item-lefttop{top:-8%!important;left:-2%!important;width:32%!important;max-width:350px!important;z-index:3!important}.cb-item-leftcenter{top:47%!important;left:0%!important;width:16%!important;max-width:175px!important;z-index:3!important}.cb-item-leftbottom{top:75%!important;left:6%!important;width:15%!important;max-width:165px!important;z-index:3!important}.cb-item-righttop{top:2%!important;right:7%!important;width:11%!important;max-width:125px!important;z-index:3!important}.cb-item-rightcenter{top:15%!important;right:17%!important;width:13.5%!important;max-width:150px!important;z-index:3!important}.cb-item-rightbottom{top:34%!important;right:1%!important;width:17.5%!important;max-width:195px!important;z-index:3!important}.cb-float-center{animation:floatCenter 6s ease-in-out infinite alternate!important}.cb-float-1{animation:floatSlow1 5s ease-in-out infinite alternate!important}.cb-float-2{animation:floatSlow2 4.5s ease-in-out infinite alternate!important}.cb-float-3{animation:floatSlow3 5.5s ease-in-out infinite alternate!important}@keyframes floatCenter{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes floatSlow1{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-12px) rotate(1.2deg)}}@keyframes floatSlow2{0%{transform:translateY(0) rotate(0)}to{transform:translateY(10px) rotate(-1.5deg)}}@keyframes floatSlow3{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-10px) rotate(1.5deg)}}@media(max-width:768px){.cb-hero-section{min-height:auto!important;padding:5rem 1rem .5rem!important}.cb-learn-eyebrow{font-size:.95rem;font-weight:600;letter-spacing:.14em;color:#7ed321;margin-bottom:1rem}.cb-learn-carousel{height:340px}.cb-item-center{width:76%!important;max-width:320px!important}.cb-item-lefttop{top:-6%!important;left:-4%!important;width:34%!important}.cb-item-leftcenter{top:40%!important;left:-2%!important;width:17%!important}.cb-item-leftbottom{top:68%!important;left:2%!important;width:16%!important}.cb-item-righttop{top:-2%!important;right:3%!important;width:13%!important}.cb-item-rightcenter{top:14%!important;right:12%!important;width:15%!important}.cb-item-rightbottom{top:34%!important;right:-2%!important;width:19%!important}.cb-cards-body{padding:.5rem 1rem 3rem!important;gap:1.25rem!important}.cb-user-greeting-block{margin-top:0!important;gap:.25rem!important}.cb-user-greeting{font-size:1.6rem!important}}.cb-doing-text{color:#fbcfe8!important;background:linear-gradient(110deg,#e4d5fb,#fbcfe8 48%,#fef08a)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.cb-space{display:inline-block!important;width:.45em!important}.cb-code-bracket{color:#faf9f5!important;font-family:Ubuntu,sans-serif!important;font-weight:900!important;display:inline-block!important;margin:0 .02em!important}.cb-text-green-gradient{color:#73d600!important;background:linear-gradient(135deg,#84ef0c,#73d600,#5cb800)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.cb-ruler-l-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:1!important;margin-right:.05em!important}.cb-ruler-l-svg{width:.72em!important;height:.95em!important;display:inline-block!important;filter:none!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important}.cb-ruler-l-svg:hover{transform:scale(1.12) rotate(-4deg)!important;filter:none!important}.cb-code-char-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:1!important;margin:0!important;padding:0!important}.cb-code-char-svg{display:inline-block!important;vertical-align:middle!important;overflow:visible!important;filter:none!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important}.cb-code-char-wrap:hover .cb-code-char-svg{transform:scale(1.08) rotate(-1.5deg)!important;filter:none!important}.cb-spin-x{display:inline-block!important;animation:spinX360 6s linear infinite!important;transform-style:preserve-3d!important;perspective:1000px!important}@keyframes spinX360{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.cb-loading .cb-line-1 span,.cb-loading .cb-line-2 span{animation:charSnap .6s cubic-bezier(.16,1,.3,1) both}@keyframes charSnap{0%{transform:translate3d(var(--x-offset, 0),var(--y-offset, 0),0) scale(.3) rotate(30deg);opacity:0}to{transform:translateZ(0) scale(1) rotate(0);opacity:1}}.cb-leaf-decor{position:absolute!important;top:-56px!important;left:-38px!important;width:86px!important;height:86px!important;pointer-events:none!important;z-index:10!important;filter:none!important}.cb-leaf-image{width:100%!important;height:100%!important;object-fit:contain!important;animation:leafRotatePause 4s cubic-bezier(.4,0,.2,1) infinite!important;transform-origin:center center!important}@keyframes leafRotatePause{0%{transform:rotate(0)}28%{transform:rotate(180deg)}50%{transform:rotate(180deg)}78%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.cb-snake-decor{position:absolute!important;bottom:-20px!important;right:-72px!important;width:68px!important;height:136px!important;pointer-events:none!important;z-index:10!important;filter:none!important}.cb-snake-image{width:100%!important;height:100%!important;object-fit:contain!important;animation:snakeGentleFloat 4s ease-in-out infinite!important;transform-origin:center center!important}@keyframes snakeGentleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}.cb-hero-corner-spotlight{position:absolute!important;top:-40px!important;right:-50px!important;width:600px!important;height:600px!important;pointer-events:none!important;z-index:2!important;transform-origin:400px 0px!important;transform:rotate(18deg)!important;opacity:.8!important;filter:none!important;mix-blend-mode:screen!important}.cb-spotlight-svg{width:100%!important;height:100%!important;overflow:visible!important}.cb-hero-bg-stars{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:1!important}.cb-star{position:absolute!important;font-family:sans-serif!important;line-height:1!important;-webkit-user-select:none!important;user-select:none!important;animation:starTwinkle 3.2s ease-in-out infinite alternate!important}.cb-star--1{top:-28px!important;left:-20px!important;font-size:20px!important;color:#fde047!important;animation-delay:0s!important}.cb-star--2{top:-18px!important;right:-25px!important;font-size:22px!important;color:#73d600!important;animation-delay:.8s!important}.cb-star--3{bottom:8px!important;left:-28px!important;font-size:18px!important;color:#fbcfe8!important;animation-delay:1.6s!important}.cb-star--4{bottom:-4px!important;right:-32px!important;font-size:20px!important;color:#e4d5fb!important;animation-delay:2.2s!important}.cb-dot{position:absolute!important;border-radius:50%!important;animation:dotPulse 2.8s ease-in-out infinite alternate!important}.cb-dot--1{top:-34px!important;left:35%!important;width:4px!important;height:4px!important;background:#fde047!important;animation-delay:.3s!important}.cb-dot--2{top:10px!important;right:-10px!important;width:5px!important;height:5px!important;background:#73d600!important;animation-delay:1.1s!important}.cb-dot--3{bottom:22px!important;left:12%!important;width:4px!important;height:4px!important;background:#fbcfe8!important;animation-delay:1.9s!important}.cb-dot--4{bottom:30px!important;right:22%!important;width:4px!important;height:4px!important;background:#e4d5fb!important;animation-delay:2.5s!important}@keyframes starTwinkle{0%{transform:scale(.65) rotate(0);opacity:.25}50%{transform:scale(1.2) rotate(45deg);opacity:.95;filter:drop-shadow(0 0 6px rgba(255,255,255,.7))}to{transform:scale(.65) rotate(90deg);opacity:.25}}@keyframes dotPulse{0%{transform:scale(.5);opacity:.2}to{transform:scale(1.35);opacity:.9}}.cb-mini-solar-system{position:absolute!important;top:-90px!important;right:-130px!important;width:125px!important;height:125px!important;pointer-events:auto!important;z-index:12!important;cursor:pointer!important;animation:solarGentleFloat 5.2s ease-in-out infinite alternate!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important}.cb-mini-solar-system:hover{transform:scale(1.15) rotate(5deg)!important;filter:drop-shadow(0 0 12px rgba(253,224,71,.4))!important}.cb-solar-svg{width:100%!important;height:100%!important;overflow:visible!important}.cb-orbit-group-1{transform-origin:70px 70px!important;animation:orbitRotate1 7s linear infinite!important}.cb-orbit-group-2{transform-origin:70px 70px!important;animation:orbitRotate2 12s linear infinite!important}@keyframes orbitRotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitRotate2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes solarGentleFloat{0%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(4deg)}to{transform:translateY(0) rotate(-3deg)}}.cb-jetpack-mascot{position:absolute!important;pointer-events:auto!important;z-index:12!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important}.cb-jetpack-img{width:100%!important;height:100%!important;object-fit:contain!important}.cb-jetpack-aura{display:none!important}.cb-jetpack-engine-bay{position:absolute!important;bottom:-14px!important;left:0!important;width:100%!important;height:28px!important;pointer-events:none!important}.cb-jetpack-thruster{position:absolute!important;bottom:0!important;width:13px!important;height:25px!important;border-radius:50% 50% 40% 40%!important;animation:jetpackThrusterFlicker .24s ease-in-out infinite alternate!important;filter:none!important}.cb-thruster-left{left:18%!important}.cb-thruster-right{right:18%!important}@keyframes jetpackThrusterFlicker{0%{transform:scaleY(.85) scaleX(.9);opacity:.85}to{transform:scaleY(1.35) scaleX(1.15);opacity:1}}.cb-jetpack-power-burst{position:absolute!important;bottom:-18px!important;left:50%!important;transform:translate(-50%) scale(0)!important;width:24px!important;height:36px!important;border-radius:50%!important;filter:none!important;opacity:0!important;animation:jetpackPowerBurstLoop 5.5s ease-in-out infinite!important}@keyframes jetpackPowerBurstLoop{0%,65%,to{transform:translate(-50%) scale(0);opacity:0}72%{transform:translate(-50%) scale(1.65);opacity:.95}78%{transform:translate(-50%) scale(.6);opacity:.3}}.cb-jetpack-mascot--logo:hover{transform:scale(1.25) rotate(6deg)!important;filter:drop-shadow(0 10px 22px rgba(34,197,94,.65))!important}.cb-jetpack-mascot--logo .cb-jetpack-thruster{background:radial-gradient(ellipse at top,#fff,#4ade80,#22c55e 70%,#22c55e00)!important}.cb-jetpack-mascot--logo .cb-jetpack-power-burst{background:radial-gradient(ellipse at top,#fff,#86efac 30%,#22c55e,#15803d00)!important}.cb-jetpack-mascot--wink:hover{transform:scale(1.25) rotate(6deg)!important;filter:drop-shadow(0 10px 22px rgba(249,115,22,.65))!important}.cb-jetpack-mascot--wink .cb-jetpack-thruster{background:radial-gradient(ellipse at top,#fff,#fb923c,#f97316 70%,#f9731600)!important}.cb-jetpack-mascot--wink .cb-jetpack-power-burst{background:radial-gradient(ellipse at top,#fff,#fed7aa 30%,#f97316,#c2410c00)!important}.cb-jetpack-mascot--blink:hover{transform:scale(1.25) rotate(6deg)!important;filter:drop-shadow(0 10px 22px rgba(234,179,8,.65))!important}.cb-jetpack-mascot--blink .cb-jetpack-thruster{background:radial-gradient(ellipse at top,#fff,#facc15,#eab308 70%,#eab30800)!important}.cb-jetpack-mascot--blink .cb-jetpack-power-burst{background:radial-gradient(ellipse at top,#fff,#fef08a 30%,#eab308,#a1620700)!important}.cb-jetpack-mascot--twink:hover{transform:scale(1.25) rotate(6deg)!important;filter:drop-shadow(0 10px 22px rgba(168,85,247,.65))!important}.cb-jetpack-mascot--twink .cb-jetpack-thruster{background:radial-gradient(ellipse at top,#fff,#c084fc,#a855f7 70%,#a855f700)!important}.cb-jetpack-mascot--twink .cb-jetpack-power-burst{background:radial-gradient(ellipse at top,#fff,#e9d5ff 30%,#a855f7,#7e22ce00)!important}.cb-jetpack-mascot--logo{top:-110px!important;left:-145px!important;width:94px!important;height:94px!important;animation:jetpackFlightLogo 5.4s cubic-bezier(.45,0,.55,1) infinite!important}.cb-jetpack-mascot--wink{top:-100px!important;right:-140px!important;width:90px!important;height:90px!important;animation:jetpackFlightWink 4.8s cubic-bezier(.45,0,.55,1) infinite .5s!important}.cb-jetpack-mascot--blink{top:12px!important;left:-115px!important;bottom:auto!important;width:86px!important;height:86px!important;animation:jetpackFlightBlink 5.2s cubic-bezier(.45,0,.55,1) infinite 1s!important}.cb-jetpack-mascot--twink{top:-100px!important;right:-135px!important;bottom:auto!important;width:92px!important;height:92px!important;animation:jetpackFlightTwink 5s cubic-bezier(.45,0,.55,1) infinite 1.5s!important}@keyframes jetpackFlightLogo{0%,to{transform:translateZ(0) rotate(-6deg)}25%{transform:translate3d(14px,-20px,0) rotate(5deg)}50%{transform:translate3d(24px,-6px,0) rotate(-3deg)}75%{transform:translate3d(10px,14px,0) rotate(-8deg)}}@keyframes jetpackFlightWink{0%,to{transform:translateZ(0) rotate(8deg)}25%{transform:translate3d(-16px,18px,0) rotate(-4deg)}50%{transform:translate3d(-26px,-10px,0) rotate(6deg)}75%{transform:translate3d(-12px,-20px,0) rotate(10deg)}}@keyframes jetpackFlightBlink{0%,to{transform:translateZ(0) rotate(-5deg)}25%{transform:translate3d(18px,-16px,0) rotate(7deg)}50%{transform:translate3d(10px,-26px,0) rotate(-6deg)}75%{transform:translate3d(22px,10px,0) rotate(3deg)}}@keyframes jetpackFlightTwink{0%,to{transform:translateZ(0) rotate(6deg)}25%{transform:translate3d(-20px,-14px,0) rotate(-8deg)}50%{transform:translate3d(-12px,20px,0) rotate(5deg)}75%{transform:translate3d(-24px,6px,0) rotate(9deg)}}.cb-cards-body{max-width:1320px;margin:0 auto;padding:0 2rem 4rem;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;background:#000;position:relative;z-index:10}.cb-user-row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.cb-user-greeting-block{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:-110px;position:relative;z-index:20}.cb-loading-decor{width:56px;height:56px;cursor:pointer;transition:transform .3s ease;overflow:visible}.cb-loading-decor:hover{transform:scale(1.15) rotate(-10deg)}.cb-loading-decor-img{width:100%;height:100%;object-fit:contain}.cb-user-greeting{font-size:2rem;font-weight:800;color:var(--cb-white);white-space:nowrap}.cb-profile-card{background:#fff!important;border-radius:28px!important;border:1.5px solid #e2e8f0!important;box-shadow:0 6px #cbd5e1,0 12px 28px #00000014!important;padding:1.5rem 1.75rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:1.15rem!important;cursor:pointer!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease!important;min-height:200px!important;box-sizing:border-box!important}.cb-profile-league-icon{width:17px!important;height:17px!important;object-fit:contain!important;color:#f59e0b!important}.cb-complete-profile-banner{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#000!important;border-radius:28px!important;padding:1.1rem 1.75rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;box-shadow:0 10px 30px #f59e0b59!important;cursor:pointer!important;transition:transform .2s ease!important;box-sizing:border-box!important}.cb-complete-profile-banner:hover{transform:translateY(-2px)!important}.cb-banner-left{display:flex!important;align-items:center!important;gap:.85rem!important;font-size:.98rem!important;font-weight:700!important;color:#000!important}.cb-banner-icon{font-size:1.4rem!important}.cb-banner-btn{height:42px!important;font-size:.9rem!important;white-space:nowrap!important;flex-shrink:0!important;padding:0 1.25rem!important}@keyframes pulseTag{0%,to{opacity:1}50%{opacity:.7}}.cb-profile-premium-tag{background:#1a1a1a;color:var(--cb-cream);font-size:.7rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;letter-spacing:.08em}.cb-profile-card-body{flex:1}.cb-profile-last-viewed-type{color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase}.cb-profile-inline-link{border:0;background:transparent;padding:0;color:#0f766e;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.cb-profile-continue-item{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important}.cb-profile-continue-media{width:104px!important;height:76px!important;flex:0 0 104px!important;border-radius:12px!important;overflow:hidden!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}.cb-profile-continue-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.cb-profile-continue-info{display:flex!important;flex-direction:column!important;gap:.3rem!important;min-width:0!important}.cb-profile-continue-info .cb-profile-last-completed-title{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.cb-profile-continue-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.55rem!important;margin-top:.15rem!important}.cb-profile-progress-chip{display:inline-flex!important;align-items:center!important;width:fit-content!important;padding:.22rem .6rem!important;border-radius:999px!important;background:#e2e8f0!important;color:#334155!important;font-size:.68rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important}.cb-profile-progress-chip.is-in_progress,.cb-profile-progress-chip.is-attempted{background:#fef3c7!important;color:#92400e!important}.cb-profile-progress-chip.is-completed{background:#dcfce7!important;color:#166534!important}.cb-profile-continue-button:disabled{opacity:.6!important;cursor:wait!important;transform:none!important;box-shadow:0 3px #218c39!important}.cb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cb-gap)}.cb-stat-card{background:#ffead2!important;background-color:#ffead2!important;border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;min-height:280px;box-sizing:border-box}.cb-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 70px #00000080}.cb-stat-card-header{font-size:1.1rem;font-weight:800;font-family:Geist,monospace;color:#111827;opacity:1}.cb-stat-card-icon-wrap{display:flex;align-items:center;justify-content:center;flex:1;padding:.75rem 0}.cb-stat-card-icon{width:80px;height:80px;object-fit:contain}.cb-stat-card-footer{display:flex;flex-direction:column;gap:.2rem}.cb-stat-card-title{font-size:1.3rem;font-weight:800;margin:0;color:var(--cb-card-text);text-transform:uppercase}.cb-stat-card-subtitle{font-size:.78rem;font-weight:500;margin:0;color:var(--cb-card-sub);line-height:1.4}.cb-stat-icon--streak{color:#ef4444}.cb-stat-icon--xp{color:#eab308}.cb-stat-icon--progress{color:#22c55e}.cb-stat-icon--cube{color:#f97316}.cb-stat-icon--lab{color:#0ea5e9}.cb-stat-icon--quiz{color:#f59e0b}.cb-stat-icon--game{color:#8b5cf6}.cb-stat-icon--video{color:#ec4899}@keyframes floatBounce{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(253,110,31,.12))}50%{transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 16px 28px rgba(253,110,31,.3))}}.cb-two-col-row{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--cb-gap)}.cb-cube-explain-card,.cb-lab-explain-card,.cb-quiz-explain-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;box-sizing:border-box;transition:transform .3s ease}.cb-cube-explain-card:hover,.cb-lab-explain-card:hover,.cb-quiz-explain-card:hover{transform:translateY(-4px)}.cb-cube-explain-header,.cb-lab-explain-header,.cb-quiz-explain-header{font-size:1rem;font-weight:700;font-family:Geist,monospace;color:var(--cb-card-text);opacity:.75}.cb-cube-explain-card .cb-cube-explain-header{display:inline-flex;align-items:center;gap:.5rem;font-size:1.6rem;color:#111827;opacity:1}.cb-lab-explain-header,.cb-lab-guide-header,.cb-quiz-explain-header{font-family:inherit;font-size:1.6rem;font-weight:800;color:var(--cb-card-text);opacity:1;margin:0}.cb-cube-explain-header img{width:32px;height:32px;object-fit:contain}.cb-cube-explain-mid,.cb-lab-explain-mid,.cb-quiz-explain-mid{display:flex;align-items:center;justify-content:center;flex:1;padding:1rem 0}.cb-cube-explain-copy,.cb-lab-explain-copy,.cb-quiz-explain-copy{max-width:280px;margin:0;color:var(--cb-card-text);font-size:1.2rem;font-weight:600;line-height:1.7;text-align:center}.cb-cube-explain-float-icon,.cb-lab-explain-float-icon,.cb-quiz-explain-float-icon{width:130px;height:130px;object-fit:contain;animation:floatBounce 4s ease-in-out infinite}.cb-cube-explain-title,.cb-lab-explain-title,.cb-quiz-explain-title{font-size:1.1rem;font-weight:700;color:var(--cb-card-text);margin:0;line-height:1.4}.cb-below-lab-card,.cb-below-quiz-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;box-sizing:border-box;transition:transform .3s ease;cursor:pointer}.cb-below-lab-card{align-items:center;justify-content:flex-start;gap:1rem}.cb-below-lab-card:hover,.cb-below-quiz-card:hover{transform:translateY(-4px)}.cb-popular-cubes-title{font-size:1.6rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-popular-cubes-heading-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.cb-popular-quiz-actions,.cb-popular-lab-actions{display:flex;align-items:center;gap:.75rem}.cb-popular-labs-heading-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem}.cb-popular-cubes-controls{display:flex;align-items:center;gap:.55rem;color:#64748b;font-size:.78rem;font-weight:700}.cb-popular-cubes-controls button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:1px solid #dbe2ea;border-radius:50%;background:#fff;color:#111827;cursor:pointer}.cb-popular-cubes-controls button:hover{background:#f1f5f9}.cb-popular-cube-deck{position:relative;width:100%;height:310px;min-height:310px;overflow:hidden;perspective:900px}.cb-popular-cube-slide{position:absolute;top:5px;left:50%;display:flex;width:min(220px,40%);height:290px;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;border:1.5px solid #e8d5b7;border-radius:8px;background:#fffaec;box-shadow:0 4px 20px #0000000f;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,box-shadow .4s ease;will-change:transform,opacity}.cb-popular-cube-slide--center{z-index:3;opacity:1;transform:translate(-50%) scale(1);box-shadow:0 2px #cbd5e1,0 8px 18px #0000001f}.cb-popular-cube-slide--left{z-index:1;opacity:.55;cursor:pointer;transform:translate(-140%) scale(.84)}.cb-popular-cube-slide--right{z-index:1;opacity:.55;cursor:pointer;transform:translate(40%) scale(.84)}.cb-popular-cube-slide--hidden{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%) scale(.7)}.cb-popular-cube-visual{position:relative;display:flex;flex:0 0 44%;min-height:130px;align-items:center;justify-content:center;overflow:hidden;background:#e2e8f0}.cb-popular-cube-visual img{width:100%;height:100%;object-fit:cover}.cb-popular-cube-number,.cb-popular-cube-category{position:absolute;top:.65rem;border-radius:999px;background:#0f172ae0;color:#fff;font-size:.68rem;font-weight:800;padding:.25rem .55rem}.cb-popular-cube-number{left:.65rem}.cb-popular-cube-category{right:.65rem}.cb-popular-cube-copy{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;padding:.85rem 1rem 1rem;min-width:0;text-align:center}.cb-popular-cube-copy h2{margin:0 0 .4rem;color:#1a1a1a;font-size:1rem;font-weight:800;line-height:1.25}.cb-popular-cube-copy p{display:-webkit-box;margin:0 0 .55rem;overflow:hidden;color:#5f5245;font-size:.76rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cb-popular-cube-progress{margin-top:auto;color:#64748b;font-size:.7rem;font-weight:700}.cb-popular-cube-copy button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.55rem;padding:.55rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,#a2ef43,#7ed321);color:#111;font-size:.76rem;font-weight:800;cursor:pointer}.cb-popular-cube-copy button:disabled{cursor:default}.cb-popular-cube-empty{display:flex;flex:1;align-items:center;justify-content:center;gap:.75rem;color:#64748b;font-weight:700}.cb-popular-cube-empty svg{color:#f97316;font-size:2rem}.cb-leaderboard-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem;box-sizing:border-box}.cb-leaderboard-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cb-leaderboard-title-group{display:flex;align-items:center;gap:.75rem}.cb-leaderboard-rank-icon{width:32px;height:32px;object-fit:contain}.cb-leaderboard-title{font-size:1.4rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-leaderboard-badge{background:#1a1a1a;color:var(--cb-cream);font-size:.75rem;font-weight:700;padding:.3rem .9rem;border-radius:999px;letter-spacing:.05em}.cb-leaderboard-body{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem}.cb-leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.cb-lb-row{display:grid;grid-template-columns:2.5rem 1fr 1fr auto;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:10px;transition:background .2s}.cb-lb-row:hover{background:#0000000f}.cb-lb-row--gold{background:#ffc8001f}.cb-lb-row--silver{background:#b4b4c81f}.cb-lb-row--bronze{background:#c878281a}.cb-lb-rank{font-size:.85rem;font-weight:800}.cb-lb-name{font-size:.88rem;font-weight:600;color:var(--cb-card-text)}.cb-lb-bar-wrap{height:4px;background:#0000001a;border-radius:4px;overflow:hidden}.cb-lb-bar{height:100%;border-radius:4px;transition:width .8s ease}.cb-lb-xp{font-size:.78rem;font-weight:700;color:var(--cb-card-sub);white-space:nowrap}.cb-leaderboard-graph{position:relative}.cb-lb-svg{width:100%;height:auto}.cb-lb-player-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:drawLine 1.5s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.cb-lb-player-dot,.cb-lb-player-label{opacity:0;animation:fadeDot .3s ease forwards}@keyframes fadeDot{to{opacity:1}}.cb-lb-tooltip{position:absolute;top:0;background:#1a1a1a;color:var(--cb-cream);border-radius:12px;padding:.75rem 1rem;font-size:.78rem;min-width:140px;z-index:50;pointer-events:none}.cb-lb-tooltip-header{font-weight:800;margin-bottom:.4rem;font-size:.82rem}.cb-lb-tooltip-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.cb-lb-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cb-lb-tooltip-name{flex:1}.cb-lb-tooltip-xp{font-weight:700}.cb-spotlight-carousel{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem;overflow:hidden;box-sizing:border-box}.cb-spotlight-header{margin-bottom:1.5rem}.cb-spotlight-title{font-size:1.5rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-spotlight-cards-container{position:relative;height:340px;perspective:1000px}.cb-sc-card{position:absolute;left:50%;top:0;width:280px;height:320px;background:#fff!important;background-color:#fff!important;border-radius:28px!important;border:1.5px solid #E2E8F0!important;box-shadow:0 3px #cbd5e1,0 8px 24px #00000026!important;padding:1.25rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s cubic-bezier(.16,1,.3,1)!important;will-change:transform,opacity}.cb-sc-card--center{transform:translate(-50%) scale(1);opacity:1;z-index:3}.cb-sc-card--left{transform:translate(calc(-50% - 310px)) scale(.88);opacity:.5;z-index:1}.cb-sc-card--right{transform:translate(calc(-50% + 310px)) scale(.88);opacity:.5;z-index:1}.cb-sc-card--hidden{transform:translate(-50%) scale(.7);opacity:0;z-index:0;pointer-events:none}.cb-sc-type{font-size:.85rem;font-weight:700;font-family:Geist,monospace}.cb-sc-icon-wrap{display:flex;align-items:center;justify-content:center;flex:1}.cb-sc-icon{width:100px;height:100px;object-fit:contain;animation:floatBounce 4s ease-in-out infinite}.cb-sc-footer{display:flex;flex-direction:column;gap:.4rem}.cb-sc-name{font-size:1.05rem;font-weight:800;margin:0;color:var(--cb-card-text)}.cb-sc-desc{font-size:.78rem;color:var(--cb-card-sub);margin:0;line-height:1.4}.cb-sc-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.2rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;background-color:#22c55e!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.85rem!important;letter-spacing:.018em!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important;box-shadow:0 3px #15803d!important;height:38px!important;align-self:flex-start!important;outline:none!important}.cb-sc-action-btn:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 4px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-sc-action-btn:active:not(:disabled){transform:translateY(2px)!important;box-shadow:0 1px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-lab-guide-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem;box-sizing:border-box;min-height:380px;display:flex;flex-direction:column;gap:1.5rem}.cb-lab-guide-body{display:flex;flex-direction:column;gap:1.25rem;flex:1;justify-content:center}.cb-lab-guide-step{display:flex;align-items:flex-start;gap:1rem}.cb-lab-guide-step-num{font-size:1.5rem;font-weight:900;color:#1a1a1a26;line-height:1;flex-shrink:0}.cb-lab-guide-step-title{font-size:.95rem;font-weight:700;color:var(--cb-card-text);margin:0 0 .2rem}.cb-lab-guide-step-desc{font-size:.82rem;color:var(--cb-card-sub);margin:0;line-height:1.4}.cb-games-section-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem;box-sizing:border-box}.cb-games-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.cb-games-header{font-size:1.5rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-games-more-button{display:inline-flex;width:134px;height:44px;align-items:center;justify-content:center;padding:0;border:0;border-radius:24px;background:linear-gradient(135deg,#35c85a,#78cf18);box-shadow:0 3px #218c39;color:#050505;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cb-profile-continue-button{width:160px}.cb-games-more-button:hover{transform:translateY(-1px);box-shadow:0 4px #218c39}.cb-games-more-button:active{transform:translateY(2px);box-shadow:0 1px #218c39}.cb-games-board{position:relative;width:144px;height:144px;margin:0 auto}.cb-games-box-grid{display:grid;grid-template-columns:repeat(4,36px);width:144px;height:144px;gap:0}.cb-games-box{display:grid;width:36px;height:36px;box-sizing:border-box;position:relative;place-items:center;border:2px solid #111111;border-radius:0;background:#f8fafc;transition:background .2s ease,border-color .2s ease}.cb-games-path-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cb-games-path-line{fill:none;stroke:#f97316;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5;animation:gamesTrailMove .55s linear infinite;filter:drop-shadow(0 1px 1px rgba(255,255,255,.9))}@keyframes gamesTrailMove{to{stroke-dashoffset:-24}}.cb-games-mini-car{position:absolute;z-index:3;display:block;width:25px;height:10px;border:1px solid #cf6500;border-radius:5px 7px 3px 3px;background:linear-gradient(180deg,#ffe16b,#ffb900 58%,#f28a00);box-shadow:inset 0 1px #fffc,0 2px #bd5700;transform:translate(-50%,-50%) perspective(32px) rotateY(-12deg) rotate(-6deg);transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1)}.cb-games-mini-car--moving{animation:gamesCarBounce .25s ease-in-out infinite alternate}@keyframes gamesCarBounce{to{margin-top:-2px}}.cb-games-box--gem-collected{background:#f3e8ff}.cb-games-mini-gem--collected{animation:gamesGemCollected .45s ease forwards}@keyframes gamesGemCollected{70%{opacity:.6;transform:scale(1.4)}to{opacity:0;transform:scale(.1)}}.cb-games-command-bank,.cb-games-command-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:min(100%,320px);margin:.75rem auto 0}.cb-games-move-card{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#1f2937;cursor:grab;padding:.2rem}.cb-games-move-card small{font-size:.9rem;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap}.cb-games-move-card:active{cursor:grabbing}.cb-games-move-card--selected{border-color:#f97316;background:#fff7ed}.cb-games-move-card:disabled{cursor:default;opacity:.45}.cb-games-command-slot{min-width:0;width:100%;height:38px;box-sizing:border-box;padding:0 .1rem;overflow:hidden;border:1px dashed #94a3b8;border-radius:5px;background:#f8fafc;color:#64748b;font-size:.58rem;font-weight:700;line-height:1;white-space:nowrap}@media(max-width:640px){.cb-games-command-bank,.cb-games-command-sequence{width:100%;gap:.25rem}.cb-games-move-card{padding:.1rem}.cb-games-move-card small{font-size:.74rem}}.cb-games-command-slot--filled{border-style:solid;border-color:#fdba74;background:#fff7ed;color:#9a3412}.cb-games-puzzle-footer{display:flex;width:min(100%,320px);align-items:center;justify-content:space-between;gap:.5rem;margin:.35rem auto 0}.cb-games-puzzle-status{margin:0;color:#64748b;font-size:.8rem;line-height:1.3}.cb-games-puzzle-status--success{color:#15803d;font-weight:800}.cb-games-reset{flex-shrink:0;border:0;background:transparent;color:#64748b;font-size:.65rem;font-weight:700;text-decoration:underline;cursor:pointer}.cb-games-reset:disabled{cursor:default;opacity:.5}.cb-games-mini-gem{position:relative;display:block;width:19px;height:22px;clip-path:polygon(24% 0,76% 0,100% 36%,50% 100%,0 36%);background:linear-gradient(135deg,#e9b8ff,#a855f7 42%,#6b21a8);filter:drop-shadow(1px 2px 0 #581c87)}.cb-games-mini-gem:after{position:absolute;top:3px;right:4px;bottom:4px;left:4px;clip-path:polygon(0 0,50% 0,50% 100%,0 45%);background:#ffffff6b;content:""}.cb-games-mini-car:before{position:absolute;top:-6px;left:6px;width:12px;height:7px;border:1px solid #cf6500;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(135deg,#dff7ff,#6fc8ed);content:""}.cb-games-mini-car:after{position:absolute;bottom:-4px;left:4px;width:5px;height:5px;border:1px solid #343434;border-radius:50%;background:#4b5563;box-shadow:12px 0 0 -1px #4b5563,12px 0 #343434;content:""}.cb-games-mini-car-window{position:absolute;z-index:1;top:-4px;left:13px;width:1px;height:5px;background:#fffc}.cb-videos-section-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2rem 2rem 1.5rem;box-sizing:border-box;overflow:hidden}.cb-videos-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cb-videos-header{font-size:1.5rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-videos-marquee-container{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.cb-videos-marquee-track{display:flex;gap:1.25rem;animation:marqueeScroll 32s linear infinite;width:max-content}.cb-videos-marquee-container:hover .cb-videos-marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cb-video-marquee-item{display:flex;flex-direction:column;gap:.5rem;width:200px;flex-shrink:0;cursor:pointer;transition:transform .3s ease}.cb-video-marquee-item:hover{transform:translateY(-4px)}.cb-video-thumb{position:relative;width:100%;height:120px;border-radius:12px;overflow:hidden;background:#0000000f;display:flex;align-items:center;justify-content:center}.cb-video-thumb-img{width:60px;height:60px;object-fit:contain}.cb-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;pointer-events:none}.cb-video-duration{position:absolute;bottom:6px;right:8px;font-size:.7rem;font-weight:700;color:#fff;background:#00000080;padding:.1rem .35rem;border-radius:4px}.cb-video-info{display:flex;flex-direction:column;gap:.25rem}.cb-video-title{font-size:.82rem;font-weight:700;color:var(--cb-card-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-video-xp{font-size:.72rem;font-weight:700;color:var(--cb-card-sub)}.cb-premium-upgrade-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);box-shadow:var(--cb-shadow);padding:2.5rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;box-sizing:border-box}.cb-premium-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--cb-card-text);background:#00000014;padding:.3rem .75rem;border-radius:999px;margin-bottom:1rem}.cb-premium-crown-icon{width:21px;height:21px;color:#f59e0b}.cb-premium-title{font-size:1.6rem;font-weight:900;color:var(--cb-card-text);margin:0 0 .75rem;line-height:1.2}.cb-premium-subtitle{font-size:.88rem;color:var(--cb-card-sub);margin:0 0 1.25rem;line-height:1.5}.cb-premium-features{display:flex;flex-direction:column;gap:.4rem}.cb-premium-feat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--cb-card-text);font-weight:600}.cb-premium-feat-bullet{color:#22c55e;font-size:.9rem}.cb-premium-right{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.cb-premium-pricing{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cb-premium-price-strike{font-size:1rem;color:var(--cb-card-sub);text-decoration:line-through}.cb-premium-price-active{font-size:2.5rem;font-weight:900;color:var(--cb-card-text);line-height:1}.cb-premium-price-active small{font-size:.9rem;font-weight:600;opacity:.65}.cb-premium-offer-badge{background:#d62828;color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .7rem;border-radius:999px}.cb-premium-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 2rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;background-color:#22c55e!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:1rem!important;letter-spacing:.018em!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important;box-shadow:0 3px #15803d!important;height:48px!important;outline:none!important}.cb-premium-action-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-premium-action-btn:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-sc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;box-sizing:border-box}.cb-sc-modal{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 30px 80px #00000080;display:flex;flex-direction:column;gap:1rem}.cb-sc-modal-close{position:absolute;top:1rem;right:1rem;background:#00000014;border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cb-card-text);transition:background .2s}.cb-sc-modal-close:hover{background:#00000029}.cb-sc-modal-top{display:flex;align-items:center;gap:.75rem}.cb-sc-modal-badge{color:var(--cb-cream);font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:999px}.cb-sc-modal-status{font-size:.8rem;font-weight:600;color:var(--cb-card-sub)}.cb-sc-modal-icon-wrap{display:flex;justify-content:center}.cb-sc-modal-icon{width:100px;height:100px;object-fit:contain;animation:floatBounce 4s ease-in-out infinite}.cb-sc-modal-title{font-size:1.3rem;font-weight:800;color:var(--cb-card-text);margin:0}.cb-sc-modal-desc{font-size:.88rem;color:var(--cb-card-sub);margin:0;line-height:1.5}.cb-sc-modal-details{display:flex;flex-direction:column;gap:.5rem;background:#0000000d;border-radius:12px;padding:1rem}.cb-sc-modal-detail-row{display:flex;justify-content:space-between;font-size:.83rem}.cb-sc-modal-detail-label{color:var(--cb-card-sub);font-weight:600}.cb-sc-modal-detail-value{color:var(--cb-card-text);font-weight:700}.cb-sc-modal-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 2rem!important;background:linear-gradient(135deg,#22c55e,#84cc16)!important;background-color:#22c55e!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:1rem!important;letter-spacing:.018em!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important;box-shadow:0 3px #15803d!important;height:48px!important;width:100%!important;outline:none!important}.cb-sc-modal-action:hover{transform:translateY(-1px)!important;box-shadow:0 4px #15803d!important;background:linear-gradient(135deg,#4ade80,#a3e635)!important;color:#000!important}.cb-sc-modal-action:active{transform:translateY(2px)!important;box-shadow:0 1px #15803d!important;background:linear-gradient(135deg,#16a34a,#65a30d)!important;color:#000!important}.cb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:900;cursor:pointer}.cb-modal-card{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:2.5rem 2rem;max-width:460px;width:90%;position:relative;cursor:default;box-shadow:0 30px 80px #00000080}.cb-modal-card-fullscreen{max-width:700px;min-height:500px}.cb-modal-close{position:absolute;top:1rem;right:1rem;background:#00000014;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;color:var(--cb-card-text)}.cb-modal-header{font-size:.95rem;font-weight:700;font-family:Geist,monospace;color:var(--cb-card-text);opacity:.7;margin-bottom:1.5rem}.cb-modal-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cb-streak-pressure-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.cb-streak-main-icon-wrapper{width:120px;height:120px}.cb-modal-streak-icon{width:100%;height:100%;object-fit:contain}.cb-streak-pressure-text{font-size:5.5rem;font-weight:900;color:var(--cb-card-text);line-height:1;letter-spacing:-.04em}.cb-streak-milestone-footer{text-align:center;box-shadow:none!important;text-shadow:none!important;background:transparent!important;filter:none!important}.cb-genius-text{font-size:3rem;font-weight:900;color:var(--cb-card-text);margin:0 0 .5rem;animation:geniusPop .5s cubic-bezier(.16,1,.3,1) both}@keyframes geniusPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cb-genius-subtitle{font-size:.9rem;color:var(--cb-card-sub);margin:0}.cb-pressure-loading-text{font-size:.85rem;color:var(--cb-card-sub);font-weight:600;animation:pulse 1s ease-in-out infinite;box-shadow:none!important;text-shadow:none!important;background:transparent!important;background-color:transparent!important;filter:none!important;border:none!important;outline:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.cb-wink-fullscreen-content{min-height:400px;justify-content:center}.cb-wink-intro-container{display:flex;align-items:center;justify-content:center}.cb-wink-intro-mascot{width:200px;height:200px;object-fit:contain;animation:floatBounce 2s ease-in-out infinite}.cb-wink-cinematic-text-block{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cb-wink-cinematic-title{font-size:2.5rem;font-weight:900;color:var(--cb-card-text);margin:0}.cb-wink-cinematic-desc{font-size:1rem;color:var(--cb-card-sub);margin:0}.cb-wink-cinematic-coming-soon{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#fff;background:#1a1a1a;padding:.3rem 1rem;border-radius:999px}.cb-burst-particle-physics{position:fixed;top:50%;left:50%;width:48px;height:48px;pointer-events:none;z-index:950;object-fit:contain}.cb-cards-faded .cb-stat-card,.cb-cards-faded .cb-profile-card,.cb-cards-faded .cb-spotlight-carousel,.cb-cards-faded .cb-leaderboard-card{filter:blur(2px);opacity:.4;pointer-events:none}.cb-stat-card,.cb-profile-card,.cb-leaderboard-card,.cb-cube-explain-card,.cb-lab-explain-card,.cb-quiz-explain-card,.cb-below-lab-card,.cb-below-quiz-card,.cb-spotlight-carousel,.cb-games-section-card,.cb-videos-section-card,.cb-premium-upgrade-card,.cb-lab-guide-card{background:#fff!important;background-color:#fff!important;border-radius:28px!important;border:1px solid #E2E8F0!important;box-shadow:0 3px #cbd5e1,0 8px 24px #00000026!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease!important}.cb-stat-card:hover,.cb-profile-card:hover,.cb-leaderboard-card:hover,.cb-cube-explain-card:hover,.cb-lab-explain-card:hover,.cb-quiz-explain-card:hover,.cb-below-lab-card:hover,.cb-below-quiz-card:hover,.cb-spotlight-carousel:hover,.cb-games-section-card:hover,.cb-videos-section-card:hover,.cb-premium-upgrade-card:hover,.cb-lab-guide-card:hover{transform:translateY(-2px)!important;border-color:#cbd5e1!important;box-shadow:0 5px #94a3b8,0 14px 32px #00000038!important}@media(max-width:1200px){.cb-leaderboard-body{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:900px){.cb-hero-section{min-height:60vh;padding:5rem 1.5rem 2.5rem}.cb-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.cb-two-col-row{grid-template-columns:1fr;gap:1rem}.cb-user-row{grid-template-columns:1fr;gap:1.25rem}.cb-games-icons-row{grid-template-columns:repeat(3,1fr);gap:.85rem}.cb-premium-upgrade-card{grid-template-columns:1fr;text-align:center;gap:1.5rem}.cb-premium-right{width:100%;align-items:center}.cb-premium-features{align-items:center;justify-content:center}}@media(max-width:640px){.cb-dashboard-container{overflow-x:hidden!important}.cb-hero-section{min-height:48vh!important;padding:3.5rem 1rem 1.5rem!important}.cb-line-1,.cb-line-2{font-size:clamp(2.1rem,11vw,4.2rem)!important;letter-spacing:-.03em!important;line-height:1.05!important}.cb-leaf-decor{top:-24px!important;left:-12px!important;width:32px!important;height:32px!important}.cb-snake-decor{bottom:-8px!important;right:-14px!important;width:22px!important;height:44px!important}.cb-cards-body{padding:0 .85rem 2.5rem!important;gap:1.1rem!important;width:100%!important;box-sizing:border-box!important}.cb-user-row{display:flex!important;flex-direction:column!important;gap:1rem!important}.cb-user-greeting-block{flex-direction:row!important;align-items:center!important;gap:.75rem!important;margin-top:0!important;z-index:1!important}.cb-loading-decor{width:44px!important;height:44px!important}.cb-user-greeting{font-size:1.45rem!important}.cb-complete-profile-banner{flex-direction:column!important;align-items:stretch!important;text-align:center!important;padding:1rem 1.25rem!important;gap:.85rem!important}.cb-banner-left{flex-direction:column!important;text-align:center!important;gap:.4rem!important;font-size:.88rem!important}.cb-banner-btn{width:100%!important;height:40px!important;justify-content:center!important}.cb-profile-card{padding:1.15rem!important;min-height:auto!important;border-radius:28px!important}.cb-profile-card-header{gap:.5rem!important;flex-wrap:wrap!important}.cb-profile-continue-button{width:134px}.cb-profile-continue-media{width:80px!important;height:64px!important;flex-basis:80px!important}.cb-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.cb-stat-card{min-height:185px!important;padding:1rem .85rem!important;border-radius:28px!important}.cb-stat-card-header{font-size:.95rem!important}.cb-stat-card-icon-wrap{padding:.4rem 0!important}.cb-stat-card-icon{width:48px!important;height:48px!important}.cb-stat-card-title{font-size:1.05rem!important}.cb-stat-card-subtitle{font-size:.72rem!important;line-height:1.3!important}.cb-cube-explain-card,.cb-lab-explain-card,.cb-quiz-explain-card,.cb-below-lab-card,.cb-below-quiz-card{min-height:280px!important;padding:1.25rem!important;border-radius:28px!important}.cb-cube-explain-float-icon,.cb-lab-explain-float-icon,.cb-quiz-explain-float-icon,.cb-popular-cubes-icon{width:90px!important;height:90px!important}.cb-cube-explain-title,.cb-lab-explain-title,.cb-quiz-explain-title,.cb-popular-cubes-title,.cb-quiz-explain-header{font-size:1.15rem!important}.cb-popular-cube-slide{width:min(210px,56%);height:280px}.cb-popular-cube-slide--center{width:min(250px,88%)}.cb-popular-cube-slide--center{box-shadow:0 2px #cbd5e1,0 8px 18px #0000001f}.cb-popular-lab-deck .cb-popular-cube-slide--center{box-shadow:0 1px #cbd5e1,0 6px 14px #0000001a}.cb-popular-cube-slide--left,.cb-popular-cube-slide--right{display:none}.cb-popular-cube-deck{height:290px;min-height:290px}.cb-popular-cube-slide--left{transform:translate(-135%) scale(.82)}.cb-popular-cube-slide--right{transform:translate(35%) scale(.82)}.cb-lab-guide-card{min-height:auto!important;padding:1rem!important;gap:.75rem!important}.cb-popular-labs-heading-row{gap:.5rem}.cb-popular-lab-actions{display:flex;align-items:center;gap:.5rem}.cb-popular-labs-heading-row .cb-lab-guide-header{min-width:0;font-size:1.15rem!important}.cb-popular-cube-visual{flex-basis:42%;min-height:100px}.cb-popular-cube-copy h2{font-size:.9rem}.cb-popular-cube-copy p{-webkit-line-clamp:2}.cb-leaderboard-card{padding:1.25rem!important;border-radius:28px!important}.cb-leaderboard-title{font-size:1.15rem!important}.cb-leaderboard-rank-icon{width:26px!important;height:26px!important}.cb-lb-row{grid-template-columns:2rem 1fr auto!important;gap:.5rem!important;padding:.5rem .6rem!important}.cb-lb-bar-wrap{display:none!important}.cb-lb-name{font-size:.82rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cb-lb-xp{font-size:.75rem!important}.cb-spotlight-carousel{padding:1.25rem!important;border-radius:28px!important}.cb-spotlight-title{font-size:1.2rem!important}.cb-spotlight-cards-container{height:330px!important}.cb-sc-card{width:230px!important;height:310px!important;padding:1.1rem!important;border-radius:28px!important}.cb-sc-card--left{transform:translate(calc(-50% - 190px)) scale(.8)!important;opacity:.25!important}.cb-sc-card--right{transform:translate(calc(-50% + 190px)) scale(.8)!important;opacity:.25!important}.cb-sc-icon{width:70px!important;height:70px!important}.cb-sc-name{font-size:1.05rem!important}.cb-sc-desc{font-size:.78rem!important;-webkit-line-clamp:2!important}.cb-games-section-card,.cb-videos-section-card{padding:1.25rem!important;border-radius:28px!important}.cb-games-header,.cb-videos-header{font-size:1.15rem!important}.cb-games-box-grid{grid-template-columns:repeat(4,32px);width:128px;height:128px;gap:0!important}.cb-games-board{width:128px;height:128px}.cb-games-box{width:32px;height:32px;border-radius:0}.cb-premium-upgrade-card{padding:1.25rem!important;border-radius:28px!important}.cb-premium-title{font-size:1.25rem!important}.cb-premium-subtitle{font-size:.82rem!important}.cb-premium-features{font-size:.8rem!important}.cb-premium-action-btn{width:100%!important;height:44px!important;font-size:.92rem!important}.cb-sc-modal,.cb-modal-card{width:92%!important;padding:1.5rem!important;border-radius:28px!important}.cb-streak-pressure-text{font-size:4rem!important}.cb-genius-text{font-size:2.2rem!important}}@media(max-width:380px){.cb-line-1,.cb-line-2{font-size:1.9rem!important}.cb-stat-card{padding:.85rem .65rem!important;min-height:175px!important}.cb-stat-card-icon{width:44px!important;height:44px!important}.cb-stat-card-title{font-size:.88rem!important}}.cb-page-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .18s ease}.cb-loader-exit{opacity:0;pointer-events:none}.cb-loader-animation{display:block;width:252px;height:112px}@media(max-width:480px){.cb-loader-animation{width:212px;height:88px}}@media(prefers-reduced-motion:reduce){.cb-loader-animation{animation:none}}.cb-minimal-footer{width:100%!important;background:transparent!important;padding:2.5rem!important;box-sizing:border-box!important;margin-top:auto!important}.cb-minimal-footer-inner{max-width:1560px!important;width:100%!important;margin:0 auto!important;padding-top:1.25rem!important;border-top:1px solid rgba(255,255,255,.12)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:1rem!important}.cb-minimal-footer-copyright{font-size:.85rem!important;font-weight:500!important;color:#94a3b8!important;font-family:Ubuntu,Inter,sans-serif!important;letter-spacing:.01em!important}.cb-minimal-footer-socials{display:flex!important;align-items:center!important;gap:1.2rem!important}.cb-minimal-footer-socials a,.cb-minimal-footer-socials a:visited,.cb-minimal-footer-socials a svg,.cb-minimal-footer-socials a path{color:#fff!important;fill:#fff!important;font-size:1.2rem!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .2s ease,color .2s ease,opacity .2s ease!important}.cb-minimal-footer-socials a:hover,.cb-minimal-footer-socials a:hover svg,.cb-minimal-footer-socials a:hover path{color:#7ed321!important;fill:#7ed321!important;transform:translateY(-2px)!important;opacity:.9!important}@media(max-width:640px){.cb-minimal-footer{padding:1.5rem 1rem 2rem!important}.cb-minimal-footer-inner{flex-direction:column!important;align-items:center!important;text-align:center!important}}.cb-labs-page{background-color:#121212!important;color:#fff!important;min-height:100vh;padding:110px 0 80px!important;font-family:Ubuntu,Inter,sans-serif;box-sizing:border-box!important;width:100%!important}.cb-labs-container{max-width:1400px!important;margin:0 auto;width:100%!important;padding:0 40px!important;box-sizing:border-box!important}.cb-courses-cube-topbar{width:100%!important;min-height:180px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.5rem 1.25rem!important;box-shadow:0 4px 20px #0000000d!important}.cb-courses-cube-topbar .cb-banner-wave-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cb-cube-topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;position:relative;z-index:5;max-width:850px}.cb-cube-title-header-row{display:flex;align-items:center;gap:.85rem;margin-bottom:.15rem}.cb-labs-banner-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;flex-shrink:0}.cb-topbar-single-cube-icon{width:48px;height:48px;object-fit:contain;animation:cb-topbar-float 4s ease-in-out infinite;flex-shrink:0}.cb-cube-topbar-brace{font-size:2.1rem!important;font-weight:950!important;color:#111827!important;font-family:Geist,Ubuntu,monospace;letter-spacing:-.02em;line-height:1;margin:0!important}.cb-cube-topbar-desc{font-size:.92rem!important;color:#374151!important;margin:0 0 .75rem!important;line-height:1.5;font-weight:500}.cb-banner-stats-row{display:flex;gap:2rem;align-items:center}.cb-banner-stat-item{display:flex;align-items:center;gap:.55rem}.cb-banner-stat-item .cb-stat-num{font-size:1.75rem;font-weight:950;color:#111827;line-height:1}.cb-banner-stat-item .cb-stat-label{font-size:.72rem;font-weight:800;color:#4b5563;line-height:1.2;text-transform:none!important}.cb-courses-controls-bar{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.85rem 2.5rem!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}.cb-courses-search-wrap{position:relative;width:240px;flex-shrink:0}.cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8a8175;font-size:.8rem}.cb-courses-search-input{width:100%;height:40px;background:#2b2b2b!important;border:none!important;border-radius:8px!important;padding-left:2.6rem!important;padding-right:2.2rem!important;font-size:.88rem!important;color:#faf9f5!important;outline:none;transition:all .2s ease;box-sizing:border-box!important;box-shadow:0 4px 14px #0003!important}.cb-courses-dropdown-btn,.cb-course-chip,.cb-courses-clear-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:color .35s ease!important;z-index:1!important;isolation:isolate!important;box-shadow:none!important;height:40px!important;padding:0 1.25rem!important;box-sizing:border-box!important;white-space:nowrap}.cb-courses-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#000!important;border:1.5px solid #2b2b2b!important;border-bottom:4px solid #2b2b2b!important;border-radius:12px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.cb-courses-result-row{display:flex;align-items:center;gap:.75rem}.cb-result-filter-note{font-size:.85rem;font-weight:600;color:#8a8175}.cb-result-filter-note strong{color:#faf9f5}.cb-courses-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,340px))!important;gap:1.5rem!important;width:100%!important;box-sizing:border-box!important;transform:translate(10px)!important}@media(min-width:1350px){.cb-courses-grid{grid-template-columns:repeat(4,minmax(0,340px))!important}}.cb-module-column{background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease!important;display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;width:100%!important;max-width:340px!important;min-height:370px!important;height:370px!important;max-height:370px!important}.cb-continue-path-btn{background:#000!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.85rem!important;cursor:pointer!important;padding:.45rem 1.1rem!important;transition:background .2s ease!important}.cb-continue-path-btn:hover{background:#2b2b2b!important}.cb-labs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-bottom:3.5rem!important;width:100%!important;box-sizing:border-box!important}.cb-labs-card{background:#1a1a20!important;border:1px solid #2e2e38!important;border-radius:20px;padding:20px!important;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-sizing:border-box!important}.cb-labs-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0006;border-color:#475569!important}.cb-labs-card-header{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start}.cb-labs-card-img-box{width:48px;height:48px;background:#121218!important;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid #2a2a36!important}.cb-labs-card-img{width:100%;height:100%;object-fit:contain}.cb-labs-card-title-area{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left!important}.cb-labs-card-title{margin:0 0 4px!important;font-size:.98rem;font-weight:850;color:#fff!important;line-height:1.25}.cb-labs-card-desc{font-size:.76rem;color:#94a3b8!important;line-height:1.4;margin:0 0 10px!important;font-weight:500}.cb-labs-level-tag{display:inline-block;padding:3px 8px!important;font-size:.68rem;font-weight:800;border-radius:6px;text-transform:capitalize}.cb-labs-level-tag.badge-green{background:#14532d!important;color:#4ade80!important}.cb-labs-level-tag.badge-blue{background:#1e3a8a!important;color:#60a5fa!important}.cb-labs-level-tag.badge-purple{background:#581c87!important;color:#c084fc!important}.cb-labs-card-metrics{display:flex;align-items:center;gap:14px;border-top:1px dashed #2e2e38!important;padding-top:12px!important;margin-bottom:12px!important;width:100%}.cb-labs-metric-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#94a3b8!important;font-weight:700}.cb-labs-metric-icon{font-size:.8rem;color:#64748b!important}.cb-labs-card-progress-section{display:flex;flex-direction:column;gap:6px;margin-top:auto;width:100%}.cb-labs-progress-bar-bg{background:#2a2a36!important;height:6px;border-radius:10px;overflow:hidden;width:100%}.cb-labs-progress-bar-fill{background:#22c55e;height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1)}.cb-labs-progress-percentage{font-size:.72rem;font-weight:800;color:#64748b!important;text-align:right;display:block}.cb-labs-no-results{background:#1a1a20!important;border:1px solid #2e2e38!important;border-radius:20px;padding:60px!important;text-align:center;box-shadow:0 4px 12px #0003;width:100%;box-sizing:border-box!important}.cb-labs-no-results h3{font-size:1.3rem;font-weight:800;color:#fff!important;margin:0 0 10px}.cb-labs-no-results p{color:#94a3b8!important;margin:0;font-size:.95rem}.cb-labs-bottom-banner{background:#0d1e13!important;border:1px solid #166534!important;border-radius:20px;padding:16px 24px!important;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box!important;width:100%!important}.cb-labs-bottom-left{display:flex;align-items:center;gap:16px;flex:1}.cb-labs-bottom-icon-box{width:42px;height:42px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;color:#16a34a;font-size:1.05rem;flex-shrink:0}.cb-labs-bottom-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left!important}.cb-labs-bottom-title{font-size:1.15rem;font-weight:850;color:#15803d!important;margin:0 0 2px!important}.cb-labs-bottom-desc{font-size:.85rem;color:#64748b!important;margin:0!important;font-weight:550}.cb-labs-bottom-btn{background:#84cc16!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:10px 20px!important;font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 5px #5ea01a!important;transition:transform .05s ease,box-shadow .05s ease!important;transform:translateY(0)}.cb-labs-bottom-btn:hover{background:#90de19!important;transform:translateY(0)}.cb-labs-bottom-btn:active{transform:translateY(3px)!important;box-shadow:0 2px #5ea01a!important}.cb-labs-rosette-icon{font-size:.95rem}@media(max-width:1400px){.cb-labs-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.cb-labs-hero-banner{flex-direction:column;align-items:stretch;gap:30px}.cb-labs-hero-center{order:-1;align-self:center}.cb-labs-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.cb-labs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cb-labs-page{padding:90px 0 60px!important}.cb-labs-filters-row{flex-direction:column;align-items:stretch;gap:16px}.cb-labs-search-container{width:100%}.cb-labs-sort-wrapper{align-self:flex-start}.cb-labs-bottom-banner{flex-direction:column;align-items:stretch;text-align:center!important;gap:16px;padding:20px!important}.cb-labs-bottom-left{flex-direction:column;align-items:center;gap:12px}.cb-labs-bottom-text{align-items:center;text-align:center!important}.cb-labs-bottom-btn{width:100%;justify-content:center}}@media(max-width:580px){.cb-labs-grid{grid-template-columns:1fr}.cb-labs-stats-group{flex-direction:column;gap:12px}.cb-labs-stat-badge{width:100%}}.cb-labs-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.cb-stat-card{border-radius:20px;padding:22px 20px!important;display:flex;align-items:center;gap:16px;border:1px solid;border-color:color-mix(in srgb,var(--accent, #7ed321) 20%,#e2e8f0);transition:all .25s ease;cursor:default;box-sizing:border-box}.cb-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a0d}.cb-stat-icon{width:46px;height:46px;border-radius:12px;background:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 2px 8px #0000000a}.cb-stat-info{display:flex;flex-direction:column;align-items:flex-start}.cb-stat-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.cb-stat-count{font-size:1.75rem;font-weight:850;color:#0f172a;margin:0;letter-spacing:-.03em;line-height:1}.cb-stat-sub{font-size:.72rem;color:#94a3b8;margin:3px 0 0;font-weight:600}.cb-labs-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2rem;flex-wrap:wrap}.cb-search-wrap{position:relative;flex:1;max-width:400px}.cb-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem;pointer-events:none}.cb-search-wrap input{width:100%;padding:10px 16px 10px 40px!important;border:1px solid #cbd5e1;background:#fff;border-radius:12px;font-size:.9rem;color:#0f172a;outline:none;transition:all .2s ease;font-family:inherit}.cb-search-wrap input:focus{border-color:#7ed321;box-shadow:0 0 0 3px #7ed3211a}.cb-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cb-filter-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px!important;font-size:.88rem;font-weight:600;color:#334155;cursor:pointer;outline:none;transition:all .2s ease;font-family:inherit}.cb-filter-group select:focus{border-color:#7ed321}.cb-sort-btn{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px!important;font-size:.88rem;font-weight:700;color:#334155;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.cb-sort-btn:hover{border-color:#7ed321}.cb-labs-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:1.5rem 0 .5rem}.cb-pag-btn{width:38px;height:38px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit}.cb-pag-btn:hover{border-color:#7ed321;color:#0f172a}.cb-pag-btn.active{background:#7ed321;border-color:#7ed321;color:#fff;box-shadow:0 4px 12px #7ed3214d}@media(max-width:1200px){.cb-labs-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cb-labs-page{padding:90px 0 60px!important}.cb-labs-container{padding:0 20px!important}.cb-labs-controls{flex-direction:column;align-items:stretch}.cb-search-wrap{max-width:100%}.cb-filter-group{justify-content:flex-start}.cb-labs-stats-grid{grid-template-columns:repeat(2,1fr)}}.cb-labs-journey-row{display:flex;justify-content:flex-end;padding:.5rem 0 2rem;width:100%}.cb-labs-journey-card{width:270px;height:380px;background-color:#ffead2;border-radius:24px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;box-sizing:border-box;font-family:Geist,sans-serif;color:#1a1a1a;cursor:pointer;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.cb-labs-journey-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #00000038}.cb-labs-journey-card-header{font-size:1.05rem;font-weight:700;font-family:Geist,monospace;color:#1a1a1a;opacity:.85}.cb-labs-journey-icon-wrap{display:flex;align-items:center;justify-content:center;flex-grow:1}.cb-labs-journey-icon{width:130px;height:130px;object-fit:contain}.cb-labs-journey-footer{display:flex;flex-direction:column;align-items:flex-start}.cb-labs-journey-title{font-size:1.35rem;font-weight:800;margin:0 0 .25rem;color:#1a1a1a;font-family:Geist,sans-serif;text-transform:uppercase}.cb-labs-journey-subtitle{font-size:.88rem;font-weight:500;color:#555;margin:0;line-height:1.4}@media(max-width:1280px){.cb-courses-result-row{padding-left:2rem!important;padding-right:2rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:992px){.cb-courses-result-row{padding-left:1.5rem!important;padding-right:1.5rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:768px){.cb-courses-cube-topbar{height:auto!important;min-height:140px!important;padding:1.5rem 1.25rem!important}.cb-topbar-single-cube-icon{width:42px!important;height:42px!important}.cb-labs-banner-icon{width:36px;height:36px}.cb-cube-topbar-brace{font-size:1.6rem!important}.cb-cube-topbar-desc{font-size:.85rem!important;line-height:1.4!important}.cb-banner-stats-row{gap:1.25rem!important}.cb-stat-num{font-size:1.4rem!important}.cb-courses-controls-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;padding:.85rem 1rem!important}.cb-courses-search-wrap{grid-column:1 / -1!important;width:100%!important}.cb-courses-dropdown-wrapper{grid-column:span 1!important;width:100%!important}.cb-courses-dropdown-btn{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.cb-courses-chips{grid-column:1 / -1!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:.25rem 0!important;gap:.5rem!important;-webkit-overflow-scrolling:touch!important}.cb-course-chip{flex-shrink:0!important}.cb-courses-clear-btn{grid-column:1 / -1!important;width:100%!important;justify-content:center!important}.cb-courses-result-row{padding:1rem 1.25rem .4rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:1.2rem!important}.cb-module-column{max-width:100%!important;min-height:420px!important;height:auto!important;max-height:none!important}}@media(max-width:480px){.cb-courses-controls-bar{padding:.75rem .85rem!important}.cb-courses-result-row{padding-left:.85rem!important;padding-right:.85rem!important}.cb-courses-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.cb-module-column{width:100%!important;max-width:100%!important}}.profile-page-wrapper{background-color:#0d0d0e!important;min-height:100vh;padding:100px 20px 60px;font-family:Ubuntu,Inter,sans-serif;color:#fff}.profile-container{max-width:920px;margin:0 auto}.profile-breadcrumb{font-size:.92rem;font-weight:700;margin-bottom:2.2rem;color:#9ca3af}.profile-breadcrumb .home-link{color:#22c55e;cursor:pointer;transition:color .2s ease}.profile-breadcrumb .home-link:hover{color:#4ade80}.profile-breadcrumb .separator{margin:0 .5rem;color:#4b5563}.profile-layout{display:flex;gap:3.5rem;align-items:flex-start;justify-content:center}.profile-sidebar{width:220px;flex-shrink:0;background:#18181b!important;border:1px solid #27272a!important;border-radius:16px!important;padding:.75rem!important;box-shadow:0 10px 30px #00000080!important}.profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:.95rem;color:#a1a1aa;cursor:pointer;margin-bottom:.25rem;transition:all .2s ease}.profile-nav-item:hover{background:#27272a;color:#fff}.profile-nav-item.active{background:#3f3f46!important;color:#fff!important;font-weight:800!important;border-radius:10px!important;box-shadow:none!important}.profile-nav-item.active svg{color:#fff!important}.profile-nav-item svg{font-size:1.15rem;color:#a1a1aa;transition:color .2s ease}.profile-main-content{flex:1;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;color:#fff!important}.profile-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid #27272a!important;position:relative}.profile-section:last-child{border-bottom:none!important;margin-bottom:0;padding-bottom:0}.profile-section-title{font-size:1.4rem;font-weight:800;margin-bottom:1.5rem;color:#fff!important;letter-spacing:-.015em}.profile-input-group{margin-bottom:1.5rem;max-width:600px;width:100%}.profile-label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.55rem;color:#fff!important}.profile-input{width:100%;padding:.8rem 1rem;border:1px solid #333336!important;border-radius:12px!important;font-size:.95rem;color:#fff!important;background-color:#18181b!important;outline:none;transition:all .2s ease;box-sizing:border-box}.profile-input:focus{border-color:#22c55e!important;background-color:#18181b!important;box-shadow:0 0 0 3px #22c55e40!important}select.profile-input option{background-color:#18181b;color:#fff}.btn-solid-green,.btn-dark-pill,.btn-outline-green,.account-connect-btn,.btn-outline-dark{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.6rem;background:#27272a!important;color:#fff!important;border:1px solid #3f3f46!important;border-radius:9999px!important;font-family:Ubuntu,Inter,sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;outline:none;transition:all .2s ease;height:44px;line-height:1;text-decoration:none;box-sizing:border-box}.btn-solid-green:hover:not(:disabled),.btn-dark-pill:hover:not(:disabled),.btn-outline-green:hover:not(:disabled),.account-connect-btn:hover:not(:disabled),.btn-outline-dark:hover:not(:disabled){background:#3f3f46!important;border-color:#52525b!important;color:#fff!important;transform:translateY(-1px)}.btn-solid-green:disabled{opacity:.6;cursor:not-allowed}.btn-light-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.8rem;background:#f4f4f5!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,Inter,sans-serif;font-weight:800;font-size:.92rem;cursor:pointer;outline:none;transition:all .2s ease;height:44px;line-height:1;box-sizing:border-box}.btn-light-pill:hover{background:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.btn-outline-red{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.6rem!important;overflow:hidden!important;clip-path:inset(0 round 9999px)!important;background:#ef4444!important;color:#fff!important;border:none!important;border-radius:9999px!important;box-shadow:0 3px #991b1b!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.95rem!important;cursor:pointer!important;outline:none!important;transition:color .35s ease,transform .2s ease,box-shadow .2s ease!important;height:46px!important;line-height:1!important;text-decoration:none!important;z-index:1!important;isolation:isolate!important;box-sizing:border-box!important}.btn-outline-red:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#7f1d1d!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;z-index:-1!important;border-radius:9999px!important;clip-path:inset(0 round 9999px)!important}.btn-outline-red:hover:not(:disabled):before{transform:scaleX(1)!important}.btn-outline-red:hover:not(:disabled){color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 22px #991b1b80!important}.btn-outline-red:active:not(:disabled){transform:translateY(1px)!important;box-shadow:0 1px #991b1b!important}.btn-outline-red:disabled{opacity:.45!important;cursor:not-allowed!important}.btn-outline-dark{background:#fff!important;color:#000!important;border:1.5px solid #cbd5e1!important;padding:0 1.4rem!important;border-radius:9999px!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;height:40px!important;transition:all .2s ease!important}.btn-outline-dark:hover{border-color:#000!important;background:#f8fafc!important}.email-display-box{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border:1px solid #333336;border-radius:12px;background:#18181b;max-width:600px;width:100%;margin-bottom:1rem;color:#fff}.email-pills{display:flex;align-items:center;gap:.5rem}.pill-verified{font-size:.7rem;font-weight:800;color:#4ade80;background:#22c55e26;padding:.25rem .6rem;border-radius:6px;border:1px solid rgba(34,197,94,.3);letter-spacing:.05em}.pill-primary{font-size:.7rem;font-weight:800;color:#60a5fa;background:#2563eb40;padding:.25rem .6rem;border-radius:6px;border:1px solid rgba(37,99,235,.4);letter-spacing:.05em}.info-box{display:flex;gap:1rem;padding:1.1rem 1.25rem;border-radius:12px;max-width:600px;width:100%;margin-top:1rem}.info-box.secure{border:1px solid #27272a;background:#18181b}.info-box.notice{background:#1d4ed8!important;border:none!important;max-width:600px;width:100%;color:#fff!important}.info-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.secure .info-icon-circle{background:#22c55e33;color:#4ade80}.notice .info-icon-circle{color:#fff;font-size:1.2rem;background:#ffffff26}.info-title{font-weight:800;font-size:.92rem;margin-bottom:.25rem;color:#fff}.info-desc{font-size:.88rem;color:#e4e4e7;line-height:1.5}.connected-account-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border:1px solid #333336;border-radius:12px;background:#18181b;max-width:600px;width:100%;margin-bottom:1rem}.account-brand{display:flex;align-items:center;gap:1rem;font-weight:700;font-size:.95rem;color:#fff}.radio-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;font-size:.92rem;font-weight:700;color:#fff}.profile-footer{display:flex;justify-content:center;gap:2rem;margin-top:4rem;font-size:.85rem;font-weight:700;color:#71717a}.profile-footer span{cursor:pointer;transition:color .2s ease}.profile-footer span:hover{color:#fff}.deactivate-link{color:#3b82f6;font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:none;transition:color .2s ease}.deactivate-link:hover{color:#60a5fa;text-decoration:underline}.premium-card{background:#18181b;border:1px solid #27272a;border-radius:20px;padding:2.2rem;margin-bottom:2.5rem}.premium-card-title{font-size:1.45rem;font-weight:850;color:#fff;margin-bottom:.5rem}.premium-card-desc{font-size:.95rem;color:#a1a1aa;margin-bottom:1.5rem}.premium-divider{height:1px;background:#27272a;margin:1.5rem 0}.premium-benefits-title{font-size:1rem;font-weight:800;color:#fff;margin-bottom:1rem}.premium-benefit-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;color:#e4e4e7}.premium-benefit-icon{width:32px;height:32px;background:#22c55e33;color:#4ade80;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.current-plan-section{margin-bottom:2.5rem}.current-plan-header{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:1rem}.current-plan-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid #27272a}.plan-name{font-size:1rem;font-weight:700;color:#a1a1aa}.plan-links{display:flex;flex-direction:column;gap:.8rem;align-items:flex-end}.plan-link{font-size:.95rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:color .2s ease}.plan-link:hover{color:#22c55e}.action-card{display:flex;align-items:center;justify-content:space-between;background:#18181b;border:1px solid #27272a;border-radius:16px;padding:1.5rem;margin-bottom:2.5rem}.action-card-left{display:flex;align-items:center;gap:1.5rem}.action-card-icon{font-size:2.5rem}.action-card-text p{margin:0;font-size:.9rem;color:#a1a1aa}.pref-section-title{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:1.25rem}.pref-row{display:flex;justify-content:space-between;align-items:center;padding:.95rem 1.2rem;border:1px solid #27272a;border-radius:12px;margin-bottom:.75rem;background:#18181b;max-width:600px;width:100%}.pref-row-text{font-size:.92rem;font-weight:500;color:#fff;max-width:82%;line-height:1.4}.pref-row-sub{display:block;font-size:.78rem;font-weight:400;color:#a1a1aa;margin-top:.3rem;line-height:1.35}.pref-sub-title{font-size:.95rem;font-weight:800;color:#fff;margin:1.75rem 0 .75rem}.cb-switch{position:relative;display:inline-block;width:44px;height:24px}.cb-switch input{opacity:0;width:0;height:0}.cb-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3f3f46;transition:.3s;border-radius:24px}.cb-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000004d}input:checked+.cb-slider{background-color:#22c55e}input:checked+.cb-slider:before{transform:translate(20px)}.profile-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}@media(max-width:868px){.profile-page-wrapper{padding:80px 12px 40px!important}.profile-layout{flex-direction:column!important;gap:1.25rem!important}.profile-sidebar{width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.4rem!important;padding:.5rem!important;box-sizing:border-box!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.profile-sidebar::-webkit-scrollbar{display:none!important}.profile-nav-item{flex:1 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;white-space:nowrap!important;margin-bottom:0!important;padding:.65rem .85rem!important;font-size:.82rem!important;font-weight:800!important;border-radius:9999px!important;clip-path:none!important;overflow:visible!important}.profile-saved-grid{grid-template-columns:1fr!important}.profile-nav-item.active{clip-path:none!important;overflow:visible!important;border-radius:9999px!important;padding:.65rem .75rem!important}.profile-main-content{padding:1.5rem 1.25rem!important;border-radius:20px!important}.profile-section{margin-bottom:2rem!important;padding-bottom:2rem!important}.profile-section-title{font-size:1.2rem!important}.profile-input-group{max-width:100%!important}.email-display-box{max-width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.email-pills{flex-wrap:wrap!important}.connected-account-row{max-width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;padding:.85rem 1rem!important}.account-connect-btn{width:auto!important;max-width:none!important;padding:0 1.25rem!important;height:38px!important;font-size:.85rem!important;flex-shrink:0!important}.action-card{flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important;padding:1.25rem!important}.action-card-left{gap:1rem!important}.action-card button{width:100%!important}.pref-row{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.75rem!important;padding:.85rem 1rem!important}.pref-row-text{max-width:78%!important;font-size:.86rem!important}.btn-solid-green,.btn-dark-pill,.btn-light-pill,.btn-gradient-green,.btn-outline-green,.btn-outline-dark,.btn-outline-red{width:100%!important;max-width:100%!important}.profile-footer{flex-wrap:wrap!important;gap:1rem 1.5rem!important;margin-top:2.5rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tickPop{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@keyframes badgeSlideIn{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.cb-toast-bar-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:999999;pointer-events:auto}.cb-toast-bar{display:flex;align-items:center;gap:14px;background:#111827;border:1px solid #22c55e;border-radius:9999px;padding:10px 20px 10px 12px;box-shadow:0 20px 40px #0009,0 0 25px #22c55e4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastSlideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards;color:#fff;min-width:320px;max-width:90vw}.cb-toast-bar.error{border-color:#ef4444;box-shadow:0 20px 40px #0009,0 0 25px #ef44444d}.cb-toast-icon-circle{width:36px;height:36px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 12px #22c55e66}.cb-toast-bar.error .cb-toast-icon-circle{background:#dc2626;box-shadow:0 0 12px #ef444466}.cb-toast-content{display:flex;flex-direction:column;gap:2px}.cb-toast-title{font-weight:800;font-size:.92rem;color:#fff;font-family:Ubuntu,sans-serif;letter-spacing:-.01em}.cb-toast-subtitle{font-size:.78rem;color:#9ca3af;font-weight:500}.cb-toast-close{background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer;margin-left:auto;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.cb-toast-close:hover{color:#fff}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,40px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.cb-tick-pop{animation:tickPop .4s cubic-bezier(.175,.885,.32,1.275)}.cb-cookie-modal-scroll{overflow-y:auto!important;flex:1;padding-right:10px;margin-bottom:1.25rem;scroll-behavior:smooth}.cb-cookie-modal-scroll::-webkit-scrollbar{width:6px}.cb-cookie-modal-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.cb-cookie-modal-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.cb-cookie-modal-scroll::-webkit-scrollbar-thumb:hover{background:#fff6}.btn-save-preferences-pill{background:#fff!important;color:#000!important;border:2px solid #e2e8f0!important;border-radius:9999px!important;font-weight:800!important;font-size:.95rem!important;font-family:Ubuntu,Inter,sans-serif!important;padding:10px 28px!important;cursor:pointer!important;box-shadow:0 2px 8px #0000000f!important;transition:all .2s ease!important}.btn-save-preferences-pill:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)}.btn-save-preferences-pill:active{transform:translateY(0)}.cb-deactivate-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;background:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999999;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem .75rem;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box}.cb-deactivate-modal-card{background:#0d0d0e;border:1px solid #27272a;border-radius:20px;padding:1.75rem;max-width:460px;width:100%;box-shadow:0 25px 50px -12px #000000e6;color:#fff;margin:auto 0;box-sizing:border-box;flex-shrink:0;position:relative}@media(max-width:640px){.cb-deactivate-modal-backdrop{padding:1rem .5rem 2rem}.cb-deactivate-modal-card{border-radius:16px;padding:1.25rem 1rem;max-width:100%;margin:0 auto}.cb-deactivate-modal-card h3{font-size:1.2rem!important}.cb-deactivate-modal-card p{font-size:.85rem!important}}.cb-quizzes-page{background-color:#141414!important;color:#fff!important;min-height:100vh;padding:110px 0 80px!important;font-family:Ubuntu,Inter,sans-serif;box-sizing:border-box!important;width:100%!important}.cb-quiz-banner-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;flex-shrink:0}.cb-quizzes-page .cb-courses-cube-topbar{width:100%!important;min-height:180px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.5rem 1.25rem!important;box-shadow:0 4px 20px #0000000d!important}.cb-quizzes-page .cb-banner-wave-bg{display:none!important}.cb-quiz-topbar-rhombus{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#ff7e5f,#feb47b);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff7e5f59;flex-shrink:0;margin:4px 8px 4px 4px}.cb-quiz-rhombus-inner{transform:rotate(-45deg);color:#fff;font-size:1.15rem;font-weight:900;line-height:1}.cb-quizzes-page .cb-courses-controls-bar{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.85rem 2.5rem!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}.cb-quizzes-page .cb-courses-search-wrap{position:relative;width:240px;flex-shrink:0}.cb-quizzes-page .cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8a8175;font-size:.8rem}.cb-quizzes-page .cb-courses-search-input{width:100%;height:40px;background:#2b2b2b!important;border:none!important;border-radius:8px!important;padding-left:2.6rem!important;padding-right:2.2rem!important;font-size:.88rem!important;color:#faf9f5!important;outline:none;transition:all .2s ease;box-sizing:border-box!important;box-shadow:0 4px 14px #0003!important}.cb-quizzes-page .cb-courses-search-input:focus{background:#3a3a3a!important;box-shadow:0 6px 20px #0000004d!important}.cb-quizzes-page .cb-courses-search-input::placeholder{color:#8a8175}.cb-quizzes-page .cb-search-clear-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#8a8175;cursor:pointer;font-size:.78rem;transition:color .2s;z-index:10}.cb-quizzes-page .cb-courses-dropdown-wrapper{position:relative;display:inline-block;flex-shrink:0}.cb-quizzes-page .cb-courses-dropdown-btn,.cb-quizzes-page .cb-course-chip{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:color .35s ease!important;z-index:1!important;box-shadow:none!important;height:40px!important;padding:0 1.25rem!important;box-sizing:border-box!important;white-space:nowrap}.cb-quizzes-page .cb-courses-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#000!important;border:1.5px solid #2b2b2b!important;border-radius:12px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.cb-quizzes-page .cb-dropdown-item{padding:.65rem .9rem!important;font-size:.86rem!important;font-weight:600!important;color:#94a3b8!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s ease!important}.cb-quizzes-page .cb-dropdown-item:hover{background:#2b2b2b!important;color:#faf9f5!important}.cb-quizzes-page .cb-dropdown-item.active{background:#fffaec26!important;color:#fffaec!important;font-weight:800!important}.cb-quizzes-page .cb-courses-chips{display:flex;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cb-quizzes-page .cb-courses-chips::-webkit-scrollbar{display:none}.cb-quizzes-page .cb-course-chip.active{background:#7ed321!important;color:#000!important;border:1.5px solid #7ed321!important;font-weight:900!important}.cb-quizzes-page .cb-courses-result-row{display:flex;align-items:center;gap:.75rem}.cb-quizzes-page .cb-courses-result-label{font-size:1.45rem;font-weight:900;color:#fff!important;font-family:Geist,monospace;letter-spacing:-.02em;display:flex;align-items:center;gap:.1rem}.cb-quizzes-page .cb-result-brace{color:#7ed321!important;font-size:1.5rem}.cb-quizzes-page .cb-result-filter-note{font-size:.85rem;font-weight:600;color:#94a3b8}.cb-quizzes-page .cb-result-filter-note strong{color:#faf9f5}.cb-quizzes-page .cb-courses-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,300px))!important;gap:1.5rem!important;width:100%!important;box-sizing:border-box!important;transform:translate(10px)!important}@media(min-width:1350px){.cb-quizzes-page .cb-courses-grid{grid-template-columns:repeat(4,minmax(0,300px))!important}}.cb-quizzes-page .cb-module-column{background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease!important;display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;width:100%!important;max-width:300px!important;min-height:370px!important;height:370px!important;max-height:370px!important}.cb-quizzes-page .cb-module-column:hover{transform:translateY(-4px)!important;border-color:#cbd5e1!important;box-shadow:0 10px 28px #0000001f!important}.cb-quizzes-page .cb-continue-path-btn{background:#7ed321!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.95rem!important;padding:.5rem 1.6rem!important;min-width:95px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 4px 12px #7ed32159!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;letter-spacing:-.01em!important}.cb-quizzes-page .cb-continue-path-btn:hover{background:#8bf024!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #7ed32180!important}.cb-quizzes-page .cb-continue-path-btn:active{transform:translateY(1px)!important;box-shadow:0 2px 6px #7ed3214d!important}@keyframes cb-avatar-float{0%,to{transform:translateY(0);box-shadow:0 8px 24px #0006}50%{transform:translateY(-14px);box-shadow:0 16px 36px #0009}}@keyframes cb-orb-float-left{0%,to{transform:translate(0)}50%{transform:translate(-15px,-20px)}}@keyframes cb-orb-float-right{0%,to{transform:translate(0)}50%{transform:translate(18px,-15px)}}@keyframes cb-pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:.3}to{transform:scale(.95);opacity:.8}}@keyframes cb-screen-shake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-10px,8px) rotate(-1.8deg)}30%{transform:translate(10px,-8px) rotate(1.8deg)}45%{transform:translate(-8px,-5px) rotate(-1.2deg)}60%{transform:translate(8px,5px) rotate(1.2deg)}75%{transform:translate(-4px,3px) rotate(-.6deg)}to{transform:translate(0) rotate(0)}}.cb-shake-impact{animation:cb-screen-shake .38s cubic-bezier(.36,.07,.19,.97)!important}@keyframes cb-spark-expand{0%{transform:scale(.2);opacity:1;border-width:5px}to{transform:scale(2.4);opacity:0;border-width:1px}}.cb-collision-spark{position:absolute;width:65px;height:65px;border-radius:50%;border:3.5px solid #7ed321;box-shadow:0 0 25px #7ed321,inset 0 0 12px #7ed321;pointer-events:none;animation:cb-spark-expand .45s ease-out forwards;transform-origin:center;z-index:99}.cb-back-to-quizzes-btn{display:inline-flex!important;align-items:center!important;gap:.6rem!important;background:#fffdf0!important;color:#121212!important;border:1.5px solid #E6E0D0!important;border-radius:8px!important;padding:.55rem 1.25rem!important;font-size:.9rem!important;font-weight:850!important;cursor:pointer!important;transition:all .2s ease!important}.cb-back-to-quizzes-btn:hover{background:#ffead2!important;color:#000!important;transform:translate(-3px)!important}.cb-quiz-topbar-nav{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;margin-bottom:2rem;padding:0 .5rem;gap:.75rem;box-sizing:border-box}.cb-quiz-topbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.cb-topbar-box{background:#fffdf0!important;color:#121212!important;border:1.5px solid #E6E0D0!important;border-radius:8px!important;padding:.45rem .95rem!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:.85rem!important;font-weight:850!important;white-space:nowrap!important}@keyframes cb-ready-pop{0%{transform:scale(.4) translateY(10px);opacity:0}70%{transform:scale(1.15) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.cb-ready-pill-btn{background:#7ed321!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,sans-serif!important;font-weight:900!important;font-size:1.25rem!important;padding:16px 56px!important;cursor:pointer!important;box-shadow:none!important;transition:transform .2s ease!important}.cb-ready-pill-btn:hover{background:#7ed321!important;transform:scale(1.05)!important;box-shadow:none!important}.cb-ready-pill-btn:active{transform:scale(.96)!important}@keyframes cb-mega-shake{0%{transform:translate(0) scale(1) rotate(0)}5%{transform:translate(-22px,18px) scale(1.05) rotate(-4deg)}10%{transform:translate(22px,-18px) scale(1.06) rotate(4deg)}15%{transform:translate(-20px,16px) scale(1.05) rotate(-3.5deg)}20%{transform:translate(20px,-16px) scale(1.05) rotate(3.5deg)}25%{transform:translate(-18px,-14px) scale(1.04) rotate(-3deg)}30%{transform:translate(18px,14px) scale(1.04) rotate(3deg)}40%{transform:translate(-15px,-12px) scale(1.03) rotate(-2deg)}50%{transform:translate(15px,12px) scale(1.03) rotate(2deg)}65%{transform:translate(-10px,8px) scale(1.02) rotate(-1deg)}80%{transform:translate(10px,-8px) scale(1.01) rotate(1deg)}90%{transform:translate(-4px,3px) rotate(-.5deg)}to{transform:translate(0) scale(1) rotate(0)}}.cb-mega-shake-impact{animation:cb-mega-shake 1.8s cubic-bezier(.36,.07,.19,.97)!important}@keyframes cb-screen-flash{0%{opacity:0}15%{opacity:.85}to{opacity:0}}.cb-explosion-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(126,211,33,.8) 0%,rgba(255,255,255,.6) 40%,transparent 100%);z-index:997;pointer-events:none;animation:cb-screen-flash 1.8s ease-out forwards}@keyframes cb-shockwave-burst{0%{transform:scale(.05);opacity:1;border-width:18px}50%{opacity:.95}to{transform:scale(5.5);opacity:0;border-width:1px}}.cb-mega-shockwave-ring{position:fixed;top:50%;left:50%;width:260px;height:260px;margin-top:-130px;margin-left:-130px;border-radius:50%;border:12px solid #7ed321;box-shadow:0 0 70px #7ed321,inset 0 0 50px #7ed321;pointer-events:none;z-index:990;animation:cb-shockwave-burst 1.8s ease-out forwards}@keyframes cb-glass-crack-appear{0%{opacity:0;transform:scale(.15)}15%{opacity:1;transform:scale(1)}85%{opacity:.95;transform:scale(1.03)}to{opacity:0;transform:scale(1.06)}}@keyframes cb-crack-draw-path{0%{stroke-dashoffset:1200}to{stroke-dashoffset:0}}.cb-glass-crack-svg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:998;pointer-events:none;animation:cb-glass-crack-appear 2s cubic-bezier(.16,1,.3,1) forwards}.cb-glass-crack-svg path,.cb-glass-crack-svg polygon{stroke-dasharray:1200;stroke-dashoffset:1200;animation:cb-crack-draw-path 1.4s ease-out forwards}@media(max-width:768px){.cb-quiz-topbar-nav{margin-top:.6rem!important;margin-bottom:1rem!important;padding:0 .2rem!important;gap:.35rem!important;flex-wrap:wrap!important;justify-content:center!important}.cb-quiz-topbar-right{gap:.35rem!important;margin-left:0!important}.cb-topbar-box{padding:.35rem .55rem!important;font-size:.75rem!important;gap:4px!important;border-radius:6px!important}.cb-back-to-quizzes-btn{padding:.35rem .55rem!important;font-size:.75rem!important;white-space:nowrap!important;border-radius:6px!important;gap:4px!important}.cb-quiz-standalone-page{padding:75px .5rem 30px!important}.cb-flying-avatars-canvas{height:calc(100vh - 160px)!important;min-height:320px!important;max-width:100%!important}.cb-ready-pill-btn{font-size:1rem!important;padding:12px 36px!important}.cb-quiz-player-standalone{border-radius:8px!important;width:100%!important;margin-top:15px!important}.cb-quiz-player-standalone header{padding:1rem 1.25rem!important}.cb-quiz-player-standalone>div{padding:1.25rem 1rem!important}.cb-quiz-summary-standalone{padding:2rem 1.25rem!important;border-radius:8px!important}.cb-quizzes-page{padding:75px 0 60px!important}.cb-quizzes-page .cb-courses-cube-topbar{padding:1.25rem 1rem!important;min-height:auto!important}.cb-quizzes-page .cb-cube-topbar-brace{font-size:1.6rem!important}.cb-quiz-banner-icon{width:36px;height:36px}.cb-quizzes-page .cb-cube-topbar-desc{font-size:.85rem!important}.cb-quizzes-page .cb-banner-stats-row{gap:1.25rem!important}.cb-quizzes-page .cb-courses-controls-bar{padding:.85rem 1rem!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important}.cb-quizzes-page .cb-courses-search-wrap{width:100%!important}.cb-quizzes-page .cb-courses-chips{width:100%!important;padding-bottom:4px}.cb-quizzes-page .cb-courses-grid{grid-template-columns:1fr!important;justify-items:center!important}.cb-quizzes-page .cb-module-column{max-width:300px!important}.cb-quizzes-content-area{padding:1.5rem 1rem 3rem!important}}.cb-quiz-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:cbFadeIn .25s ease}.cb-quiz-modal-container{background:#1a1a1a;border:1.5px solid #333333;border-radius:20px;width:100%;max-width:640px;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative;display:flex;flex-direction:column;max-height:90vh;animation:cbSlideUp .3s ease-out}.cb-quiz-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center;background:#121212}.cb-quiz-close-btn{background:none;border:none;font-size:1.4rem;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.cb-quiz-close-btn:hover{color:#fff}.cb-quiz-modal-body{padding:2rem 1.75rem;overflow-y:auto;flex:1;display:flex;flex-direction:column}.cb-quiz-progress-wrapper{margin-bottom:1.75rem}.cb-quiz-progress-text{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;color:#9ca3af;margin-bottom:.4rem}.cb-quiz-progress-bar-bg{height:8px;background:#2d2d2d;border-radius:10px;overflow:hidden}.cb-quiz-progress-bar-fill{height:100%;border-radius:10px;background:#7ed321;transition:width .3s ease}.cb-quiz-question-box{margin-bottom:1.5rem}.cb-quiz-question-text{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.4;margin-bottom:1.25rem}.cb-quiz-options-list{display:flex;flex-direction:column;gap:.8rem}.cb-quiz-question-box h3{font-weight:500!important}.cb-quiz-option-button{padding:.85rem 1.25rem;background:#262626;border:1.5px solid #333333;border-radius:12px;font-size:.92rem;font-weight:400!important;color:#121212;text-align:left;cursor:pointer;transition:all .15s ease;outline:none;display:flex;align-items:center;gap:.85rem;width:100%}.cb-quiz-option-button:hover:not(:disabled){border-color:#7ed321;background:#7ed3211a}.cb-quiz-option-button.selected{border-color:#7ed321!important;background:#7ed3211f!important}.cb-quiz-option-button.correct{border-color:#7ed321!important;background:#7ed3212e!important;color:#7ed321!important}.cb-quiz-option-button.incorrect{border-color:#ef4444!important;background:#ef44442e!important;color:#fca5a5!important}.cb-quiz-option-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #525252;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;flex-shrink:0}.cb-quiz-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #2d2d2d;display:flex;justify-content:flex-end;background:#121212}.cb-quiz-footer-btn{padding:.75rem 1.75rem;border-radius:999px;font-weight:900;font-size:.9rem;cursor:pointer;transition:all .15s;border:none}.cb-quiz-footer-btn.primary{background:#7ed321;color:#000}.cb-quiz-footer-btn.primary:hover:not(:disabled){background:#8df025}@keyframes cbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cbSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-leaderboard-pop{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cb-rank-slide{0%{opacity:0;transform:translate(-80px)}65%{opacity:.85;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes cb-timer-pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.cb-leaderboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c10e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.cb-leaderboard-card{background:#fffdf0;border:1.5px solid #EFE3C3;border-radius:16px;width:100%;max-width:580px;padding:2.2rem 2rem;box-shadow:0 25px 70px #00000080;animation:cb-leaderboard-pop .4s cubic-bezier(.175,.885,.32,1.275) forwards;color:#121212}@keyframes cb-screen-impact-shake{0%{transform:translate(0) rotate(0)}12%{transform:translate(-12px,8px) rotate(-1.2deg)}25%{transform:translate(12px,-10px) rotate(1.2deg)}38%{transform:translate(-10px,7px) rotate(-.8deg)}50%{transform:translate(8px,-5px) rotate(.6deg)}65%{transform:translate(-5px,3px) rotate(-.4deg)}80%{transform:translate(2px,-2px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}.cb-screen-impact-shake{animation:cb-screen-impact-shake 2s cubic-bezier(.1,.9,.2,1) both!important}.cb-leaderboard-list{display:flex;flex-direction:column;gap:.6rem}.cb-lime-green-bar-container{position:relative;background:#eae3d2;border-radius:9999px;margin-bottom:.5rem;overflow:hidden;border:1.5px solid #DCD0B5;box-shadow:none!important;animation:cb-rank-slide .45s ease-out forwards;min-height:64px}.cb-lime-green-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6ebc1c,#7ed321,#8fe62e);border-radius:9999px;transition:width 3.6s cubic-bezier(.02,.85,.05,1);z-index:1;will-change:width}.cb-lime-green-row-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.6rem;color:#121212;width:100%}.cb-timer-badge-urgent{animation:cb-timer-pulse .6s infinite ease-in-out}.cb-quizboy-standing-left{position:absolute;left:-200px;bottom:0;height:380px;width:auto;object-fit:contain;z-index:10;pointer-events:none;animation:cb-human-motion-loop 3.2s ease-in-out infinite;filter:none!important;box-shadow:none!important}@keyframes cb-human-motion-loop{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.8deg)}50%{transform:translateY(-3px) rotate(-.5deg)}75%{transform:translateY(-9px) rotate(.4deg)}to{transform:translateY(0) rotate(0)}}@media(max-width:1240px){.cb-quizboy-standing-left{left:-140px;height:300px}}@media(max-width:1024px){.cb-quizboy-standing-left{display:none}}.main-content{background:#141414!important}#root .main-content .cb-courses-container{padding:110px 0 20px!important;background:#141414!important;min-height:100vh!important;width:100%!important;box-sizing:border-box!important;font-family:Ubuntu,sans-serif}.cb-courses-cube-topbar{width:100%!important;height:210px!important;min-height:210px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.25rem 1.25rem!important}.cb-courses-cube-topbar .cb-banner-wave-bg{display:none!important}.cb-topbar-single-cube-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;object-fit:contain;animation:cb-topbar-float 4s ease-in-out infinite;flex-shrink:0}@keyframes cb-topbar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cb-banner-stat-item .cb-stat-label{text-transform:none!important}.cb-courses-controls-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem 2.5rem;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;width:100%;box-sizing:border-box;flex-wrap:wrap}.cb-courses-search-wrap{position:relative;width:260px;flex-shrink:0}.cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#475569;font-size:.8rem}.cb-courses-search-input{width:100%;height:40px;background:#2b2b2b!important;border:none!important;border-radius:8px!important;padding-left:2.8rem;padding-right:2.5rem;font-size:.88rem;color:#faf9f5!important;outline:none;transition:all .2s ease;box-sizing:border-box;box-shadow:0 4px 14px #0003!important}.cb-courses-search-input:focus{background:#3a3a3a!important;box-shadow:0 6px 20px #0000004d!important}.cb-courses-search-input::placeholder{color:#8a8175}.cb-search-clear-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#8a8175;cursor:pointer;font-size:.78rem;transition:color .2s;z-index:10}.cb-search-clear-icon:hover{color:#ef4444}.cb-courses-dropdown-wrapper{position:relative;display:inline-block;flex-shrink:0}.cb-courses-dropdown-btn,.cb-course-chip,.cb-courses-clear-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:color .35s ease!important;z-index:1!important;isolation:isolate!important;box-shadow:none!important;height:40px!important;padding:0 1.5rem!important;box-sizing:border-box!important;white-space:nowrap}.cb-courses-dropdown-btn:before,.cb-course-chip:before,.cb-courses-clear-btn:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;z-index:-1!important;border-radius:8px!important}.cb-courses-dropdown-btn:hover:before,.cb-course-chip:hover:before,.cb-courses-clear-btn:hover:before{transform:scaleX(1)!important}.cb-courses-dropdown-btn:hover,.cb-course-chip:hover,.cb-courses-clear-btn:hover{color:#fff!important;transform:none!important;box-shadow:none!important}.cb-courses-dropdown-btn:active,.cb-course-chip:active,.cb-courses-clear-btn:active{transform:none!important;box-shadow:none!important}.cb-courses-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#000!important;border:1.5px solid #2b2b2b!important;border-bottom:4px solid #2b2b2b!important;border-radius:12px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.cb-dropdown-item{padding:.65rem .9rem!important;font-size:.86rem!important;font-weight:600!important;color:#94a3b8!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s ease!important}.cb-dropdown-item:hover{background:#2b2b2b!important;color:#faf9f5!important}.cb-dropdown-item.active{background:#fffaec26!important;color:#fffaec!important;font-weight:800!important}.cb-courses-view-toggles{display:flex;background:#000!important;border:1.5px solid #2b2b2b!important;border-radius:9999px;overflow:hidden;flex-shrink:0;box-shadow:0 4px #1a1a1a,0 6px 12px #0003!important}.cb-view-toggle-item{width:40px;height:38px;display:flex;align-items:center;justify-content:center;color:#ffead2!important;cursor:pointer;transition:all .2s ease}.cb-view-toggle-item.active{background:#2b2b2b!important;color:#fffaec!important}.cb-courses-chips{display:flex;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cb-course-chip.active{background:#000!important;color:#ffead2!important;border:1.5px solid #FFEAD2!important;box-shadow:none!important}.cb-course-chip.active:hover{background:#000!important;box-shadow:none!important}.cb-courses-result-row{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem .5rem 16.5rem}.cb-courses-result-label{font-size:1.45rem;font-weight:900;color:#ffead2!important;font-family:Geist,monospace;letter-spacing:-.02em;display:flex;align-items:center;gap:.1rem}.cb-result-brace{color:#ffead2!important;font-size:1.5rem}.cb-result-filter-note{font-size:.85rem;font-weight:600;color:#475569}.cb-result-filter-note strong{color:#94a3b8}.cb-courses-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,300px))!important;justify-content:center!important;gap:1.5rem!important;padding:1.25rem 2.5rem 3rem!important;max-width:1560px!important;width:100%!important;margin-inline:auto!important;box-sizing:border-box!important}@media(min-width:1350px){.cb-courses-grid{grid-template-columns:repeat(4,minmax(0,300px))!important}}.cb-module-column{background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease!important;display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;width:100%!important;max-width:300px!important;min-height:370px!important;height:370px!important;max-height:370px!important}.cb-module-column:hover{transform:translateY(-4px)!important;border-color:#cbd5e1!important;box-shadow:0 10px 28px #0000001f!important}.cb-topic-card-header{display:flex;justify-content:flex-end;align-items:center;padding:.8rem .8rem 0}.cb-topic-number{padding:.28rem .55rem!important;background:#7ed3211f!important;color:#3d7500!important;border-radius:7px!important;font-size:.78rem!important;font-weight:900!important}.cb-card-cat-badge{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:7px;font-size:.7rem;font-weight:800;color:#000!important}.cb-cat-cloud{background:#3b82f61f!important}.cb-cat-aiml{background:#8b5cf61f!important}.cb-cat-linux{background:#22c55e1f!important}.cb-cat-cybersecurity{background:#ef44441a!important}.cb-cat-devops{background:#ec48991a!important}.cb-cat-aws{background:#f973161a!important}.cb-topic-visual{width:100%!important;height:135px!important;margin:.6rem 0 .8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle,rgba(126,211,33,.06) 0%,transparent 70%)!important}.cb-topic-img{height:82%!important;width:auto!important;object-fit:contain!important}.cb-card-content{padding:0 1rem 1.35rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;flex:1!important}.cb-card-title{font-size:1.05rem!important;font-weight:800;color:#1a1a1a!important;margin:0 0 .4rem;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-card-description{font-size:.8rem!important;color:#5f5245!important;line-height:1.5;margin:0 0 1rem;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.cb-card-metrics-grid{display:flex;gap:.35rem;margin:0 0 .8rem;width:100%}.cb-metric-pill{flex:1;display:flex;align-items:center;gap:.35rem;background:#0000000d!important;border-radius:7px;padding:.35rem .3rem;border:1px solid rgba(0,0,0,.08)!important}.cb-metric-pill-icon{color:#5f5245;background:#00000012;width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-metric-pill-text-col{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.cb-metric-pill-num{font-size:.78rem;font-weight:800;color:#1a1a1a}.cb-metric-pill-label{font-size:.62rem;font-weight:700;color:#5f5245;margin-top:1px}.cb-card-progress-bar-bg{width:100%;height:4px!important;background:#0000001f;border-radius:99px;overflow:hidden;margin-bottom:.75rem}.cb-card-progress-bar-fill{height:100%;border-radius:99px;transition:width 1s ease-out}.cb-card-action-row{display:flex;flex-direction:column!important;align-items:center!important;gap:.5rem!important;width:100%;margin-top:auto!important;padding-bottom:.8rem!important}.cb-card-completion-text{font-size:.8rem;font-weight:800;text-align:center!important}.cb-card-action-btns{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.cb-view-course-btn{width:155px!important;height:40px!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:12px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.95rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .35s ease,transform .2s ease,box-shadow .2s ease!important;box-shadow:0 4px 12px #00000026!important;letter-spacing:.01em;position:relative!important;overflow:hidden!important;isolation:isolate!important;z-index:1!important}.cb-view-course-btn:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .4s cubic-bezier(.25,1,.5,1)!important;z-index:-1!important;border-radius:12px!important}.cb-view-course-btn:hover:before{transform:scaleX(1)!important}.cb-view-course-btn:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #00000040!important;border-color:transparent!important}.cb-view-course-btn:active{transform:translateY(1px)!important;box-shadow:0 2px 6px #00000026!important}.cb-bookmark-btn{width:34px;height:34px;border-radius:4px;border:1.5px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;flex-shrink:0}.cb-bookmark-btn:hover{background:#f8fafc;color:#1e293b;border-color:#94a3b8!important}.cb-bookmark-btn.saved{background:#7ed32126!important;border-color:#7ed321!important;color:#7ed321!important}.cb-bookmark-btn.saved:hover{background:#7ed32140!important}.cb-courses-no-results{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:5rem 2rem!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;margin:1rem 2.5rem 3rem!important;box-sizing:border-box!important}.cb-no-results-icon-wrap{width:70px;height:70px;background:#0000000f!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#5f5245!important;margin-bottom:1.25rem!important}.cb-no-results-title{font-size:1.4rem!important;font-weight:800!important;color:#1a1a1a!important;margin:0 0 .4rem!important}.cb-no-results-desc{font-size:.95rem!important;color:#5f5245!important;max-width:400px!important;line-height:1.5!important;margin:0 0 1.75rem!important}.cb-no-results-btn{padding:.7rem 1.6rem!important;background:#7ed321!important;color:#000!important;border:none!important;border-bottom:3px solid #5a9e14!important;border-radius:12px!important;font-weight:800!important;cursor:pointer!important;transition:transform .12s ease!important}.cb-no-results-btn:hover{transform:translateY(-2px)!important}.cb-courses-list-view{display:flex!important;flex-direction:column!important;gap:1.25rem!important;padding:1.25rem 2.5rem 3rem!important;box-sizing:border-box!important}.cb-course-list-card{display:flex!important;background:#ffead2!important;border:2px solid #e8d5b7!important;border-bottom:5px solid #c9a97d!important;border-radius:18px!important;padding:1.4rem!important;gap:1.75rem!important;align-items:center!important;cursor:pointer!important;transition:transform .22s ease,box-shadow .22s ease!important;box-sizing:border-box!important;width:100%!important}.cb-course-list-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 35px #00000073!important}.cb-list-visual{position:relative!important;width:170px!important;height:112px!important;border-radius:12px!important;overflow:hidden!important;background:#0000000f!important;flex-shrink:0!important}.cb-list-img{width:100%!important;height:100%!important;object-fit:cover!important}.cb-list-number{position:absolute!important;top:.4rem!important;left:.4rem!important;background:#ffead2f2!important;color:#1a1a1a!important;font-weight:800!important;font-size:.72rem!important;padding:.2rem .45rem!important;border-radius:5px!important}.cb-list-details{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.cb-list-header-row{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:.4rem!important}.cb-list-category-badge{font-size:.72rem!important;font-weight:800!important;padding:.22rem .55rem!important;border-radius:5px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.cb-list-level{font-size:.78rem!important;font-weight:700!important;color:#5f5245!important}.cb-list-title{font-size:1.1rem!important;font-weight:800!important;color:#1a1a1a!important;margin:0 0 .35rem!important}.cb-list-desc{font-size:.85rem!important;color:#5f5245!important;margin:0 0 .85rem!important;line-height:1.4!important}.cb-list-progress-section{display:flex!important;align-items:center!important;gap:.75rem!important}.cb-list-progress-bar-bg{flex:1!important;max-width:220px!important;height:5px!important;background:#0000001f!important;border-radius:10px!important;overflow:hidden!important}.cb-list-progress-bar-fill{height:100%!important;border-radius:10px!important}.cb-list-progress-text{font-size:.78rem!important;font-weight:800!important;color:#5f5245!important}.cb-list-actions{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:1rem!important;width:200px!important;flex-shrink:0!important;border-left:1px solid rgba(0,0,0,.1)!important;padding-left:1.75rem!important}.cb-list-stats{display:flex!important;flex-direction:column!important;gap:.35rem!important;width:100%!important}.cb-list-stat-item{display:flex!important;align-items:center!important;gap:.45rem!important;font-size:.82rem!important;color:#5f5245!important;font-weight:700!important}.cb-list-stat-item svg{color:#5f5245!important}.cb-list-resume-btn{width:100%!important;height:40px!important;background:var(--btn-color, #7ed321)!important;border:none!important;border-radius:12px!important;border-bottom:4px solid rgba(0,0,0,.25)!important;color:#fff!important;font-weight:800!important;font-size:.82rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:transform .1s ease,filter .1s ease!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cb-list-resume-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.1)}.cb-list-resume-btn:active{transform:translateY(2px)!important;border-bottom:1px solid rgba(0,0,0,.25)!important}.cb-courses-promo-banner{background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border:1.5px solid #F3D0EF!important;border-radius:8px!important;padding:2rem 2.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 2.5rem 2.5rem!important;box-sizing:border-box!important;position:relative;overflow:hidden;gap:2rem!important;box-shadow:0 4px 20px #0000000a!important}.cb-promo-left{flex:0 0 15%!important;display:flex!important;align-items:center!important;justify-content:center!important;height:150px;background:radial-gradient(circle at center,rgba(126,211,33,.08) 0%,transparent 70%)}.cb-promo-gift-img{max-height:140px!important;width:auto!important;animation:cb-promo-float 4s ease-in-out infinite}@keyframes cb-promo-float{0%{transform:translateY(0)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0)}}.cb-promo-divider{width:1px!important;height:120px!important;background:#0000001a!important;align-self:center!important;flex-shrink:0!important}.cb-promo-middle{flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:0 .5rem!important}.cb-courses-promo-banner .cb-promo-badge{display:inline-flex!important;align-items:center!important;gap:.35rem!important;padding:.3rem .75rem!important;background:#0000000f!important;border-radius:8px!important;margin-bottom:.6rem!important}.cb-courses-promo-banner .cb-promo-badge span{font-size:.7rem!important;font-weight:900!important;color:#000!important;letter-spacing:.06em!important}.cb-courses-promo-banner .cb-promo-title{font-size:1.65rem!important;font-weight:950!important;color:#000!important;margin:0 0 .3rem!important;letter-spacing:-.015em!important}.cb-courses-promo-banner .cb-promo-subtitle{font-size:.9rem!important;color:#000!important;line-height:1.6!important;margin:0 0 1.2rem!important;font-weight:500!important}.cb-promo-features-row{display:flex!important;gap:1rem!important;width:100%!important}.cb-promo-feature-item{flex:1!important;display:flex!important;align-items:center!important;gap:.6rem!important;padding:.45rem .65rem!important;border-radius:8px!important;border:1px solid transparent!important;transition:transform .2s ease!important}.cb-promo-feature-item:hover{transform:translateY(-2px)!important}.cb-courses-promo-banner .cb-feat-labs{background:#0000000a!important;border-color:#00000014!important}.cb-courses-promo-banner .cb-feat-labs .cb-promo-feat-icon-wrap{background:#00000014!important;color:#000!important}.cb-courses-promo-banner .cb-feat-certs{background:#0000000a!important;border-color:#00000014!important}.cb-courses-promo-banner .cb-feat-certs .cb-promo-feat-icon-wrap{background:#00000014!important;color:#000!important}.cb-courses-promo-banner .cb-feat-career{background:#0000000a!important;border-color:#00000014!important}.cb-courses-promo-banner .cb-feat-career .cb-promo-feat-icon-wrap{background:#00000014!important;color:#000!important}.cb-promo-feat-icon-wrap{width:34px!important;height:34px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.cb-promo-feat-text{display:flex!important;flex-direction:column!important;line-height:1.2!important}.cb-courses-promo-banner .cb-promo-feat-title{font-size:.82rem!important;font-weight:800!important;color:#000!important}.cb-courses-promo-banner .cb-promo-feat-desc{font-size:.68rem!important;font-weight:600!important;color:#000!important}.cb-promo-right{flex:0 0 24%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding-left:.5rem!important}.cb-promo-premium-btn{width:100%!important;height:60px!important;background:linear-gradient(135deg,#f97316,#d946ef,#8b5cf6 70%,#3b82f6)!important;background-size:200% auto!important;border:1px solid rgba(255,255,255,.15)!important;border-bottom:5px solid rgba(0,0,0,.25)!important;border-radius:18px!important;display:flex!important;align-items:center!important;padding:0 1.1rem!important;gap:.75rem!important;cursor:pointer!important;transition:all .15s ease-out!important;box-shadow:0 10px 22px #8b5cf633!important;animation:cb-promo-btn-glow 5s ease infinite}@keyframes cb-promo-btn-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cb-promo-premium-btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 30px #8b5cf659!important}.cb-promo-premium-btn:active{transform:translateY(2px)!important;border-bottom:1px solid rgba(0,0,0,.25)!important}.cb-promo-btn-crown-wrap{width:34px!important;height:34px!important;background:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.cb-promo-btn-crown{color:#c084fc!important}.cb-promo-btn-text-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.2!important;flex-grow:1!important}.cb-promo-btn-main-txt{font-size:1.05rem!important;font-weight:900!important;color:#fff!important}.cb-promo-btn-sub-txt{font-size:.7rem!important;font-weight:600!important;color:#ffffffd9!important}.cb-promo-btn-arrow{color:#fff!important;transition:transform .2s ease!important}.cb-promo-premium-btn:hover .cb-promo-btn-arrow{transform:translate(3px)!important}.cb-promo-right .cb-cloud-btn-filled{position:relative!important;overflow:hidden!important}.cb-promo-right .cb-cloud-btn-filled:after{content:""!important;position:absolute!important;top:-50%!important;left:-60%!important;width:40%!important;height:200%!important;background:linear-gradient(to right,#fff0,#ffffff40 30%,#ffffff73,#ffffff40 70%,#fff0)!important;transform:rotate(25deg)!important;animation:cb-btn-shining-loop 3.5s cubic-bezier(.19,1,.22,1) infinite!important;pointer-events:none!important}@keyframes cb-btn-shining-loop{0%{left:-60%}15%,to{left:140%}}@media(max-width:1280px){.cb-courses-result-row,.cb-courses-grid{padding-left:2rem!important;padding-right:2rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:992px){.cb-courses-result-row,.cb-courses-grid{padding-left:1.5rem!important;padding-right:1.5rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:768px){#root .main-content .cb-courses-container{padding:90px 0 0!important}.cb-courses-cube-topbar{height:auto!important;min-height:140px!important;padding:1.5rem 1.25rem!important}.cb-topbar-single-cube-icon{width:36px!important;height:36px!important}.cb-cube-topbar-brace{font-size:1.65rem!important}.cb-cube-topbar-desc{font-size:.85rem!important}.cb-courses-controls-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;padding:.85rem 1rem!important}.cb-courses-search-wrap{grid-column:1 / -1!important;width:100%!important}.cb-courses-dropdown-wrapper{grid-column:span 1!important;width:100%!important}.cb-courses-dropdown-btn{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.cb-courses-chips{grid-column:1 / -1!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:.25rem 0!important;gap:.5rem!important;-webkit-overflow-scrolling:touch!important}.cb-course-chip{flex-shrink:0!important}.cb-courses-clear-btn{grid-column:1 / -1!important;width:100%!important;justify-content:center!important}.cb-courses-result-row{padding:1rem 1rem .4rem!important}.cb-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:1.2rem!important;padding:1rem 1rem 2rem!important}.cb-module-column{max-width:100%!important}.cb-courses-list-view{padding:1rem 1rem 2rem!important}.cb-courses-promo-banner{flex-direction:column;margin:0 1rem 2rem!important;padding:1.5rem 1.25rem!important}.cb-promo-divider{display:none!important}.cb-promo-right{width:100%;padding-left:0!important}.cb-promo-premium-btn{max-width:100%}.cb-promo-features-row{flex-direction:column!important;gap:.6rem!important}.cb-courses-no-results{margin:1rem 1rem 2rem!important}.cb-course-list-card{flex-direction:column!important}.cb-list-visual{width:100%!important;height:150px!important}.cb-list-actions{width:100%!important;border-left:none!important;padding-left:0!important;flex-direction:row;justify-content:space-between}.cb-list-stats{flex-direction:row!important;gap:.75rem!important}.cb-list-resume-btn{width:auto!important;min-width:130px!important}}@media(max-width:480px){.cb-courses-result-row,.cb-courses-grid{padding-left:.85rem!important;padding-right:.85rem!important}.cb-courses-grid{grid-template-columns:1fr!important}}#root .main-content .cb-course-detail-container{padding:105px 2.5rem 60px!important;background:#000!important;min-height:100vh!important;width:100%!important;box-sizing:border-box!important;font-family:Ubuntu,sans-serif;color:#fff}.cb-detail-top-nav{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:0 auto 1.75rem;gap:1rem;flex-wrap:wrap}.cb-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#2b2b2b!important;color:#fff!important;border:1.5px solid #444444!important;border-radius:9999px!important;padding:.5rem 1.25rem!important;font-size:.88rem!important;font-weight:800!important;cursor:pointer!important;transition:all .2s ease!important}.cb-detail-back-btn:hover{background:#000!important;border-color:#7ed321!important;color:#7ed321!important}.cb-course-breadcrumbs{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:700;color:#94a3b8}.cb-breadcrumb-item{cursor:pointer;transition:color .2s ease}.cb-breadcrumb-item:hover{color:#7ed321}.cb-breadcrumb-active{color:#ffead2;font-weight:900}.cb-topic-hero-card{max-width:1300px;margin:0 auto 3rem;background:#ffead2!important;border:2px solid #e8d5b7!important;border-radius:26px!important;padding:2.25rem 2.5rem!important;box-shadow:0 10px 30px #0006!important;color:#1a1a1a!important;box-sizing:border-box}.cb-topic-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.cb-topic-hero-badge-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cb-topic-category-badge{font-size:.8rem;font-weight:900;background:#00000014;color:#000;padding:.3rem .75rem;border-radius:8px}.cb-topic-level-badge{font-size:.8rem;font-weight:800;background:#7ed32133;color:#15803d;padding:.3rem .75rem;border-radius:8px}.cb-topic-rating-badge{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;color:#1a1a1a}.cb-topic-reviews{color:#5f5245;font-weight:600}.cb-detail-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:#fff!important;border:1.5px solid #e2d1b3!important;border-radius:9999px!important;font-size:.88rem!important;font-weight:800!important;color:#1a1a1a!important;cursor:pointer!important;transition:all .2s ease!important}.cb-detail-save-btn:hover{background:#fdf8ef!important;border-color:#7ed321!important}.cb-detail-save-btn.saved{background:#7ed32126!important;border-color:#7ed321!important;color:#15803d!important}.cb-topic-hero-layout{display:grid;grid-template-columns:240px 1fr;gap:2.25rem;align-items:flex-start}.cb-topic-left-col{display:flex;flex-direction:column;align-items:center}.cb-topic-image-frame{width:100%;height:190px;background:radial-gradient(circle,rgba(126,211,33,.12) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(0,0,0,.08);padding:.75rem;box-sizing:border-box}.cb-topic-left-img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.cb-topic-right-col{display:flex;flex-direction:column}.cb-topic-right-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.cb-topic-big-title{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:950;color:#000!important;margin:0 0 .25rem;line-height:1.15;letter-spacing:-.025em}.cb-topic-short-tagline{font-size:1.05rem;font-weight:800;color:#3d7500;margin:0 0 .5rem;line-height:1.4}.cb-topic-small-explanation{font-size:.95rem;color:#475569;line-height:1.65;margin:0 0 1.25rem}.cb-topic-stats-and-action-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08)}.cb-topic-stats-row{display:flex;gap:.75rem;flex-wrap:wrap}.cb-topic-stat-pill{display:inline-flex;align-items:center;gap:.45rem;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:.45rem .85rem;font-size:.85rem;color:#1a1a1a}.cb-stat-icon{color:#15803d;font-size:.95rem}.cb-start-topic-primary-btn{height:46px;padding:0 1.6rem;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:14px!important;font-weight:900!important;font-size:.95rem!important;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #00000040!important;white-space:nowrap}.cb-start-topic-primary-btn:hover{background:#000!important;transform:translateY(-2px)!important}.cb-outcomes-section{max-width:1300px;margin:0 auto 3rem}.cb-section-heading{font-size:1.45rem;font-weight:900;color:#ffead2!important;display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.cb-heading-icon{color:#7ed321}.cb-outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.cb-outcome-item-card{background:#ffead2!important;border:2px solid #e8d5b7!important;border-radius:18px!important;padding:1.2rem 1.4rem!important;display:flex;align-items:flex-start;gap:.85rem;color:#1a1a1a!important;box-shadow:0 4px 12px #00000026!important}.cb-outcome-check-icon{width:24px;height:24px;border-radius:50%;background:#7ed32133;color:#15803d;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.cb-outcome-text{font-size:.92rem;font-weight:700;line-height:1.5;color:#1a1a1a}.cb-curriculum-section{max-width:1300px;margin:0 auto 3.5rem}.cb-curriculum-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cb-curriculum-count{font-size:.9rem;font-weight:800;color:#94a3b8}.cb-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cb-module-card{background:#ffead2!important;border:2px solid #e8d5b7!important;border-radius:20px!important;padding:1.4rem!important;display:flex;flex-direction:column;box-shadow:0 4px 14px #00000026!important;color:#1a1a1a!important;transition:transform .2s ease,box-shadow .2s ease}.cb-module-card:not(.locked):hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040!important}.cb-module-card.locked{opacity:.8}.cb-module-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cb-module-num-badge{font-size:.75rem;font-weight:900;background:#7ed32126;color:#15803d;padding:.25rem .6rem;border-radius:6px}.cb-module-status-icon{font-size:1.2rem}.cb-module-title{font-size:1.05rem;font-weight:850;color:#1a1a1a;margin:0 0 .85rem;line-height:1.4}.cb-module-meta{display:flex;gap:1rem;font-size:.8rem;font-weight:700;color:#5f5245;margin-bottom:1.25rem}.cb-module-meta span{display:flex;align-items:center;gap:.35rem}.cb-module-action-btn{width:100%;height:42px;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:12px!important;font-weight:800!important;font-size:.88rem!important;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer!important;transition:all .2s ease!important;margin-top:auto}.cb-module-action-btn:not(.disabled):hover{background:#000!important;transform:translateY(-2px)!important}.cb-module-action-btn.disabled{background:#00000014!important;color:#8a8175!important;cursor:not-allowed!important}.cb-detail-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;color:#ffead2;font-weight:700}.cb-detail-loading-spinner{width:42px;height:42px;border:3px solid rgba(255,234,210,.2);border-top-color:#7ed321;border-radius:50%;animation:cb-spin .8s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}.cb-cert-promo-banner{background:#ffead2!important;border:2px solid #e8d5b7!important;border-radius:26px!important;padding:1.75rem 2.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;max-width:1300px!important;margin:0 auto 3rem!important;box-sizing:border-box!important;gap:2rem!important}.cb-promo-left{flex:0 0 14%!important;display:flex!important;align-items:center!important;justify-content:center!important}.cb-promo-gift-img{max-height:85px!important;width:auto!important}.cb-promo-divider{width:1px!important;height:90px!important;background:#0000001a!important;flex-shrink:0!important}.cb-promo-middle{flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.cb-promo-badge{display:inline-flex!important;align-items:center!important;gap:.35rem!important;padding:.25rem .65rem!important;background:#0000000f!important;border-radius:99px!important;margin-bottom:.5rem!important}.cb-promo-badge span{font-size:.68rem!important;font-weight:900!important;color:#000!important}.cb-promo-badge-icon{color:#000!important}.cb-promo-title{font-size:1.45rem!important;font-weight:950!important;color:#000!important;margin:0 0 .3rem!important}.cb-promo-subtitle{font-size:.88rem!important;color:#475569!important;margin:0 0 1rem!important}.cb-promo-right{flex:0 0 22%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.cb-promo-cert-btn{width:100%!important;height:52px!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:16px!important;display:flex!important;align-items:center!important;padding:0 1.1rem!important;gap:.75rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #0003!important}.cb-promo-cert-btn:hover{background:#000!important;transform:translateY(-2px)!important}.cb-promo-btn-crown-wrap{width:32px!important;height:32px!important;background:#ffffff26!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.cb-promo-btn-award-icon{color:#7ed321!important}.cb-promo-btn-text-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.2!important;flex:1!important}.cb-promo-btn-main-txt{font-size:.88rem!important;font-weight:800!important;color:#fff!important}.cb-promo-btn-sub-txt{font-size:.68rem!important;color:#94a3b8!important}.cb-promo-btn-arrow{color:#fff!important}.cb-cert-modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000d9!important;z-index:99999!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:2rem!important}.cb-cert-modal-close-btn{align-self:flex-end!important;background:#ffffff26!important;color:#fff!important;border:none!important;padding:.5rem 1.25rem!important;border-radius:99px!important;font-weight:800!important;cursor:pointer!important;margin-bottom:1rem!important}.cb-cert-modal-container{max-width:700px!important;width:100%!important}.cb-cert-modal-img{width:100%!important;height:auto!important;border-radius:16px!important}@media(max-width:992px){.cb-topic-hero-layout{grid-template-columns:1fr;gap:1.5rem}.cb-topic-image-frame{height:160px}.cb-topic-stats-and-action-row{flex-direction:column;align-items:stretch}.cb-start-topic-primary-btn{width:100%}.cb-outcomes-grid{grid-template-columns:1fr}.cb-cert-promo-banner{flex-direction:column!important;text-align:center!important;align-items:center!important;padding:1.5rem!important}.cb-promo-divider{display:none!important}.cb-promo-middle{align-items:center!important}.cb-promo-right{width:100%!important;flex:none!important}}@media(max-width:768px){#root .main-content .cb-course-detail-container{padding:85px 1.25rem 40px!important}.cb-topic-hero-card{padding:1.5rem!important}.cb-detail-top-nav{flex-direction:column;align-items:flex-start}}.cb-track-canvas{padding:190px 40px 80px!important;background:#060814 url(/trackbg.png) no-repeat center center / cover!important;min-height:100vh;margin-top:0!important;width:100%;box-sizing:border-box;position:relative;overflow-x:hidden;color:#fff}.cb-purple-planet{position:absolute!important;left:4%;top:480px!important;width:110px!important;height:auto!important;pointer-events:none!important;z-index:1!important;animation:floatSlow 6s ease-in-out infinite alternate!important}.cb-green-planet{position:absolute!important;right:5%;top:280px!important;width:90px!important;height:auto!important;pointer-events:none!important;z-index:1!important;animation:floatSlow 8s ease-in-out infinite alternate-reverse!important}.cb-rocket-wrapper{position:absolute!important;right:30px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:220px!important;height:380px!important;pointer-events:none!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important}.cb-rocket{width:140px!important;height:auto!important;animation:rocketFloat 4s ease-in-out infinite alternate!important;position:relative!important;z-index:4!important}.cb-rocket-tail{width:180px!important;height:auto!important;position:absolute!important;bottom:-30px!important;z-index:3!important;opacity:.85!important;animation:pulseTail 2s ease-in-out infinite alternate!important}@keyframes floatSlow{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(8deg)}}@keyframes rocketFloat{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-12px) rotate(-3deg)}}@keyframes pulseTail{0%{transform:scale(.96);opacity:.75}to{transform:scale(1.04);opacity:.95}}.cb-track-top-nav{max-width:1400px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.cb-back-modules-btn,.cb-wishlist-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;font-size:.85rem;font-weight:800;color:#cbd5e1!important;cursor:pointer;transition:all .2s}.cb-back-modules-btn:hover,.cb-wishlist-btn:hover{background:#ffffff14!important;border-color:#7ed321!important;color:#fff!important}.cb-track-header-main{max-width:1400px;margin:0 auto 1.5rem;display:grid;grid-template-columns:1fr 360px;gap:4rem;position:relative;z-index:10}.cb-module-label{display:inline-flex;align-items:center;padding:.4rem 1rem;background:#22c55e26!important;color:#4ade80!important;border:1px solid rgba(74,222,128,.2)!important;border-radius:8px;font-size:.8rem;font-weight:800;margin-bottom:1rem}.cb-track-main-title{font-size:2.8rem;font-weight:950;color:#fff;margin:0 0 1rem;letter-spacing:-.03em}.cb-track-main-desc{font-size:1.1rem;color:#94a3b8;line-height:1.6;margin-bottom:2rem;max-width:600px}.cb-track-stats-row{display:flex;gap:1.5rem}.cb-track-stat-pill{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px;font-size:.9rem;font-weight:700;color:#94a3b8}.cb-module-progress-card{background:#0f172a99!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:24px;padding:1.75rem;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 40px #0000004d!important;display:flex;flex-direction:column;gap:.75rem}.cb-prog-card-header{display:flex;justify-content:space-between;font-weight:900;font-size:.95rem;color:#fff!important}.cb-prog-card-bar-bg{width:100%;height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin-bottom:.25rem}.cb-prog-card-bar-fill{height:100%;background:#7ed321}.cb-prog-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700}.cb-prog-card-divider{height:1px;background:#ffffff0f;margin:.25rem 0}.cb-prog-card-txt{color:#cbd5e1;font-weight:800}.cb-prog-card-footer{font-size:.85rem;color:#94a3b8;font-weight:700}.cb-path-container{max-width:1100px;margin:0 auto 4rem;position:relative;height:600px;z-index:5}@media(max-width:768px){.cb-path-container{height:auto;min-height:1200px}}.cb-path-svg-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.cb-path-flow-animation{animation:flowPulse 5.5s linear infinite;filter:drop-shadow(0 0 12px rgba(126,211,33,.95))}@keyframes flowPulse{0%{stroke-dashoffset:1700}to{stroke-dashoffset:0}}.cb-path-nodes-wrapper-absolute{position:absolute;top:0;left:0;width:1100px;height:600px;pointer-events:none}.cb-path-node-item-absolute{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:120px;height:120px;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:10}.cb-start-sign{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-75%);z-index:200}.cb-start-sign-img{width:120px!important;height:auto!important;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5))!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important;cursor:pointer!important}.cb-start-sign-img:hover{transform:translateY(-6px) scale(1.04)!important}.cb-node-pedestal{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}.cb-node-visual-wrap{width:80px;height:80px;z-index:10;position:absolute;top:-15px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;pointer-events:none}.cb-node-visual-wrap svg{filter:drop-shadow(0 15px 10px rgba(0,0,0,.4))}.cb-node-number{position:absolute;top:-45px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:900;color:#4ade80;z-index:15}.cb-path-node-item-absolute:hover .cb-node-visual-wrap{transform:translateY(-10px) scale(1.1)}.cb-node-completed-badge-icon{position:absolute!important;bottom:-22px!important;left:50%!important;transform:translate(-50%)!important;background:#22c55e!important;border-radius:50%!important;width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 10px #22c55ecc!important;z-index:15!important;border:2px solid #09090b!important}.cb-node-label-card{position:absolute!important;top:130px!important;left:50%!important;transform:translate(-50%)!important;background:#0f172a99!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:16px!important;padding:1.25rem!important;width:200px!important;box-shadow:0 12px 30px #0006!important;border:1px solid rgba(255,255,255,.08)!important;text-align:left!important;z-index:12!important;transition:all .3s ease!important}.cb-node-label-card:hover{border-color:#7ed3214d!important;transform:translate(-50%) translateY(-2px)!important}.cb-node-idx{font-size:.8rem!important;font-weight:900!important;color:#4ade80!important;margin-bottom:.4rem!important}.cb-node-name{font-size:.95rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1rem!important;line-height:1.4!important}.cb-node-status-badge{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:.75rem!important;font-weight:800!important;padding:.5rem .8rem!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.05)!important}.cb-node-status-badge.completed{background:#16a34a26!important;color:#4ade80!important;border-color:#4ade8033!important}.cb-node-status-badge.in-progress{background:#8b5cf626!important;color:#a78bfa!important;border-color:#a78bfa33!important}.cb-node-status-badge.locked{background:#ffffff08!important;color:#64748b!important;border-color:#ffffff0d!important}.cb-track-bottom-bar-space{max-width:1400px;margin:3rem auto 0;display:flex;justify-content:flex-start;position:relative;z-index:10}.cb-keep-going-card{background:#0f172a99!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:20px;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;width:500px;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 15px 30px #0000004d!important}.cb-keep-going-left{display:flex;align-items:center;gap:1.25rem}.cb-keep-going-star-sq{width:48px;height:48px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #16a34a80}.cb-keep-going-txt h4{margin:0;font-size:1.1rem;font-weight:900;color:#fff}.cb-keep-going-txt p{margin:.25rem 0 0;font-size:.85rem;color:#94a3b8;font-weight:600}.cb-keep-going-badge{background:#16a34a26!important;border:1px solid rgba(74,222,128,.25)!important;color:#4ade80!important;padding:.5rem 1rem;border-radius:12px;font-weight:900;font-size:.85rem;display:flex;align-items:center;box-shadow:0 0 10px #16a34a33}@keyframes cb-node-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.cb-node-visual-wrap.active{animation:cb-node-float 2s ease-in-out infinite alternate}.cb-node-bubble-popup{position:absolute;top:95px;bottom:auto;left:50%;transform:translate(-50%);width:220px;z-index:1000;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));transform-origin:top center;animation:jellyBounce .65s cubic-bezier(.175,.885,.32,1.35) forwards}@keyframes jellyBounce{0%{opacity:0;transform:translate(-50%) scale(.2)}50%{opacity:.95;transform:translate(-50%) scale(1.15) scaleY(.85)}70%{transform:translate(-50%) scale(.92) scaleY(1.08)}85%{transform:translate(-50%) scale(1.04) scaleY(.96)}to{opacity:1;transform:translate(-50%) scale(1) scaleY(1)}}.cb-bubble-close-btn{position:absolute;top:-12px;right:-12px;width:30px;height:30px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#94a3b8;box-shadow:0 4px 10px #0000001a;transition:all .2s}.cb-bubble-close-btn:hover{color:#ef4444;border-color:#fecaca;transform:scale(1.1)}.cb-bubble-content{background:#111827;border-radius:20px;padding:1.2rem;text-align:center;border:2px solid #7ed321;position:relative;z-index:2;color:#fff}.cb-bubble-content h3{margin:0 0 .4rem;font-size:1rem;font-weight:900;color:#fff;line-height:1.3}.cb-bubble-content p{margin:0 0 1rem;font-size:.8rem;color:#94a3b8;font-weight:600}.cb-bubble-action-btn{width:100%;padding:.7rem;background:#7ed321;color:#fff;border:none;border-bottom:4px solid #5a9e14;border-radius:10px;font-weight:900;font-size:.9rem;cursor:pointer;transition:all .1s}.cb-bubble-action-btn:hover{background:#86efac;transform:translateY(1px);border-bottom-width:2px}.cb-bubble-action-btn:active{transform:translateY(3px);border-bottom-width:0px}.cb-bubble-tail{position:absolute;top:-10px;bottom:auto;left:50%;width:20px;height:20px;background:#111827;border:2px solid #7ed321;border-bottom:none;border-right:none;transform:translate(-50%) rotate(45deg);z-index:1}@media(max-width:1200px){.cb-track-header-main{grid-template-columns:1fr;gap:2rem}.cb-module-progress-card{max-width:100%}.cb-track-bottom-bar-space{justify-content:center}.cb-rocket-wrapper{display:none!important}}@media(max-width:768px){.cb-track-canvas{padding:120px 1.5rem 60px!important;margin-top:0!important}.cb-purple-planet,.cb-green-planet,.cb-rocket-wrapper{display:none!important}.cb-track-top-nav{flex-direction:column;gap:1rem;align-items:stretch}.cb-back-modules-btn,.cb-wishlist-btn{width:100%;justify-content:center}.cb-track-main-title{font-size:2.2rem;line-height:1.2}.cb-track-stats-row{flex-direction:column;gap:.75rem}.cb-track-stat-pill{width:100%}.cb-path-container{height:auto!important;margin-top:2rem;display:flex;flex-direction:column;align-items:center;padding-top:60px}.cb-path-svg-line{display:none}.cb-path-nodes-wrapper-absolute{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:3rem}.cb-path-node-item-absolute{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%;max-width:320px;margin-bottom:0}.cb-path-node-item-absolute:not(:last-child):after{content:"";position:absolute;bottom:-3rem;left:50%;width:8px;height:3rem;background:#ffffff1a;transform:translate(-50%);z-index:-1}.cb-path-node-item-absolute.completed:not(:last-child):after{background:#16a34a}.cb-start-sign:after{content:"";position:absolute;bottom:-2.5rem;left:50%;width:8px;height:2.5rem;background:#16a34a;transform:translate(-50%);z-index:-1}.cb-start-sign{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin-bottom:2rem}.cb-node-pedestal{margin-bottom:1.5rem}.cb-node-number{position:static!important;transform:none!important;margin-bottom:.5rem}.cb-node-label-card{position:static!important;transform:none!important;width:100%!important;box-sizing:border-box}.cb-keep-going-card{width:100%;box-sizing:border-box;flex-direction:column;gap:1rem;text-align:center}.cb-keep-going-left{flex-direction:column;align-items:center}}.cb-path-node-item-absolute{left:var(--node-x);top:var(--node-y)}.cb-module-progress-card-wrapper{position:relative;z-index:10}.cb-progress-card-tail{position:absolute;left:-130px;top:50%;transform:translateY(-50%);width:140px;height:auto;pointer-events:none;z-index:-1;animation:starPulseGlow 4s ease-in-out infinite}@keyframes starPulseGlow{0%,to{opacity:.6;transform:translateY(-50%) scale(.95) rotate(-5deg);filter:drop-shadow(0 0 10px rgba(126,211,33,.4))}50%{opacity:1;transform:translateY(-50%) scale(1.05) rotate(5deg);filter:drop-shadow(0 0 25px rgba(126,211,33,.9))}}@media(max-width:992px){.cb-progress-card-tail{display:none!important}}.terminal-container{width:100%;height:500px;background:#000;border:1px solid #00ff00;font-family:Courier New,Lucida Console,monospace;font-size:16px;line-height:1.4;position:relative;overflow:hidden}.terminal-header{position:absolute;top:0;left:0;right:0;height:25px;background:#222;border-bottom:1px solid #00ff00;z-index:10}.terminal-header:after{content:"● ● ●";position:absolute;top:5px;left:10px;color:#0f0;font-size:12px}.terminal{height:100%;color:#0f0;background:#000;padding:30px 15px 15px;overflow-y:auto;position:relative}.score-display{position:absolute;top:0;right:20px;color:#0f0;font-size:14px;font-weight:700;background:#00ff001a;padding:4px 8px;border:1px solid #00ff00;border-radius:3px;z-index:5}.history-line{margin:0 0 4px;padding:0;word-break:break-all;white-space:pre-wrap;color:#0f0}.prompt{color:#0f0;font-weight:700;margin-right:5px}.command-input{background:transparent!important;border:none!important;color:#0f0!important;font-family:inherit!important;font-size:inherit!important;outline:none!important;flex:1;caret-color:#0f0!important;padding:2px 0;width:100%}.input-line{display:flex;align-items:center;padding:8px 0 0;margin-top:10px;background:transparent;position:relative;z-index:10}.cursor{background:#0f0;width:14px;height:20px;margin-left:4px;animation:blink 1s infinite;flex-shrink:0}.won{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:40px 20px;color:#0f0}.win-message{font-size:24px;font-weight:700;margin-bottom:20px}.won>div:last-child{font-size:16px;opacity:.9;max-width:400px;line-height:1.5}.terminal::-webkit-scrollbar{width:10px}.terminal::-webkit-scrollbar-track{background:#111}.terminal::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.terminal::-webkit-scrollbar-thumb:hover{background:#0c0}.game-container{max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh;color:#fff;font-family:Ubuntu,Inter,sans-serif}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px}.level-info h2{color:#0f0;font-size:28px;margin-bottom:8px;font-weight:700}.level-info p{color:#b0b0b0;font-size:16px;line-height:1.5}.score-level{text-align:right}.score-display{background:#0f03;color:#0f0;padding:12px 20px;border-radius:25px;font-size:18px;font-weight:600;border:1px solid #00ff00;margin-bottom:8px}.level-display{color:#888;font-size:14px}.game-board{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:32px;height:450px}.toolbox,.workspace,.goal-section{background:#1a1a2ecc;border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:20px}.toolbox h3,.workspace h3,.goal-section h3{color:#0f0;font-size:18px;margin-bottom:16px;text-align:center;font-weight:600}.toolbox-items{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.toolbox-item{background:#00ff001a;color:#0f0;padding:16px;border-radius:8px;cursor:grab;text-align:center;font-weight:500;border:1px solid rgba(0,255,0,.3);transition:all .2s ease;-webkit-user-select:none;user-select:none}.toolbox-item:hover{background:#0f03;transform:translateY(-2px)}.toolbox-item:active{cursor:grabbing;transform:scale(.98)}.drop-zone{min-height:320px;border:2px dashed rgba(0,255,0,.4);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px;align-items:flex-start;transition:all .2s ease;background:#0000004d}.drop-zone.drag-over{border-color:#0f0;background:#00ff000d}.drop-hint{color:#888;font-style:italic;text-align:center;width:100%;margin-top:100px}.sequence-item{display:flex;align-items:center;gap:12px;background:#00ff0026;color:#0f0;padding:12px 16px;border-radius:8px;font-weight:500;border:1px solid rgba(0,255,0,.4);min-width:100px;justify-content:space-between}.remove-btn{background:#f003;color:#f44;border:1px solid rgba(255,0,0,.4);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;font-weight:700}.remove-btn:hover{background:#f006}.goal-sequence{display:flex;flex-wrap:wrap;gap:8px;padding:20px;background:#0000ff1a;border-radius:8px;border:1px solid rgba(0,162,255,.4)}.goal-item{background:#00a2ff4d;color:#a0d8ff;padding:10px 14px;border-radius:6px;font-size:14px;font-weight:500}.game-controls{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:24px}.primary{background:linear-gradient(135deg,#0f0,#0c0);color:#000;border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00ff004d}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f06}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 24px;border-radius:8px;cursor:pointer;transition:all .2s ease}.secondary:hover{background:#fff3;border-color:#0f0}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-overlay.success .result-message{background:linear-gradient(135deg,#0f0,#0c0);color:#000;padding:32px 48px;border-radius:16px;font-size:20px;font-weight:600;box-shadow:0 10px 40px #0f06}.result-overlay.error .result-message{background:linear-gradient(135deg,#f44,#c33);color:#fff;padding:24px 40px;border-radius:12px;font-size:18px;font-weight:500}.game-won{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.win-title{color:#0f0;font-size:48px;font-weight:700;margin-bottom:24px;text-shadow:0 0 20px rgba(0,255,0,.5)}.final-score{font-size:32px;color:#fff;margin-bottom:40px;font-weight:600}@media(max-width:768px){.game-container{padding:16px}.game-board{grid-template-columns:1fr;gap:16px;height:auto}.game-header{flex-direction:column;gap:16px;text-align:center}.toolbox-items{flex-direction:row;overflow-x:auto}.game-controls{flex-direction:column}}.game-container{min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22,#21262d);color:#c9d1d9;font-family:Ubuntu,Inter,sans-serif;padding:20px}.game-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;padding:24px;background:#0006;border:1px solid rgba(48,54,61,.6);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-left h1{color:#58a6ff;font-size:28px;font-weight:700;margin-bottom:12px}.current-path,.goal-info{background:#00000080;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;margin-bottom:8px}.path-highlight{color:#0f8;font-weight:600}.goal-path{color:#ff7b72;font-weight:600}.goal-file{color:#f85149;font-weight:700;background:#f8514933;padding:2px 6px;border-radius:4px}.header-right{text-align:right}.score-display{background:linear-gradient(135deg,#00d4aa,#0f8);color:#000;top:0;padding:12px 20px;border-radius:25px;font-size:18px;font-weight:700;margin-bottom:16px}.progress-bar{width:200px;height:8px;background:#30363d99;border-radius:4px;overflow:hidden;margin:10ox auto 12px}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4aa,#0f8);transition:width .6s ease;border-radius:4px}.level-info{color:#8b949e;font-size:14px}.game-main{display:grid;grid-template-columns:1fr 380px;gap:32px;margin-bottom:40px;min-height:500px}.filesystem-tree{background:#010409cc;border:1px solid rgba(48,54,61,.8);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006}.tree-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#0009;border-bottom:1px solid rgba(48,54,61,.6)}.nav-btn{padding:10px 16px;border:1px solid rgba(48,54,61,.8);background:#00000080;color:#c9d1d9;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.nav-btn:hover{background:#54a6ff33;border-color:#58a6ff;color:#58a6ff}.back{font-weight:600}.dir-icon{font-size:24px}.dir-name{font-size:18px;font-weight:600;font-family:Courier New,monospace;color:#0f8}.tree-contents{max-height:500px;overflow-y:auto;padding:8px 0}.tree-item{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.tree-item:hover{background:#54a6ff1a;border-left-color:#58a6ff}.tree-item.dir{color:#0f8}.tree-item.file{color:#f85149;font-weight:500}.item-icon{font-size:18px;min-width:24px}.item-name{font-size:15px}.game-info{display:flex;flex-direction:column;gap:24px}.level-description{background:#0006;padding:20px;border-radius:12px;border-left:4px solid #58a6ff;line-height:1.6}.feedback{padding:20px;border-radius:12px;font-weight:600;text-align:center;font-size:16px}.feedback.success{background:#00d4aa33;color:#00d4aa;border:1px solid rgba(0,212,170,.4)}.filesystem-hint{background:#0a1117cc;padding:20px;border-radius:12px;border:1px solid rgba(84,166,255,.3)}.filesystem-hint h3{color:#58a6ff;margin-bottom:12px}.game-footer{display:flex;justify-content:center;align-items:center;gap:24px;padding:32px;background:#0006;border-top:1px solid rgba(48,54,61,.6);border-radius:0 0 16px 16px}.action-btn{padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.primary{background:linear-gradient(135deg,#58a6ff,#1f6feb);color:#fff;box-shadow:0 4px 15px #58a6ff4d}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #58a6ff66}.game-complete{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.game-complete h1{color:#0f8;font-size:48px;font-weight:800;margin-bottom:24px;text-shadow:0 0 30px rgba(0,255,136,.5)}.final-score{font-size:36px;color:#fff;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#0f8,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-complete-text{color:#8b949e;font-size:18px;margin-bottom:48px;line-height:1.6}.controls-hint{color:#8b949e;font-size:14px;max-width:400px;text-align:center}.tree-contents::-webkit-scrollbar{width:8px}.tree-contents::-webkit-scrollbar-track{background:#30363d4d;border-radius:4px}.tree-contents::-webkit-scrollbar-thumb{background:#54a6ff99;border-radius:4px}.tree-contents::-webkit-scrollbar-thumb:hover{background:#58a6ff}@media(max-width:1024px){.game-main{grid-template-columns:1fr;gap:24px}.game-header{flex-direction:column;gap:20px;text-align:center}}@media(max-width:768px){.game-container{padding:12px}.game-header,.game-footer{padding:16px}}body{font-family:Courier New,Consolas,Liberation Mono,monospace;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#0f0;min-height:100vh;overflow-x:hidden}.game-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:flex-start;background:#00ff001a;border:1px solid #00ff00;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 0 20px #00ff004d}.header-left{flex:1}.level-title{font-size:2.5rem;font-weight:700;color:#0f8;text-shadow:0 0 10px #00ff88;margin-bottom:10px;letter-spacing:2px}.level-hint{font-size:1.1rem;color:#0c6;font-style:italic;background:#00cc661a;padding:10px 15px;border-radius:5px;border-left:4px solid #00ff00}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.score-box{font-size:1.5rem;font-weight:700;color:#ff0;text-shadow:0 0 10px #ffff00;background:#ffff001a;padding:12px 20px;border-radius:8px;border:2px solid #ffff00;min-width:150px;text-align:center}.progress-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.progress-bar{width:250px;height:12px;background:#00000080;border-radius:6px;border:1px solid #00ff00;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#0f8,#0cf);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #0f09}.progress-text{font-size:1rem;color:#0f8;font-weight:700}.game-main{flex:1;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;margin-bottom:30px}.goal-section,.selection-area,.selected-section{background:#00ff000d;border:1px solid #00ff00;border-radius:10px;padding:25px;box-shadow:inset 0 0 20px #00ff001a}.goal-section h2,.selection-area h2,.selected-section h2{color:#0f8;font-size:1.4rem;margin-bottom:20px;text-align:center;text-shadow:0 0 5px #00ff88}.goal-commands{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.goal-command{background:linear-gradient(145deg,#0f0,#0c6);color:#000;padding:15px 25px;border-radius:8px;font-size:1.3rem;font-weight:700;font-family:Courier New,monospace;box-shadow:0 5px 15px #0f06;text-shadow:none;min-width:80px;text-align:center;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 5px 15px #0f06}to{box-shadow:0 5px 25px #00ff00b3}}.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.commands-grid::-webkit-scrollbar{width:8px}.commands-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.commands-grid::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.commands-grid::-webkit-scrollbar-thumb:hover{background:#0f8}.command-card{background:linear-gradient(145deg,#00ff0026,#00cc661a);border:2px solid rgba(0,255,0,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.command-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.command-card:hover:before{left:100%}.command-card:hover{transform:translateY(-5px);border-color:#0f8;box-shadow:0 10px 30px #0f06;background:linear-gradient(145deg,#00ff0040,#0c63)}.command-card.selected{background:linear-gradient(145deg,#0f8,#0c6);border-color:#ff0;box-shadow:0 0 25px #0f8c;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 25px #0f8c}50%{box-shadow:0 0 35px #0f8}to{box-shadow:0 0 25px #0f8c}}.command-name{font-size:1.6rem;font-weight:700;color:#0f0;margin-bottom:8px;text-shadow:0 0 5px #00ff00}.command-desc{font-size:.9rem;color:#0c6;margin-bottom:10px;line-height:1.3}.command-category{font-size:.8rem;font-weight:700;color:#ff0;background:#ff03;padding:4px 10px;border-radius:15px;display:inline-block}.selected-commands{display:flex;flex-direction:column;gap:12px;min-height:200px}.empty-state{color:#666;text-align:center;font-style:italic;padding:40px 20px;background:#ffffff0d;border-radius:8px;border:1px dashed #666}.selected-item{background:linear-gradient(145deg,#0f8,#0c6);color:#000;padding:15px 20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0f86;font-weight:700;font-family:Courier New,monospace}.selected-item:hover{transform:scale(1.02);box-shadow:0 8px 25px #0f89}.remove-item{background:#f00c;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:15px}.remove-item:hover{background:#f44;transform:scale(1.1)}.game-footer{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;padding:30px;background:#00ff0014;border:1px solid #00ff00;border-radius:12px;box-shadow:0 5px 20px #0f03}.check-button,.reset-button,.reset-game-button{padding:15px 30px;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.check-button{background:linear-gradient(145deg,#0f0,#0c6);color:#000;font-size:1.2rem;padding:18px 40px;min-width:160px;box-shadow:0 5px 20px #0f06}.check-button.success{background:linear-gradient(145deg,#0f8,#0f0);box-shadow:0 0 30px #0f8c;animation:successPulse 1s infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.check-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #0f09}.check-button.disabled{background:#0f03;color:#666;cursor:not-allowed;box-shadow:none}.reset-button,.reset-game-button{background:#ff03;color:#ff0;border:2px solid #ffff00}.reset-button:hover,.reset-game-button:hover{background:#ff06;transform:translateY(-2px);box-shadow:0 5px 20px #ff06}.feedback-message{padding:15px 25px;border-radius:8px;font-weight:700;font-size:1.1rem;margin-top:15px;animation:slideIn .5s ease-out;max-width:500px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feedback-message.success{background:linear-gradient(145deg,#0f8,#0c6);color:#000;box-shadow:0 5px 20px #00ff8880;border:2px solid #00ff88}.feedback-message.error{background:linear-gradient(145deg,#f44,#c00);color:#fff;box-shadow:0 5px 20px #ff444480;border:2px solid #ff6666}.game-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;animation:celebrate 2s ease-out}@keyframes celebrate{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.complete-title{font-size:4rem;color:#0f8;text-shadow:0 0 30px #00ff88,0 0 60px #00ff88;margin-bottom:30px;animation:rainbow 3s ease-in-out infinite}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.final-score{font-size:3rem;font-weight:700;color:#ff0;text-shadow:0 0 20px #ffff00;background:#ff03;padding:25px 50px;border-radius:20px;border:3px solid #ffff00;margin-bottom:25px;box-shadow:0 0 40px #ff09}.complete-text{font-size:1.5rem;color:#0c6;margin-bottom:40px;font-weight:500}@media(max-width:1200px){.game-main{grid-template-columns:1fr;gap:20px}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.game-container{padding:15px}.game-header{flex-direction:column;gap:20px;text-align:center}.header-right{align-items:center}.progress-bar{width:200px}.level-title{font-size:2rem}.commands-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px}.game-footer{flex-direction:column;padding:20px}.check-button{padding:15px 30px;font-size:1rem;min-width:200px}}@media(max-width:480px){.level-title{font-size:1.5rem}.complete-title{font-size:2.5rem}.final-score{font-size:2rem;padding:20px 30px}.command-card{padding:15px}.command-name{font-size:1.3rem}}.blink{animation:blink 1s infinite}.command-card:focus,button:focus{outline:3px solid #00ff88;outline-offset:2px}.terminal-container{width:100%;max-width:1200px;height:80vh;margin:20px auto;background:#000;border:2px solid #00ff00;border-radius:8px;box-shadow:0 0 20px #00ff004d;font-family:Courier New,monospace;font-size:14px;display:flex;flex-direction:column;overflow:hidden}.terminal-header{background:#010;color:#0f0;padding:10px 15px;font-weight:700;border-bottom:1px solid #00ff00;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.terminal-output{flex:1;padding:15px;overflow-y:auto;background:#000;color:#0f0;line-height:1.4;scroll-behavior:smooth}.output-line{margin-bottom:2px;word-break:break-all}.prompt{color:#0a0;font-weight:700}.input-line{display:flex;align-items:center;margin-top:5px}.command-input{background:transparent;border:none;color:#0f0;font-family:Courier New,monospace;font-size:14px;flex:1;outline:none;padding:0;margin-left:5px;caret-color:#0f0}.cursor{color:#0f0;animation:blink 1s infinite;margin-left:2px;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-footer{background:#010;color:#0a0;padding:8px 15px;font-size:12px;border-top:1px solid #00ff00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#000}.terminal-output::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#0c0}.mnt-container{max-width:1200px;margin:20px auto;background:linear-gradient(135deg,#000,#010);border-radius:12px;font-family:Courier New,monospace;color:#0f8;overflow:hidden}.header{background:#020;padding:20px;text-align:center;border-bottom:2px solid #00ff88}.header h2{font-size:24px;margin-bottom:10px}.stats{font-size:16px;opacity:.9}.game-area{display:flex;flex-direction:column;padding:30px;gap:30px}@media(min-width:768px){.game-area{flex-direction:row}}.blocks-section,.drop-zone{flex:1;background:#001400cc;padding:25px;border-radius:8px;border:1px solid #00aa55}.blocks-section h3,.drop-zone h3{margin-bottom:20px;color:#8f8;font-size:18px}.blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.block{padding:15px;border-radius:6px;cursor:grab;text-align:center;font-weight:700;transition:all .3s ease;border:2px solid transparent;-webkit-user-select:none;user-select:none}.block:hover{transform:scale(1.05);box-shadow:0 5px 15px #00ff8880}.block:active{cursor:grabbing}.block.used{opacity:.4;cursor:not-allowed}.drop-zone{min-height:300px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.drop-zone.drag-over{background:#00ff881a;border-color:#8f8}.selected-sequence{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap;justify-content:center}.sequence-block{padding:12px 20px;border-radius:6px;font-weight:700;border:2px solid rgba(255,255,255,.3);min-width:80px;text-align:center}.goal-preview{background:#fa03;padding:15px;border-radius:6px;border-left:4px solid #ffaa00;font-family:monospace;opacity:.8;margin-top:20px}.controls{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#001a00;border-top:1px solid #00aa55;flex-wrap:wrap;gap:15px}.reset-btn,.restart-btn{background:#0f8;color:#000;border:none;padding:12px 24px;border-radius:6px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .3s ease}.reset-btn:hover,.restart-btn:hover{background:#0c6;transform:translateY(-2px);box-shadow:0 5px 15px #0f86}.feedback{font-size:16px;padding:10px 15px;border-radius:6px;max-width:400px}.level-complete{text-align:center;padding:60px 30px;color:#8f8}.level-complete h1{font-size:36px;margin-bottom:30px;text-shadow:0 0 20px #00ff88}.level-complete p{font-size:18px;margin-bottom:20px;opacity:.9}@media(max-width:768px){.mnt-container{margin:10px;border-radius:8px}.game-area{padding:20px}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.controls{flex-direction:column;text-align:center}}.media-container{max-width:1100px;margin:25px auto;background:radial-gradient(circle at center,#0a0a1a,#000 70%);border-radius:15px;font-family:Courier New,monospace;color:#0fc;position:relative;overflow:hidden}.media-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f8,#8f8,#0f8);animation:scanline 3s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.circuit-header{background:linear-gradient(90deg,#010,#020);padding:25px;text-align:center;border-bottom:3px solid #00ff88;position:relative;z-index:2}.circuit-header h2{font-size:28px;margin-bottom:12px;letter-spacing:2px}.circuit-stats{font-size:16px;background:#00ff881a;padding:10px 20px;border-radius:8px;border-left:4px solid #00ff88;display:inline-block}.circuit-board{padding:40px;background:radial-gradient(circle at 20% 20%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,204,255,.03) 0%,transparent 50%);position:relative}.wiring-svg{width:100%;height:400px;background:linear-gradient(90deg,transparent 48%,rgba(0,255,136,.1) 50%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(0,255,136,.1) 50%,transparent 52%);background-size:20px 20px;border:2px solid #003300;border-radius:10px;box-shadow:inset 0 0 30px #00ff881a}.goal-circuit{display:flex;flex-direction:column;align-items:center;padding:25px 40px;background:#030c;border-top:2px solid #00aa55}.goal-title{font-size:18px;margin-bottom:15px;color:#8f8}.goal-nodes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.goal-node{background:linear-gradient(45deg,#f80,#fa4);color:#000;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 12px #f806;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #f806}50%{box-shadow:0 4px 20px #ff8800b3}}.circuit-controls{display:flex;justify-content:space-between;align-items:center;padding:25px 40px;background:linear-gradient(90deg,#010,#000a00);border-top:3px solid #00ff88;flex-wrap:wrap;gap:20px}.reset-circuit{background:linear-gradient(45deg,#f60,#f80);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #f606;text-transform:uppercase;letter-spacing:1px}.reset-circuit:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #f609}.feedback-circuit{font-size:18px;padding:15px 25px;border-radius:10px;background:#00ffcc26;border-left:5px solid #00ffcc;max-width:500px;line-height:1.4}.circuit-complete{display:flex;justify-content:center;align-items:center;min-height:500px;padding:60px}.complete-panel{background:linear-gradient(135deg,#0f8,#8f8);color:#000;padding:60px 80px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00ff8880;animation:completeGlow 2s ease-in-out infinite alternate}@keyframes completeGlow{0%{box-shadow:0 20px 60px #00ff8880}to{box-shadow:0 30px 80px #0f8c}}.complete-panel h1{font-size:42px;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.complete-panel p{font-size:20px;margin-bottom:25px;font-weight:500}.power-btn{background:linear-gradient(45deg,#000,#333);color:#0f8;border:2px solid #00ff88;padding:18px 40px;border-radius:30px;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;transition:all .4s ease;text-transform:uppercase}.power-btn:hover{background:linear-gradient(45deg,#0f8,#8f8);color:#000;transform:scale(1.1);box-shadow:0 15px 40px #0f89}@media(max-width:768px){.media-container{margin:15px;border-radius:12px}.circuit-board{padding:25px 20px}.wiring-svg{height:300px}.circuit-controls{flex-direction:column;text-align:center;padding:20px}.complete-panel{padding:40px 30px}.complete-panel h1{font-size:32px}}.laptop-screen{width:100%;max-width:1280px;height:80vh;max-height:800px;margin:20px auto;background:#0a0a15;border-radius:20px;position:relative;overflow:hidden;font-family:Courier New,monospace;color:#0f8;aspect-ratio:16 / 10}.matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.screen-bezel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000a19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;display:flex;flex-direction:column;height:100%}.status-bar{display:flex;justify-content:space-between;align-items:center;background:#021c;padding:12px 20px;border-radius:12px;border:1px solid #00aa55;margin-bottom:20px;font-size:14px;letter-spacing:1px}.main-screen{flex:1;display:flex;flex-direction:column;gap:30px;overflow-y:auto;padding-right:10px}.challenge-header{text-align:center;background:linear-gradient(90deg,#0f83,#0c63);padding:25px;border-radius:15px;border:2px solid #00ff88}.challenge-header h2{font-size:26px;margin-bottom:15px;text-shadow:0 0 20px #00ff88;letter-spacing:2px}.hint{font-size:16px;opacity:.9;background:#00000080;padding:12px;border-radius:8px;border-left:4px solid #88ff88}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:10px}.dev-node{background:linear-gradient(135deg,#003319cc,#021c);border:2px solid #00aa55;border-radius:12px;padding:20px;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.dev-node:hover{border-color:#0f8;box-shadow:0 10px 30px #0f86;transform:translateY(-5px)}.dev-node.selected{border-color:#f60;background:linear-gradient(135deg,#ff66004d,#ff99334d);animation:pulseSelect 1.5s infinite}@keyframes pulseSelect{0%,to{box-shadow:0 0 20px #f609}50%{box-shadow:0 0 40px #f60}}.dev-node.correct{border-color:#0f8;background:linear-gradient(135deg,#0f86,#0c66)}.dev-icon{font-size:24px;margin-bottom:10px;opacity:.7}.dev-node code{display:block;font-size:14px;background:#0009;padding:8px 12px;border-radius:6px;border-left:3px solid #00ff88;word-break:break-all}.sequence-display{background:#00140ae6;padding:25px;border-radius:15px;border:2px solid #00aa55}.sequence-title{font-size:18px;margin-bottom:15px;color:#8f8}.sequence-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.seq-item{background:linear-gradient(45deg,#0f8,#8f8);color:#000;padding:10px 18px;border-radius:20px;font-weight:700;font-size:13px;box-shadow:0 4px 15px #00ff8880}.goal-sequence{background:linear-gradient(45deg,#f40,#f80);color:#000;padding:15px 25px;border-radius:10px;font-family:monospace;font-weight:700;text-align:center;font-size:15px;margin-top:10px}.control-panel{display:flex;justify-content:space-between;align-items:center;background:#001108e6;padding:20px 25px;border-radius:15px;border-top:3px solid #00ff88;margin-top:auto;flex-wrap:wrap;gap:20px}.scan-btn{background:linear-gradient(45deg,#06f,#08f);color:#fff;border:none;padding:16px 32px;border-radius:25px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 25px #0066ff80}.scan-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #06fc}.matrix-feedback{font-size:17px;padding:15px 25px;background:#0f83;border-radius:12px;border-left:5px solid #00ff88;flex:1;min-width:300px}.matrix-complete{position:relative;width:100%;height:100%}.complete-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00ff88f2;display:flex;align-items:center;justify-content:center;z-index:10}.matrix-win{text-align:center;padding:60px 40px;background:#000c;border-radius:20px;border:3px solid #00ff88;box-shadow:0 0 50px #0f8c}.matrix-win h1{font-size:40px;margin-bottom:30px;background:linear-gradient(45deg,#0f8,#8f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,136,.8)}.matrix-win p{font-size:20px;margin-bottom:25px;opacity:.95}.matrix-btn{background:linear-gradient(45deg,#000,#222);color:#0f8;border:3px solid #00ff88;padding:20px 45px;border-radius:30px;font-family:inherit;font-size:20px;font-weight:700;cursor:pointer;transition:all .4s ease;text-transform:uppercase;letter-spacing:2px}.matrix-btn:hover{background:linear-gradient(45deg,#0f8,#8f8);color:#000;transform:scale(1.15);box-shadow:0 20px 50px #00ff88e6}.main-screen::-webkit-scrollbar{width:8px}.main-screen::-webkit-scrollbar-track{background:#00221180;border-radius:4px}.main-screen::-webkit-scrollbar-thumb{background:linear-gradient(#0f8,#8f8);border-radius:4px}.main-screen::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8f8,#0f8)}@media(max-width:1024px){.laptop-screen{height:70vh}}@media(max-width:768px){.dev-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.control-panel{flex-direction:column;text-align:center}}.etc-container{width:100%;max-width:1100px;margin:20px auto;border:1px solid #1f3b2d;border-radius:8px;font-family:Ubuntu,Inter,sans-serif;background-color:#050707;color:#d9f7e5}.etc-header{display:flex;justify-content:space-between;align-items:center;background-color:#0b1812;padding:12px 18px;border-bottom:1px solid #1f3b2d}.etc-title{font-size:18px;color:#8fe3b9}.etc-status{display:flex;gap:16px;font-size:13px;color:#a4c9b3}.etc-main{padding:16px 18px 20px;display:flex;flex-direction:column;gap:16px}.etc-level-info h2{font-size:17px;color:#c7f1dd;margin-bottom:6px}.etc-question{font-size:14px;color:#9dc7b0}.etc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.etc-option{border-radius:4px;border:1px solid #1f3b2d;background-color:#07100c;color:#d9f7e5;padding:10px 12px;cursor:pointer;text-align:left;font-size:13px;transition:background-color .15s ease,border-color .15s ease}.etc-option:hover{background-color:#0e1c15}.etc-option.selected{border-color:#3aa876;background-color:#11251b}.etc-option.correct-selected{border-color:#2fbf7c;background-color:#123321;color:#d9f7e5}.etc-option.missed{border-color:#d4a13d;background-color:#262010;color:#f4e0b5}.etc-option.wrong-selected{border-color:#c95353;background-color:#2a1414;color:#f0c1c1}.etc-path{display:inline-block;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;color:inherit;word-break:break-all}.etc-controls{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid #1f3b2d}.etc-actions{display:flex;gap:8px}.etc-button{padding:8px 16px;border-radius:4px;border:1px solid #3aa876;background-color:#0f2118;color:#d9f7e5;font-size:13px;cursor:pointer}.etc-button:hover{background-color:#173123}.etc-feedback{font-size:13px;color:#b8e0c7}.etc-explanation{margin-top:4px;padding-top:10px;border-top:1px solid #1f3b2d}.etc-explanation h3{font-size:14px;color:#c7f1dd;margin-bottom:4px}.etc-explanation p{font-size:13px;color:#a8cfbc}.etc-summary{padding:24px 20px;text-align:left}.etc-summary h1{font-size:20px;color:#c7f1dd;margin-bottom:8px}.etc-summary p{font-size:14px;color:#a8cfbc;margin-bottom:10px}@media(max-width:768px){.etc-container{margin:10px}.etc-header{flex-direction:column;align-items:flex-start;gap:4px}.etc-main{padding:12px 12px 16px}.etc-grid{grid-template-columns:1fr}}.tmp-container{max-width:1200px;margin:20px auto;background:linear-gradient(135deg,#0a0f0f,#0f1a1a);border:1px solid #1a3633;border-radius:12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#b8e6d8;min-height:700px}.tmp-header{padding:20px 25px;background:#0a0f0fcc;border-bottom:1px solid #1a3633;display:flex;flex-direction:column;gap:8px}.tmp-header h1{font-size:22px;color:#7dd3c7;font-weight:500}.tmp-stats{font-size:14px;color:#94c8b6}.tmp-flowchart{position:relative;height:500px;background:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(26,54,51,.1) 49px,rgba(26,54,51,.1) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(26,54,51,.1) 49px,rgba(26,54,51,.1) 50px);border-bottom:1px solid #1a3633}.flow-nodes{position:absolute;width:100%;height:100%;top:0;left:0}.flow-node{position:absolute;cursor:pointer;width:180px;transform:translate(-50%,-50%);transition:transform .2s ease}.flow-node:hover{transform:translate(-50%,-50%) scale(1.05)}.node-circle{width:50px;height:50px;border-radius:50%;border:2px solid #4ade80;background:#4ade801a;margin:0 auto 8px;transition:all .2s ease}.flow-node:hover .node-circle{border-width:3px;background:#4ade8033}.node-correct .node-circle{border-color:#22c55e;background:#22c55e33}.node-wrong .node-circle{border-color:#f87171;background:#f8717133}.node-label{text-align:center;font-size:12px;line-height:1.3;padding:8px 6px;background:#0a0f0fcc;border:1px solid #1a3633;border-radius:6px;max-height:80px;overflow:hidden}.flow-line{position:absolute;width:200px;height:200px;pointer-events:none;z-index:1}.flow-markers{position:absolute;width:0;height:0;pointer-events:none}.tmp-controls{padding:25px;display:flex;flex-direction:column;gap:16px;background:#0a0f0f99;border-top:1px solid #1a3633}.tmp-btn{align-self:flex-start;padding:10px 20px;background:#1e3a2f;color:#b8e6d8;border:1px solid #2dd4bf;border-radius:6px;font-family:inherit;font-size:13px;cursor:pointer;transition:background .2s ease}.tmp-btn:hover{background:#166534}.tmp-feedback{font-size:14px;padding:12px 16px;background:#4ade801a;border:1px solid #4ade80;border-radius:6px;line-height:1.4}.tmp-goal{font-size:13px;color:#94c8b6;padding:10px 16px;background:#14322d99;border-radius:6px;font-family:SF Mono,monospace}.tmp-complete{display:flex;align-items:center;justify-content:center;min-height:700px;padding:40px}.complete-panel{background:linear-gradient(135deg,#0a0f0f,#0f1a1a);border:1px solid #1a3633;border-radius:12px;padding:40px 50px;text-align:center;max-width:500px}.complete-panel h1{font-size:28px;color:#22c55e;margin-bottom:20px}.complete-panel p{font-size:15px;color:#94c8b6;margin-bottom:25px;line-height:1.5}.restart-btn{padding:12px 24px;background:#166534;color:#b8e6d8;border:1px solid #22c55e;border-radius:6px;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease}.restart-btn:hover{background:#15803d;border-color:#16a34a}@media(max-width:768px){.tmp-flowchart{height:400px}.flow-node{width:140px}.node-label{font-size:11px;max-height:70px}.tmp-controls{padding:20px}}.libq-container{width:100%;max-width:1400px;margin:20px auto;border:1px solid #1b2c30;border-radius:10px;background-color:#05090b;color:#e0f2f1;font-family:Ubuntu,Inter,sans-serif}.libq-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#071115;border-bottom:1px solid #1b2c30}.libq-title{font-size:18px;color:#80cbc4}.libq-status{display:flex;gap:16px;font-size:13px;color:#a7c4c0}.libq-main{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px}.libq-level-title{font-size:17px;color:#cfeeea;margin-bottom:4px}.libq-question{font-size:14px;color:#9db9b4}.libq-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.libq-option{border-radius:4px;border:1px solid #22373a;background-color:#071114;color:#e0f2f1;padding:10px 12px;cursor:pointer;text-align:left;font-size:13px;transition:background-color .15s ease,border-color .15s ease}.libq-option:hover{background-color:#0b181c}.libq-option-text{display:inline-block;line-height:1.3}.libq-option.opt-selected{border-color:#26a69a;background-color:#0c1f22}.libq-option.opt-correct{border-color:#2e7d32;background-color:#10281a}.libq-option.opt-missed{border-color:#f9a825;background-color:#241d0b;color:#ffecb3}.libq-option.opt-wrong{border-color:#c62828;background-color:#241012;color:#ffcccb}.libq-controls{border-top:1px solid #1b2c30;padding-top:10px;display:flex;flex-direction:column;gap:8px}.libq-actions{display:flex;gap:10px}.libq-button{padding:8px 16px;border-radius:4px;border:1px solid #26a69a;background-color:#061a18;color:#e0f2f1;font-size:13px;cursor:pointer}.libq-button:hover{background-color:#0a2824}.libq-feedback{font-size:13px;color:#b2dfdb}.libq-feedback-label{font-weight:600}.libq-match-area{display:grid;grid-template-columns:1fr 1fr;gap:12px}.libq-column{border-radius:4px;border:1px solid #1b2c30;background-color:#060e11;padding:10px;display:flex;flex-direction:column;gap:6px}.libq-column-title{font-size:13px;color:#9db9b4;margin-bottom:4px}.libq-match-item{border-radius:4px;border:1px solid #22373a;background-color:#071114;color:#e0f2f1;padding:8px 10px;text-align:left;font-size:13px;cursor:pointer}.libq-match-item:hover{background-color:#0b181c}.match-active{border-color:#26a69a;background-color:#0c1f22}.libq-match-main{font-size:13px;margin-bottom:4px}.libq-match-pair{font-size:12px;color:#a7c4c0}.libq-explanation{border-top:1px solid #1b2c30;padding-top:10px}.libq-explanation h3{font-size:14px;color:#cfeeea;margin-bottom:4px}.libq-explanation p{font-size:13px;color:#a7c4c0}.libq-summary{padding:24px 20px}.libq-summary h1{font-size:20px;color:#cfeeea;margin-bottom:8px}.libq-summary p{font-size:14px;color:#a7c4c0;margin-bottom:8px}@media(max-width:900px){.libq-container{margin:10px}.libq-match-area{grid-template-columns:1fr}}.root-container{width:100%;max-width:1600px;margin:20px auto;border:1px solid #1a1f22;border-radius:8px;background-color:#0a0e12;color:#c8d6e5;font-family:Ubuntu,Inter,sans-serif}.root-header{padding:16px 24px;background-color:#11161a;border-bottom:1px solid #1a1f22;display:flex;justify-content:space-between;align-items:center}.root-header h1{font-size:20px;color:#9ccfd8}.root-stats{font-size:14px;color:#7fa4b8}.root-main{padding:24px;display:flex;flex-direction:column;gap:24px}.root-question{text-align:center}.root-question h2{font-size:18px;color:#d1dde6;margin-bottom:12px}.root-question p{font-size:15px;color:#8da0b3;line-height:1.5}.root-practices{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.root-practice{border:1px solid #2a3440;background-color:#0f141a;color:#c8d6e5;padding:14px 16px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1.4;transition:background-color .2s ease,border-color .2s ease}.root-practice:hover{background-color:#131c24;border-color:#3a4755}.root-practice.practice-selected{background-color:#1a2634;border-color:#4a90a7}.root-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #1a1f22}.root-button{padding:12px 28px;background-color:#1a2634;color:#c8d6e5;border:1px solid #4a90a7;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.root-button:hover:not(:disabled){background-color:#233443}.root-button:disabled{background-color:#1e2a34;color:#5f7a8a;cursor:not-allowed}.next-btn{background-color:#2a4755;border-color:#5a7a90}.root-feedback{font-size:14px;color:#9ab0c3;text-align:center;max-width:600px}.root-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.root-complete h1{font-size:24px;color:#d1dde6;margin-bottom:16px}.root-complete p{font-size:15px;color:#8da0b3;margin-bottom:24px;line-height:1.5}@media(max-width:1200px){.root-container{margin:12px}.root-practices{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.root-practices{grid-template-columns:1fr}.root-main{padding:20px}}.usr-container{width:100%;max-width:1600px;margin:20px auto;border:1px solid #1e2a35;border-radius:8px;background-color:#0b1218;color:#c9d8e5;font-family:Ubuntu,Inter,sans-serif}.usr-header{padding:16px 24px;background-color:#0f1a24;border-bottom:1px solid #1e2a35;display:flex;justify-content:space-between;align-items:center}.usr-header h1{font-size:20px;color:#a3c9e0}.usr-stats{font-size:14px;color:#7b9ab8}.usr-main{padding:24px;display:flex;flex-direction:column;gap:24px}.usr-question{text-align:center}.usr-question h2{font-size:18px;color:#d4e2ed;margin-bottom:12px}.usr-question p{font-size:15px;color:#8ca0b6;line-height:1.5}.usr-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.usr-item{border:1px solid #2b3a45;background-color:#0e1822;color:#c9d8e5;padding:16px 18px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1.4;transition:background-color .2s ease,border-color .2s ease}.usr-item:hover:not(:disabled){background-color:#14202a;border-color:#3d5363}.usr-item.item-selected{background-color:#1a2634;border-color:#5a8ab8}.usr-item:disabled{opacity:.6;cursor:not-allowed}.usr-controls{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px;border-top:1px solid #1e2a35}.usr-button{padding:12px 28px;background-color:#1a2634;color:#c9d8e5;border:1px solid #5a8ab8;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.usr-button:hover:not(:disabled){background-color:#233443}.usr-button:disabled{background-color:#1e2a34;color:#6b8aa0;cursor:not-allowed}.next-btn{background-color:#2a4755;border-color:#6b8aa0}.next-btn:hover{background-color:#334a5a}.usr-feedback{font-size:14px;color:#9bb0c5;text-align:center;max-width:700px}.usr-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.usr-complete h1{font-size:24px;color:#d4e2ed;margin-bottom:16px}.usr-complete p{font-size:15px;color:#8ca0b6;margin-bottom:24px;line-height:1.5}@media(max-width:1200px){.usr-container{margin:12px}.usr-items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.usr-items{grid-template-columns:1fr}.usr-main{padding:20px}}.home-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e6ed;font-family:Courier New,Consolas,monospace;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.home-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.home-header{background:#1a1a2ef2;padding:2rem 3rem;border-bottom:3px solid #00d4ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.home-header h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#00d4ff,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;letter-spacing:.05em}.home-stats{font-size:1.3rem;font-weight:600;color:#00d4ff;background:#00d4ff1a;padding:.8rem 1.5rem;border-radius:12px;border:2px solid rgba(0,212,255,.3);display:inline-block}.home-main{flex:1;padding:4rem 3rem;max-width:1600px;margin:0 auto;position:relative;z-index:1}.home-question{background:#16213ecc;padding:3rem;border-radius:20px;border:2px solid #a855f7;margin-bottom:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.home-question h2{font-size:clamp(1.8rem,3vw,2.5rem);color:#fff;margin:0 0 1.5rem;font-weight:700;text-align:center}.home-question p{font-size:1.4rem;line-height:1.7;color:#b8bcc8;text-align:center;font-weight:400;margin:0}.home-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.home-item{background:linear-gradient(145deg,#23294ae6,#16213ee6);color:#e0e6ed;border:2px solid rgba(0,212,255,.3);border-radius:16px;padding:2rem 2.5rem;font-size:1.15rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:inherit;line-height:1.5;text-align:left;min-height:100px;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.home-item:hover:before{left:100%}.home-item:hover{border-color:#00d4ff;transform:translateY(-5px);background:linear-gradient(145deg,#23294a,#16213e)}.home-item.item-selected{border-color:#a855f7;background:linear-gradient(145deg,#a855f733,#8b5cf633);transform:scale(1.02)}.home-item.item-selected:after{content:"✓";position:absolute;top:1rem;right:1rem;background:#a855f7;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.home-item:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.home-item:disabled:hover{transform:none}.home-controls{text-align:center;padding:2rem;background:#1a1a2e99;border-radius:20px;border:2px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.home-button{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;padding:1.2rem 3rem;font-size:1.3rem;font-weight:700;font-family:inherit;border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 1rem;min-width:160px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.home-button:hover:before{left:100%}.home-button:hover{transform:translateY(-3px)}.home-button:active{transform:translateY(-1px)}.home-button:disabled{background:#666;cursor:not-allowed;transform:none}.home-button.next-btn{background:linear-gradient(135deg,#a855f7,#7c3aed)}.home-feedback{margin-top:2rem;padding:1.5rem 2rem;font-size:1.25rem;font-weight:500;border-radius:12px;background:#00d4ff1a;border-left:5px solid #00d4ff;color:#e0e6ed;line-height:1.6}.home-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:4rem 2rem}.home-complete h1{font-size:clamp(3rem,8vw,6rem);background:linear-gradient(135deg,#0f8,#00d4ff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.home-complete p{font-size:1.6rem;margin:1.5rem 0;color:#b8bcc8;max-width:800px;line-height:1.6}.home-complete .home-button{font-size:1.4rem;padding:1.5rem 4rem;margin-top:2rem}@media(max-width:1200px){.home-items{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.2rem}}@media(max-width:768px){.home-header{padding:1.5rem 2rem}.home-main{padding:2rem 1.5rem}.home-items{grid-template-columns:1fr;gap:1rem}.home-item{padding:1.5rem 2rem;font-size:1.1rem}.home-question{padding:2rem}.home-controls{padding:1.5rem}}@media(max-width:480px){.home-header h1{font-size:2rem}.home-button{display:block;width:100%;margin:1rem 0}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a2e80}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#a855f7);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#7c3aed)}.boot-root{height:60vh;width:90vw;background-color:#000;color:#f2c14f;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.grub-screen,.kernel-screen,.shell-screen{width:100%;height:100%;max-width:1440px;max-height:900px;border:2px solid #f2c14f;background-color:#050505;padding:24px 32px;margin:0 auto;display:flex;flex-direction:column}.grub-title{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:#ffb347;margin-bottom:4px;font-size:18px}.grub-subtitle{text-align:center;color:#d9a441;margin-bottom:16px;font-size:13px}.grub-menu{border:1px solid #f2c14f;padding:8px 0;margin-bottom:12px}.grub-item{padding:6px 10px;font-size:14px;color:#f4e1b3;background-color:#050505}.grub-item-selected{background-color:#f2c14f;color:#050505}.grub-help{margin-top:10px;font-size:12px;color:#f4e1b3}.grub-timer{margin-top:4px;font-size:12px;color:#ffb347}.kernel-screen{color:#ffdd93}.kernel-header{margin-bottom:12px;color:#ffb347;font-size:14px}.kernel-log{font-size:12px;line-height:1.4;color:#f4e1b3;flex:1}.login-line{margin-top:18px;font-size:13px;color:#ffdd93}.login-user{color:#ffb347}.shell-screen{background-color:#020202;color:#ffdd93}.shell-title{margin-bottom:10px;font-size:13px;color:#d9a441}.shell-body{font-size:13px}.shell-line{line-height:1.5;white-space:pre}.shell-command{color:#ffe08a}.shell-output{color:#f4e1b3}.shell-cursor{display:inline-block;width:8px;height:15px;margin-left:3px;background-color:#ffb347;animation:cursor-blink 1s steps(1,end) infinite}@keyframes cursor-blink{0%{opacity:1}49%{opacity:1}50%{opacity:0}to{opacity:0}}@media(max-width:900px){.grub-screen,.kernel-screen,.shell-screen{padding:16px;border-width:1px}.grub-item,.kernel-log,.kernel-header,.shell-body{font-size:12px}}.net-root{height:60vh;width:80vw;background-color:#02040a;color:#e8edf2;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.net-screen{width:100%;height:100%;max-width:1440px;max-height:900px;border:2px solid #33c3ff;background:radial-gradient(circle at top,#121827,#050713 45%,#02040a);display:flex;flex-direction:column}.net-header{padding:18px 28px;border-bottom:2px solid #33c3ff;background-color:#050914f5;display:flex;align-items:center;justify-content:space-between}.net-header h1{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);color:#fff}.net-stats{font-size:.95rem;color:#7dd3fc;padding:6px 10px;border-radius:8px;border:1px solid #0891b2}.net-main{flex:1;padding:24px 28px;display:flex;flex-direction:column;gap:24px}.net-question{padding:18px 20px;border-radius:12px;border:1px solid #f97316;background-color:#0f172ae6}.net-question h2{margin:0 0 10px;font-size:clamp(1.2rem,2vw,1.6rem);color:#fef3c7}.net-question p{margin:0;font-size:.95rem;color:#e5e7eb}.net-items{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.net-item{background:linear-gradient(135deg,#0b1220,#020617);color:#e5e7eb;border:1px solid #4b5563;border-radius:10px;padding:16px 18px;font-size:.95rem;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}.net-item:hover:not(:disabled){border-color:#22c55e;background-color:#020617;transform:translateY(-2px)}.net-item.item-selected{border-color:#f97316;background:linear-gradient(135deg,#172554,#1e293b)}.net-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.net-controls{padding:0 8px;border-radius:12px;border:1px solid #334155;background-color:#0a1020f2;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.net-button{background:linear-gradient(135deg,#0369a1,#0ea5e9);color:#f9fafb;border:none;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease;min-width:140px}.net-button:hover{transform:translateY(-1px)}.net-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.net-button.next-btn{background:linear-gradient(135deg,#ea580c,#f97316)}.net-feedback{font-size:.9rem;color:#e5e7eb}.net-complete{justify-content:center;align-items:flex-start;gap:18px}.net-complete h2{margin:0;font-size:clamp(1.6rem,2.4vw,2rem);color:#f97316}.net-complete p{margin:0;max-width:720px;font-size:.95rem;color:#e5e7eb}@media(max-width:900px){.net-screen{border-width:1px}.net-main{padding:16px}.net-items{grid-template-columns:1fr}.net-header{padding:12px 16px}}@media(max-width:600px){.net-header{flex-direction:column;align-items:flex-start;gap:6px}.net-stats{padding-inline:8px}.net-button{width:100%;text-align:center}.net-controls{align-items:stretch}}:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113;--font-family-base: "Ubuntu", "Inter", sans-serif BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}@media(prefers-color-scheme:dark){:root{--color-gray-400-rgb: 119, 124, 124;--color-teal-300-rgb: 50, 184, 198;--color-gray-300-rgb: 167, 169, 169;--color-gray-200-rgb: 245, 245, 245;--color-bg-1: rgba(29, 78, 216, .15);--color-bg-2: rgba(180, 83, 9, .15);--color-bg-3: rgba(21, 128, 61, .15);--color-bg-4: rgba(185, 28, 28, .15);--color-bg-5: rgba(107, 33, 168, .15);--color-bg-6: rgba(194, 65, 12, .15);--color-bg-7: rgba(190, 24, 93, .15);--color-bg-8: rgba(8, 145, 178, .15);--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: rgba(var(--color-gray-300-rgb), .7);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-primary-active: var(--color-teal-800);--color-secondary: rgba(var(--color-gray-400-rgb), .15);--color-secondary-hover: rgba(var(--color-gray-400-rgb), .25);--color-secondary-active: rgba(var(--color-gray-400-rgb), .3);--color-border: rgba(var(--color-gray-400-rgb), .3);--color-error: var(--color-red-400);--color-success: var(--color-teal-300);--color-warning: var(--color-orange-400);--color-info: var(--color-gray-300);--color-focus-ring: rgba(var(--color-teal-300-rgb), .4);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-gray-400-rgb), .2);--color-card-border-inner: rgba(var(--color-gray-400-rgb), .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--button-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-select-caret: rgba(var(--color-gray-200-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: var(--color-teal-300-rgb);--color-error-rgb: var(--color-red-400-rgb);--color-warning-rgb: var(--color-orange-400-rgb);--color-info-rgb: var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb: 119, 124, 124;--color-teal-300-rgb: 50, 184, 198;--color-gray-300-rgb: 167, 169, 169;--color-gray-200-rgb: 245, 245, 245;--color-bg-1: rgba(29, 78, 216, .15);--color-bg-2: rgba(180, 83, 9, .15);--color-bg-3: rgba(21, 128, 61, .15);--color-bg-4: rgba(185, 28, 28, .15);--color-bg-5: rgba(107, 33, 168, .15);--color-bg-6: rgba(194, 65, 12, .15);--color-bg-7: rgba(190, 24, 93, .15);--color-bg-8: rgba(8, 145, 178, .15);--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: rgba(var(--color-gray-300-rgb), .7);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-primary-active: var(--color-teal-800);--color-secondary: rgba(var(--color-gray-400-rgb), .15);--color-secondary-hover: rgba(var(--color-gray-400-rgb), .25);--color-secondary-active: rgba(var(--color-gray-400-rgb), .3);--color-border: rgba(var(--color-gray-400-rgb), .3);--color-error: var(--color-red-400);--color-success: var(--color-teal-300);--color-warning: var(--color-orange-400);--color-info: var(--color-gray-300);--color-focus-ring: rgba(var(--color-teal-300-rgb), .4);--color-btn-primary-text: var(--color-slate-900);--color-card-border: rgba(var(--color-gray-400-rgb), .15);--color-card-border-inner: rgba(var(--color-gray-400-rgb), .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--color-border-secondary: rgba(var(--color-gray-400-rgb), .2);--color-select-caret: rgba(var(--color-gray-200-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: var(--color-teal-300-rgb);--color-error-rgb: var(--color-red-400-rgb);--color-warning-rgb: var(--color-orange-400-rgb);--color-info-rgb: var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-success-rgb: var(--color-teal-500-rgb);--color-error-rgb: var(--color-red-500-rgb);--color-warning-rgb: var(--color-orange-500-rgb);--color-info-rgb: var(--color-slate-500-rgb)}html{font-size:var(--font-size-base);font-family:Ubuntu,Inter,sans-serif;line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base) * .95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}code{padding:var(--space-1) var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16) 0;overflow:auto;border:1px solid var(--color-border)}pre code{background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-10) var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn--full-width{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{display:block;width:100%;padding:var(--space-8) var(--space-12);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}textarea.form-control{font-family:Ubuntu,Inter,sans-serif;font-size:var(--font-size-base)}select.form-control{padding:var(--space-8) var(--space-12);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}@media(prefers-color-scheme:dark){select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.form-label{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-16)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__header,.card__footer{padding:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.status{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.status--success{background-color:rgba(var(--color-success-rgb, 33, 128, 141),var(--status-bg-opacity));color:var(--color-success);border:1px solid rgba(var(--color-success-rgb, 33, 128, 141),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb, 192, 21, 47),var(--status-bg-opacity));color:var(--color-error);border:1px solid rgba(var(--color-error-rgb, 192, 21, 47),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-bg-opacity));color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb, 98, 108, 113),var(--status-bg-opacity));color:var(--color-info);border:1px solid rgba(var(--color-info-rgb, 98, 108, 113),var(--status-border-opacity))}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--space-16);padding-left:var(--space-16)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-16{gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:Ubuntu,Inter,sans-serif;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base);font-family:Ubuntu,Inter,sans-serif;line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}body{font-family:Ubuntu,Inter,sans-serif;background:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal)}.container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--space-20)}.slideshow-wrapper{width:1920px;height:1080px;max-width:100vw;max-height:100vh;background:var(--color-surface);display:flex;flex-direction:column;position:relative;border-radius:var(--radius-lg);overflow:hidden;box-sizing:border-box;box-shadow:var(--shadow-lg)}.slide-display{flex:1;width:100%;height:calc(100% - 120px);padding:60px 80px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);overflow:hidden}.slide-title{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);position:relative}.slide-title:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--color-teal-500-rgb),.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.title-content{text-align:center;z-index:2;animation:fadeInUp var(--duration-normal) var(--ease-standard)}.main-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-20);background:linear-gradient(90deg,var(--color-text) 0%,var(--color-primary) 50%,var(--color-error) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.title-subtitle{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-24)}.title-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);max-width:700px;margin:0 auto}.slide-theory{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);animation:fadeIn var(--duration-normal) var(--ease-standard)}.slide-heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-32);padding-bottom:var(--space-16);border-bottom:3px solid var(--color-primary);position:relative;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.slide-heading:after{content:"";position:absolute;bottom:-3px;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),var(--color-primary-active));width:100px}.theory-content{flex:1;display:flex;flex-direction:column;justify-content:space-around}.theory-main{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-24);padding:var(--space-20);background:var(--color-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base)}.theory-points{display:flex;flex-direction:column;gap:var(--space-16)}.point-item{display:flex;align-items:flex-start;gap:var(--space-16);padding:var(--space-16);background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-standard);animation:slideInLeft .6s var(--ease-standard) backwards;box-shadow:var(--shadow-xs)}.point-item:nth-child(1){animation-delay:.1s}.point-item:nth-child(2){animation-delay:.2s}.point-item:nth-child(3){animation-delay:.3s}.point-item:hover{background:var(--color-secondary);border-color:var(--color-primary);transform:translate(var(--space-8));box-shadow:var(--shadow-sm)}.point-indicator{width:var(--space-12);height:var(--space-12);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;flex-shrink:0;margin-top:var(--space-6)}.point-item p{font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.timeline-items{display:flex;flex-direction:column;gap:var(--space-20);position:relative;padding-left:var(--space-32)}.timeline-items:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover),var(--color-primary-active))}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-20);animation:slideInLeft .6s var(--ease-standard) backwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-marker{width:var(--space-16);height:var(--space-16);background:var(--color-primary);border:3px solid var(--color-surface);border-radius:50%;margin-top:var(--space-6);margin-left:-48px;box-shadow:var(--shadow-sm)}.timeline-text h4{font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.timeline-text p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.comparison-items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-20)}.comparison-card{padding:var(--space-20);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:slideInUp .6s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.comparison-card:nth-child(1){animation-delay:.1s}.comparison-card:nth-child(2){animation-delay:.2s}.comparison-card:nth-child(3){animation-delay:.3s}.comparison-role{font-size:var(--font-size-xl);color:var(--color-error);font-weight:var(--font-weight-bold);margin-bottom:var(--space-16)}.comparison-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);margin-bottom:var(--space-10)}.framework-components{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16)}.component-card{padding:var(--space-16);background:var(--color-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-base);animation:scaleIn .5s var(--ease-standard) backwards;box-shadow:var(--shadow-xs)}.component-card:nth-child(1){animation-delay:.1s}.component-card:nth-child(2){animation-delay:.2s}.component-card:nth-child(3){animation-delay:.3s}.component-name{font-size:var(--font-size-md);color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.component-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.kill-chain-list{display:flex;flex-direction:column;gap:var(--space-12)}.kill-chain-item{display:flex;align-items:flex-start;gap:var(--space-16);padding:var(--space-16);background:var(--color-secondary);border-radius:var(--radius-base);border:1px solid var(--color-primary);animation:slideInRight .6s var(--ease-standard) backwards;box-shadow:var(--shadow-xs)}.kill-chain-item:nth-child(1){animation-delay:.05s}.kill-chain-item:nth-child(2){animation-delay:.1s}.kill-chain-item:nth-child(3){animation-delay:.15s}.kill-chain-item:nth-child(4){animation-delay:.2s}.kill-chain-item:nth-child(5){animation-delay:.25s}.kill-chain-item:nth-child(6){animation-delay:.3s}.kill-chain-item:nth-child(7){animation-delay:.35s}.chain-number{min-width:40px;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);flex-shrink:0;box-shadow:var(--shadow-sm)}.chain-text h4{font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.chain-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.legal-sections{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16)}.legal-section{padding:var(--space-20);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:slideInUp .6s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.legal-section:nth-child(1){animation-delay:.1s}.legal-section:nth-child(2){animation-delay:.2s}.legal-section:nth-child(3){animation-delay:.3s}.section-title{font-size:var(--font-size-md);color:var(--color-error);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12)}.section-items{list-style:none;display:flex;flex-direction:column;gap:var(--space-8)}.section-items li{font-size:var(--font-size-sm);color:var(--color-text);padding-left:var(--space-12);position:relative;line-height:var(--line-height-normal)}.section-items li:before{content:"▸";position:absolute;left:0;color:var(--color-primary);font-weight:700}.technique-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16)}.technique-card{padding:var(--space-16);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:scaleIn .5s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.technique-card:nth-child(1){animation-delay:.1s}.technique-card:nth-child(2){animation-delay:.2s}.technique-card:nth-child(3){animation-delay:.3s}.tech-type{font-size:var(--font-size-md);color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.tech-desc{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.category-boxes{display:flex;flex-direction:column;gap:var(--space-16)}.category-box{padding:var(--space-20);background:var(--color-secondary);border-left:5px solid var(--color-primary);border-radius:var(--radius-base);animation:slideInLeft .6s var(--ease-standard) backwards;box-shadow:var(--shadow-xs)}.category-box:nth-child(1){animation-delay:.1s}.category-box:nth-child(2){animation-delay:.2s}.category-box:nth-child(3){animation-delay:.3s}.category-name{font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.category-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.operation-sections{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16)}.operation-section{padding:var(--space-16);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);animation:slideInUp .6s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.operation-section:nth-child(1){animation-delay:.1s}.operation-section:nth-child(2){animation-delay:.2s}.operation-section:nth-child(3){animation-delay:.3s}.operation-name{font-size:var(--font-size-md);color:var(--color-error);font-weight:var(--font-weight-bold);margin-bottom:var(--space-10)}.operation-details{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.reporting-components{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16)}.reporting-comp{padding:var(--space-16);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:scaleIn .5s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.reporting-comp:nth-child(1){animation-delay:.1s}.reporting-comp:nth-child(2){animation-delay:.2s}.reporting-comp:nth-child(3){animation-delay:.3s}.comp-title{font-size:var(--font-size-md);color:var(--color-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.comp-focus{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal)}.slide-conclusion{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);animation:fadeIn var(--duration-normal) var(--ease-standard)}.conclusion-content{flex:1;display:flex;flex-direction:column;justify-content:space-around}.conclusion-main{font-size:var(--font-size-xl);color:var(--color-text);font-weight:var(--font-weight-semibold);padding:var(--space-20);background:var(--color-secondary);border-left:4px solid var(--color-error);border-radius:var(--radius-base);margin-bottom:var(--space-24);box-shadow:var(--shadow-sm)}.conclusion-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20)}.conclusion-box{padding:var(--space-20);background:var(--color-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);animation:slideInUp .6s var(--ease-standard) backwards;box-shadow:var(--shadow-sm)}.conclusion-box:nth-child(1){animation-delay:.1s}.conclusion-box:nth-child(2){animation-delay:.2s}.conclusion-box h4{font-size:var(--font-size-lg);color:var(--color-error);font-weight:var(--font-weight-bold);margin-bottom:var(--space-16);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-10)}.conclusion-box ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-10)}.conclusion-box li{font-size:var(--font-size-sm);color:var(--color-text);padding-left:var(--space-16);position:relative;line-height:var(--line-height-normal)}.conclusion-box li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700;font-size:var(--font-size-md)}.slide-animation{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-surface);animation:fadeIn var(--duration-normal) var(--ease-standard)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-20);flex:1}.feature-card{padding:var(--space-24);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);text-align:center;animation:bounceInUp .6s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);cursor:pointer;box-shadow:var(--shadow-sm)}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:hover{transform:translateY(-10px);background:var(--color-secondary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.feature-icon{font-size:3.5rem;margin-bottom:var(--space-16);display:block}.feature-title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-10)}.feature-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.evolution-line{position:relative;height:300px;margin:var(--space-32) 0}.evolution-line:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%)}.evolution-point{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-16);animation:scaleIn .6s var(--ease-standard) backwards}.point-circle{width:var(--space-20);height:var(--space-20);background:var(--color-surface);border:4px solid var(--color-primary);border-radius:50%;box-sizing:border-box;box-shadow:var(--shadow-sm)}.point-label{text-align:center}.point-year{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-bold)}.point-event{font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-semibold)}.role-circles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-20);flex:1}.role-circle{border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;padding:var(--space-24);animation:scaleIn .6s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:var(--shadow-md)}.role-circle:nth-child(1){animation-delay:.1s}.role-circle:nth-child(2){animation-delay:.2s}.role-circle:nth-child(3){animation-delay:.3s}.role-circle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.circle-inner{text-align:center;z-index:2}.circle-name{font-size:var(--font-size-xl);color:var(--color-btn-primary-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-10)}.circle-desc{font-size:var(--font-size-base);color:var(--color-btn-primary-text);line-height:var(--line-height-normal);opacity:.95}.framework-layers{display:flex;flex-direction:column;gap:var(--space-16);flex:1}.layer-box{padding:var(--space-20);border-radius:var(--radius-md);animation:slideInRight .6s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:var(--shadow-sm)}.layer-box:nth-child(1){animation-delay:.1s}.layer-box:nth-child(2){animation-delay:.2s}.layer-box:nth-child(3){animation-delay:.3s}.layer-box:hover{transform:translate(var(--space-10));box-shadow:var(--shadow-md)}.layer-title{font-size:var(--font-size-xl);color:var(--color-btn-primary-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12)}.layer-items{display:flex;gap:var(--space-10);flex-wrap:wrap}.layer-item{padding:var(--space-8) var(--space-16);background:rgba(var(--color-brown-600-rgb),.25);border-radius:var(--radius-sm);color:var(--color-btn-primary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(var(--color-brown-600-rgb),.4)}.chain-container{position:relative;height:350px;display:flex;align-items:center;margin:var(--space-20) 0}.chain-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%)}.chain-nodes{display:flex;justify-content:space-between;width:100%;position:relative;z-index:2}.chain-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);animation:fadeInUp .6s var(--ease-standard) backwards}.chain-node:nth-child(1){animation-delay:.05s}.chain-node:nth-child(2){animation-delay:.1s}.chain-node:nth-child(3){animation-delay:.15s}.chain-node:nth-child(4){animation-delay:.2s}.chain-node:nth-child(5){animation-delay:.25s}.chain-node:nth-child(6){animation-delay:.3s}.chain-node:nth-child(7){animation-delay:.35s}.node-circle{width:var(--space-24);height:var(--space-24);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:3px solid var(--color-surface);border-radius:50%;box-sizing:border-box;box-shadow:var(--shadow-sm)}.node-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-semibold);text-align:center;max-width:100px;word-wrap:break-word}.pillars-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-20);flex:1}.pillar{padding:var(--space-20);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:slideInUp .6s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-sm)}.pillar:nth-child(1){animation-delay:.1s}.pillar:nth-child(2){animation-delay:.2s}.pillar:nth-child(3){animation-delay:.3s}.pillar:hover{transform:translateY(-8px);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.pillar-header{font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-16);padding-bottom:var(--space-10);border-bottom:2px solid var(--color-primary)}.pillar-aspects{display:flex;flex-direction:column;gap:var(--space-8)}.aspect-tag{padding:var(--space-8) var(--space-12);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.methods-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16);flex:1}.method-box{padding:var(--space-20);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:bounceInUp .6s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-sm)}.method-box:nth-child(1){animation-delay:.1s}.method-box:nth-child(2){animation-delay:.2s}.method-box:nth-child(3){animation-delay:.3s}.method-box:hover{transform:translateY(-8px);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.method-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12)}.tools-list{display:flex;flex-direction:column;gap:var(--space-8)}.tool-item{padding:var(--space-8) var(--space-12);background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.persistence-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-16);flex:1}.persistence-card{padding:var(--space-20);background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-md);animation:scaleIn .5s var(--ease-standard) backwards;transition:all var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-sm)}.persistence-card:nth-child(1){animation-delay:.1s}.persistence-card:nth-child(2){animation-delay:.2s}.persistence-card:nth-child(3){animation-delay:.3s}.persistence-card:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.persistence-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-12)}.frameworks-list{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-10)}.framework-tag{padding:var(--space-8) var(--space-12);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;display:inline-block}.strategy-text{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.navigation-bar{height:120px;background:var(--color-surface);border-top:2px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 80px;gap:var(--space-20)}.nav-button{background:var(--color-primary);color:var(--color-btn-primary-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-tight);padding:0 var(--space-24);height:45px;border-radius:var(--radius-full);margin-bottom:var(--space-4);border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-standard);font-family:Ubuntu,Inter,sans-serif;width:auto;min-width:140px;box-shadow:var(--shadow-sm)}.nav-button:hover{transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.nav-button:active{transform:translateY(4px);background:var(--color-primary-active)}.nav-button:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.prev-button,.next-button{flex-shrink:0}.slide-counter{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);min-width:80px}.current-slide{color:var(--color-primary);font-size:var(--font-size-xl)}.total-slides{color:var(--color-text-secondary);font-size:var(--font-size-base)}.progress-bar{flex:1;height:6px;background:var(--color-secondary);border-radius:var(--radius-full);overflow:hidden;min-width:200px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),var(--color-primary-active));transition:width var(--duration-normal) var(--ease-standard)}.autoplay-toggle{background:var(--color-primary);color:var(--color-btn-primary-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);padding:0 var(--space-24);height:45px;border-radius:var(--radius-full);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-standard);font-family:Ubuntu,Inter,sans-serif;min-width:120px;flex-shrink:0;box-shadow:var(--shadow-sm)}.autoplay-toggle:hover{transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.autoplay-toggle:active{transform:translateY(4px);background:var(--color-primary-active)}.autoplay-toggle:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.slide-dots{position:absolute;bottom:var(--space-20);left:50%;transform:translate(-50%);display:flex;gap:var(--space-12);justify-content:center;flex-wrap:wrap;max-width:80%}.dot{width:var(--space-12);height:var(--space-12);border-radius:50%;border:2px solid var(--color-primary);background:var(--color-surface);cursor:pointer;transition:all var(--duration-normal) var(--ease-standard)}.dot.active{background:var(--color-primary);transform:scale(1.3)}.dot:hover{background:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--space-24))}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(calc(-1 * var(--space-24)))}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(var(--space-24))}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(var(--space-24))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(var(--space-32))}to{opacity:1;transform:translateY(0)}}@media(max-width:1600px){.container{padding:var(--space-10)}.slideshow-wrapper{width:100%;height:100%}.slide-display{padding:var(--space-32) 60px}.main-title{font-size:calc(var(--font-size-4xl) * .8)}.title-subtitle{font-size:calc(var(--font-size-2xl) * .8)}.slide-heading{font-size:calc(var(--font-size-3xl) * .8)}.navigation-bar{padding:0 var(--space-32);height:100px}.nav-button{min-width:120px;font-size:var(--font-size-sm);padding:0 var(--space-20);height:40px}.autoplay-toggle{min-width:100px;padding:0 var(--space-20);height:40px;font-size:var(--font-size-sm)}.features-grid,.role-circles,.comparison-items,.framework-components,.legal-sections,.technique-cards,.operation-sections,.reporting-components,.methods-grid,.persistence-grid,.pillars-container,.conclusion-sections{gap:var(--space-12)}}@media(max-width:1200px){.features-grid,.comparison-items,.legal-sections,.framework-components,.technique-cards,.operation-sections,.reporting-components,.methods-grid,.persistence-grid,.pillars-container{grid-template-columns:1fr 1fr}.role-circles,.conclusion-sections{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:var(--space-4)}.slideshow-wrapper{border-radius:var(--radius-base)}.slide-display{padding:var(--space-20) var(--space-16)}.main-title{font-size:var(--font-size-2xl)}.title-subtitle{font-size:var(--font-size-lg)}.title-description{font-size:var(--font-size-base)}.slide-heading{font-size:var(--font-size-xl);margin-bottom:var(--space-20);padding-bottom:var(--space-12)}.theory-main{font-size:var(--font-size-base);padding:var(--space-16);margin-bottom:var(--space-16)}.point-item,.kill-chain-item,.timeline-item{flex-direction:column;gap:var(--space-8);padding:var(--space-12)}.features-grid,.comparison-items,.legal-sections,.framework-components,.technique-cards,.operation-sections,.reporting-components,.methods-grid,.persistence-grid,.pillars-container,.role-circles,.conclusion-sections{grid-template-columns:1fr;gap:var(--space-12)}.navigation-bar{height:auto;padding:var(--space-12) var(--space-16);flex-wrap:wrap;gap:var(--space-12)}.nav-button,.autoplay-toggle{min-width:100px;padding:0 var(--space-16);height:36px;font-size:var(--font-size-sm)}.slide-counter{order:-1;width:100%;justify-content:center}.progress-bar{order:1;width:100%;min-width:100%}.prev-button{order:2}.next-button{order:3}.autoplay-toggle{order:4}.feature-card{padding:var(--space-20)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-12)}.feature-title{font-size:var(--font-size-lg)}.chain-container{height:auto;flex-direction:column;padding:var(--space-20) 0}.chain-line{display:none}.chain-nodes{flex-direction:column;gap:var(--space-16)}.evolution-line{height:auto;margin:var(--space-20) 0}.evolution-line:before{display:none}.evolution-point{position:relative;transform:none;margin-bottom:var(--space-16)}.layer-box,.pillar,.method-box,.persistence-card{padding:var(--space-16)}.slide-dots{bottom:var(--space-12);gap:var(--space-8)}.dot{width:var(--space-8);height:var(--space-8)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-hover),var(--color-primary-active))}.g-root{height:60vh;width:80vw;background-color:#020617;color:#e5e7eb;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.g-screen{height:100%;width:100%;max-width:1440px;max-height:900px;border:2px solid #22c55e;background:linear-gradient(135deg,#020617,#020617 30%,#020617);display:flex;flex-direction:column}.g-header{padding:16px 24px;border-bottom:2px solid #22c55e;background-color:#020617;display:flex;align-items:center;justify-content:space-between}.g-header h1{margin:0;font-size:1.4rem;color:#f9fafb}.g-stats{font-size:.9rem;color:#bbf7d0}.g-main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.g-question{border-radius:10px;border:1px solid #22c55e;padding:14px 16px;background-color:#020617}.g-question h2{margin:0 0 8px;font-size:1.1rem;color:#bbf7d0}.g-question p{margin:0;font-size:.9rem;color:#e5e7eb}.g-items{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.g-item{background-color:#020617;color:#e5e7eb;border-radius:8px;border:1px solid #4b5563;padding:12px 10px;font-size:.9rem;cursor:pointer;text-align:center;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.g-item:hover:not(:disabled){border-color:#22c55e;background-color:#030712;transform:translateY(-1px)}.g-item.item-selected{border-color:#22c55e;background-color:#052e16}.g-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.g-controls{border-radius:10px;border:1px solid #334155;padding:14px 16px;background-color:#020617;display:flex;flex-direction:column;gap:10px}.g-button{background:linear-gradient(135deg,#16a34a,#22c55e);color:#f9fafb;border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;cursor:pointer;font-weight:600;min-width:130px;transition:transform .1s ease}.g-button:hover{transform:translateY(-1px)}.g-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.g-feedback{font-size:.85rem;color:#e5e7eb}.g-letter{margin-top:4px;font-size:2rem;color:#bbf7d0}@media(max-width:768px){.g-main{padding:16px}.g-items{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.g-header{flex-direction:column;align-items:flex-start;gap:6px}}.i-root{height:60vh;width:80vw;background-color:#020617;color:#e5e7eb;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.i-screen{height:100%;width:100%;max-width:1440px;max-height:900px;border:2px solid #0ea5e9;background:linear-gradient(135deg,#020617,#020617 40%,#020617);display:flex;flex-direction:column}.i-header{padding:16px 24px;border-bottom:2px solid #0ea5e9;background-color:#020617;display:flex;align-items:center;justify-content:space-between}.i-header h1{margin:0;font-size:1.4rem;color:#f9fafb}.i-stats{font-size:.9rem;color:#bae6fd}.i-main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.i-question{border-radius:10px;border:1px solid #0ea5e9;padding:14px 16px;background-color:#020617}.i-question h2{margin:0 0 8px;font-size:1.1rem;color:#bae6fd}.i-question p{margin:0;font-size:.9rem;color:#e5e7eb}.i-items{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.i-item{background-color:#020617;color:#e5e7eb;border-radius:8px;border:1px solid #4b5563;padding:12px 10px;font-size:.9rem;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.i-item:hover:not(:disabled){border-color:#0ea5e9;background-color:#020617;transform:translateY(-1px)}.i-item.item-selected{border-color:#0ea5e9;background-color:#082f49}.i-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.i-controls{border-radius:10px;border:1px solid #334155;padding:14px 16px;background-color:#020617;display:flex;flex-direction:column;gap:10px}.i-button{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#f9fafb;border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;cursor:pointer;font-weight:600;min-width:130px;transition:transform .1s ease}.i-button:hover{transform:translateY(-1px)}.i-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.i-feedback{font-size:.85rem;color:#e5e7eb}.i-letter{margin-top:4px;font-size:2rem;color:#bae6fd}@media(max-width:768px){.i-main{padding:16px}.i-items{grid-template-columns:1fr}.i-header{flex-direction:column;align-items:flex-start;gap:6px}}.n-root{height:60vh;width:80vw;background-color:#020617;color:#e5e7eb;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.n-screen{height:100%;width:100%;max-width:1440px;max-height:900px;border:2px solid #a855f7;background:linear-gradient(135deg,#020617,#020617 40%,#020617);display:flex;flex-direction:column}.n-header{padding:16px 24px;border-bottom:2px solid #a855f7;background-color:#020617;display:flex;align-items:center;justify-content:space-between}.n-header h1{margin:0;font-size:1.4rem;color:#f9fafb}.n-stats{font-size:.9rem;color:#e9d5ff}.n-main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.n-question{border-radius:10px;border:1px solid #a855f7;padding:14px 16px;background-color:#020617}.n-question h2{margin:0 0 8px;font-size:1.1rem;color:#e9d5ff}.n-question p{margin:0;font-size:.9rem;color:#e5e7eb}.n-items{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.n-item{background-color:#020617;color:#e5e7eb;border-radius:8px;border:1px solid #4b5563;padding:12px 10px;font-size:.9rem;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.n-item:hover:not(:disabled){border-color:#a855f7;background-color:#020617;transform:translateY(-1px)}.n-item.item-selected{border-color:#a855f7;background-color:#312e81}.n-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.n-controls{border-radius:10px;border:1px solid #334155;padding:14px 16px;background-color:#020617;display:flex;flex-direction:column;gap:10px}.n-button{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#f9fafb;border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;cursor:pointer;font-weight:600;min-width:130px;transition:transform .1s ease}.n-button:hover{transform:translateY(-1px)}.n-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.n-feedback{font-size:.85rem;color:#e5e7eb}.n-letter{margin-top:4px;font-size:2rem;color:#e9d5ff}@media(max-width:768px){.n-main{padding:16px}.n-items{grid-template-columns:1fr}.n-header{flex-direction:column;align-items:flex-start;gap:6px}}.u-root{height:60vh;width:80vw;background-color:#020617;color:#e5e7eb;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.u-screen{height:100%;width:100%;max-width:1440px;max-height:900px;border:2px solid #22c55e;background:linear-gradient(135deg,#020617,#020617 40%,#020617);display:flex;flex-direction:column}.u-header{padding:16px 24px;border-bottom:2px solid #22c55e;background-color:#020617;display:flex;align-items:center;justify-content:space-between}.u-header h1{margin:0;font-size:1.4rem;color:#f9fafb}.u-stats{font-size:.9rem;color:#bbf7d0}.u-main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.u-question{border-radius:10px;border:1px solid #22c55e;padding:14px 16px;background-color:#020617}.u-question h2{margin:0 0 8px;font-size:1.1rem;color:#bbf7d0}.u-question p{margin:0;font-size:.9rem;color:#e5e7eb}.u-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.u-column h3{margin:0 0 10px;font-size:1rem;color:#e5e7eb}.u-item{display:block;width:100%;background-color:#020617;color:#e5e7eb;border-radius:8px;border:1px solid #4b5563;padding:10px;font-size:.9rem;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;margin-bottom:8px}.u-item:hover:not(:disabled){border-color:#22c55e;background-color:#030712;transform:translateY(-1px)}.u-item.item-selected{border-color:#22c55e;background-color:#052e16}.u-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.u-controls{border-radius:10px;border:1px solid #334155;padding:4px 16px;background-color:#020617;display:flex;flex-direction:column;gap:10px}.u-button{background:linear-gradient(135deg,#16a34a,#22c55e);color:#f9fafb;border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;cursor:pointer;font-weight:600;min-width:130px;transition:transform .1s ease}.u-button:hover{transform:translateY(-1px)}.u-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.u-feedback{font-size:.85rem;color:#e5e7eb}.u-letter{margin-top:4px;font-size:2rem;color:#bbf7d0}@media(max-width:768px){.u-main{padding:16px}.u-header{flex-direction:column;align-items:flex-start;gap:6px}}.x-root{height:60vh;width:80vw;background-color:#020617;color:#e5e7eb;font-family:Fira Code,Courier New,monospace;display:flex;align-items:center;justify-content:center}.x-screen{height:100%;width:100%;max-width:1440px;max-height:900px;border:2px solid #f97316;background:linear-gradient(135deg,#020617,#020617 40%,#020617);display:flex;flex-direction:column}.x-header{padding:16px 24px;border-bottom:2px solid #f97316;background-color:#020617;display:flex;align-items:center;justify-content:space-between}.x-header h1{margin:0;font-size:1.4rem;color:#f9fafb}.x-stats{font-size:.9rem;color:#fed7aa}.x-main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.x-question{border-radius:10px;border:1px solid #f97316;padding:14px 16px;background-color:#020617}.x-question h2{margin:0 0 8px;font-size:1.1rem;color:#fed7aa}.x-question p{margin:0;font-size:.9rem;color:#e5e7eb}.x-items{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.x-item{background-color:#020617;color:#e5e7eb;border-radius:8px;border:1px solid #4b5563;padding:12px 10px;font-size:.9rem;cursor:pointer;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.x-item:hover:not(:disabled){border-color:#f97316;background-color:#020617;transform:translateY(-1px)}.x-item.item-selected{border-color:#f97316;background-color:#7c2d12}.x-item:disabled{opacity:.7;cursor:not-allowed;transform:none}.x-controls{border-radius:10px;border:1px solid #334155;padding:14px 16px;background-color:#020617;display:flex;flex-direction:column;gap:10px}.x-button{background:linear-gradient(135deg,#ea580c,#f97316);color:#f9fafb;border:none;border-radius:8px;padding:8px 18px;font-size:.9rem;cursor:pointer;font-weight:600;min-width:130px;transition:transform .1s ease}.x-button:hover{transform:translateY(-1px)}.x-button:disabled{background:#4b5563;cursor:not-allowed;transform:none}.x-feedback{font-size:.85rem;color:#e5e7eb}.x-letter{margin-top:4px;font-size:2rem;color:#fed7aa}@media(max-width:768px){.x-main{padding:16px}.x-items{grid-template-columns:1fr}.x-header{flex-direction:column;align-items:flex-start;gap:6px}}.ka-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-bottom:32px}.ka-laptop-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(960px,90vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}.ka-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.ka-led{width:10px;height:10px;border-radius:999px}.ka-led--red{background:#f97373}.ka-led--yellow{background:#facc15}.ka-led--green{background:#4ade80}.ka-title{margin-left:8px;color:#e5e7eb}.ka-screen{flex:1;position:relative;padding:16px 20px 40px;display:flex;flex-direction:column;justify-content:space-between}.ka-row{display:flex;justify-content:center;gap:14px}.ka-row--top{align-items:flex-start}.ka-row--middle,.ka-row--bottom{justify-content:center}.ka-box{border-radius:8px;border:1px solid #4b5563;padding:8px 12px;font-size:.85rem;text-align:center;background:#020617}.ka-box--app{min-width:80px;color:#c4b5fd;border-color:#7c3aed}.ka-box--kernel{min-width:220px;padding:10px 14px;color:#bbf7d0;border-color:#22c55e}.ka-box--hw{min-width:70px;color:#bfdbfe;border-color:#3b82f6}.ka-kernel-title{font-size:.95rem;margin-bottom:4px}.ka-kernel-lines{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#a7f3d0}.ka-flow{position:absolute;background:linear-gradient(to bottom,#22c55e00,#22c55ee6);width:4px;border-radius:999px;opacity:.8}.ka-flow--down{top:70px;height:calc(50% - 80px);animation:ka-flow-down 2.6s linear infinite}.ka-flow--left{left:24%}.ka-flow--center{left:50%}.ka-flow--right{left:76%}.ka-flow--up{bottom:70px;height:calc(50% - 80px);background:linear-gradient(to top,#3b82f600,#3b82f6e6);animation:ka-flow-up 2.6s linear infinite}.ka-flow--cpu{left:34%}.ka-flow--ram{left:44%}.ka-flow--disk{left:54%}.ka-flow--net{left:64%}@keyframes ka-flow-down{0%{transform:translateY(-10%);opacity:0}20%{opacity:.9}80%{opacity:.9}to{transform:translateY(10%);opacity:0}}@keyframes ka-flow-up{0%{transform:translateY(10%);opacity:0}20%{opacity:.9}80%{opacity:.9}to{transform:translateY(-10%);opacity:0}}.ka-caption{position:absolute;left:20px;right:20px;bottom:10px;font-size:.8rem;color:#9ca3af}@media(max-width:768px){.ka-laptop-frame{width:100vw;border-radius:0}.ka-screen{padding:10px 12px 40px}.ka-row{gap:10px}.ka-box{font-size:.8rem;padding:6px 8px}.ka-kernel-lines{font-size:.75rem}}.os-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-bottom:32px}.os-laptop-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(960px,90vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}.os-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.os-led{width:10px;height:10px;border-radius:999px}.os-led--red{background:#f97373}.os-led--yellow{background:#facc15}.os-led--green{background:#4ade80}.os-title{margin-left:8px;color:#e5e7eb}.os-screen{flex:1;position:relative;padding:16px 20px 40px;display:flex;flex-direction:column;justify-content:space-between}.os-row{display:flex;align-items:center;justify-content:space-between}.os-row--top{gap:12px}.os-row--middle{justify-content:center}.os-row--bottom{justify-content:center;gap:14px}.os-label{font-size:.8rem;color:#9ca3af}.os-queue{flex:1;display:flex;gap:8px;border-radius:999px;border:1px solid #4b5563;padding:4px 8px;justify-content:flex-start;align-items:center}.os-process{min-width:34px;padding:4px 0;border-radius:999px;font-size:.75rem;text-align:center;border:1px solid #4b5563;background:#020617}.os-process--p1{border-color:#22c55e;color:#bbf7d0}.os-process--p2{border-color:#3b82f6;color:#bfdbfe}.os-process--p3{border-color:#f97316;color:#fed7aa}.os-process--p4{border-color:#ec4899;color:#f9a8d4}.os-box{border-radius:8px;border:1px solid #4b5563;padding:10px 14px;font-size:.85rem;text-align:center;background:#020617}.os-box--os{min-width:260px;color:#bbf7d0;border-color:#22c55e}.os-box--hw{min-width:80px;color:#bfdbfe;border-color:#3b82f6}.os-box-title{font-size:.95rem;margin-bottom:4px}.os-box-lines{font-size:.8rem;color:#a7f3d0;display:flex;flex-direction:column;gap:2px}.os-token{position:absolute;min-width:46px;padding:3px 6px;border-radius:999px;font-size:.7rem;text-align:center;border:1px solid #4b5563;background:#020617}.os-token--to-os{top:64px;left:25%;color:#bbf7d0;border-color:#22c55e;animation:os-move-to-os 3s linear infinite}.os-token--to-cpu{top:50%;left:42%;color:#bfdbfe;border-color:#3b82f6;animation:os-move-to-cpu 3s linear infinite}.os-token--to-mem{top:52%;left:48%;color:#bfdbfe;border-color:#3b82f6;animation:os-move-to-mem 3.2s linear infinite}.os-token--to-disk{top:54%;left:54%;color:#bfdbfe;border-color:#3b82f6;animation:os-move-to-disk 3.4s linear infinite}.os-token--to-dev{top:56%;left:60%;color:#bfdbfe;border-color:#3b82f6;animation:os-move-to-dev 3.6s linear infinite}@keyframes os-move-to-os{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}50%{transform:translate(80px) translateY(40px);opacity:1}90%{opacity:1}to{transform:translate(140px) translateY(80px);opacity:0}}@keyframes os-move-to-cpu{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}50%{transform:translate(-8px) translateY(30px);opacity:1}to{transform:translate(-8px) translateY(80px);opacity:0}}@keyframes os-move-to-mem{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}50%{transform:translate(0) translateY(30px);opacity:1}to{transform:translate(0) translateY(80px);opacity:0}}@keyframes os-move-to-disk{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}50%{transform:translate(8px) translateY(30px);opacity:1}to{transform:translate(8px) translateY(80px);opacity:0}}@keyframes os-move-to-dev{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}50%{transform:translate(16px) translateY(30px);opacity:1}to{transform:translate(16px) translateY(80px);opacity:0}}.os-caption{position:absolute;left:20px;right:20px;bottom:10px;font-size:.8rem;color:#9ca3af}@media(max-width:768px){.os-laptop-frame{width:100vw;border-radius:0}.os-screen{padding:10px 12px 40px}.os-row--bottom{gap:8px}.os-box{font-size:.8rem;padding:8px 10px}.os-box-lines{font-size:.75rem}.os-token{font-size:.65rem}}.kp-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-bottom:32px}.kp-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(1100px,95vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}.kp-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.kp-led{width:10px;height:10px;border-radius:999px}.kp-led--red{background:#f97373}.kp-led--yellow{background:#facc15}.kp-led--green{background:#4ade80}.kp-title{margin-left:8px;color:#e5e7eb}.kp-screen{flex:1;display:grid;grid-template-columns:1.1fr 1.4fr .9fr;grid-template-rows:1fr;gap:10px;padding:12px 16px}.kp-panel{border-radius:8px;border:1px solid #334155;padding:10px 12px;background:#020617;display:flex;flex-direction:column;gap:8px}.kp-panel--info{font-size:.85rem}.kp-panel--board{justify-content:space-between}.kp-panel--hint{font-size:.8rem}.kp-heading{margin:0 0 4px;font-size:1rem;color:#e5e7eb}.kp-text{margin:0;color:#9ca3af;line-height:1.4}.kp-tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;margin-bottom:10px}.kp-task{border-radius:999px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;font-size:.8rem;padding:6px 10px;text-align:left;cursor:pointer;outline:none}.kp-task:hover{border-color:#6b7280}.kp-task--selected,.kp-task--correct{border-color:#22c55e;background:#022c22}.kp-task--wrong{border-color:#ef4444;background:#450a0a}.kp-task--missed{border-color:#eab308;background:#422006}.kp-controls{display:flex;gap:8px;margin-bottom:4px}.kp-btn{border-radius:999px;border:1px solid #4b5563;padding:6px 12px;font-size:.8rem;cursor:pointer;background:#020617;color:#e5e7eb}.kp-btn--primary{border-color:#22c55e;background:#064e3b}.kp-btn--primary:disabled{opacity:.7;cursor:default}.kp-btn--ghost{border-color:#4b5563}.kp-result{min-height:32px}.kp-result-text{margin:0;font-size:.78rem;line-height:1.4}.kp-result-text--ok{color:#bbf7d0}.kp-result-text--fail{color:#fecaca}.kp-hint-heading{margin:0 0 4px;font-size:.9rem;color:#e5e7eb}.kp-hint-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;color:#9ca3af}@media(max-width:900px){.kp-frame{width:100vw;aspect-ratio:auto;height:100vh;border-radius:0}.kp-screen{grid-template-columns:1fr;grid-auto-rows:auto;padding:12px}}.osg-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-bottom:32px}.osg-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(1100px,95vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb;margin-bottom:24px}.osg-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.osg-led{width:10px;height:10px;border-radius:999px}.osg-led--red{background:#f97373}.osg-led--yellow{background:#facc15}.osg-led--green{background:#4ade80}.osg-title{margin-left:8px;color:#e5e7eb}.osg-screen{flex:1;display:grid;grid-template-columns:1.1fr 1.4fr .9fr;grid-template-rows:1fr;gap:10px;padding:12px 16px}.osg-panel{border-radius:8px;border:1px solid #334155;padding:10px 12px;background:#020617;display:flex;flex-direction:column;gap:8px}.osg-panel--info{font-size:.85rem}.osg-panel--board{justify-content:space-between}.osg-panel--hint{font-size:.8rem}.osg-heading{margin:0 0 4px;font-size:1rem;color:#e5e7eb}.osg-text{margin:0;color:#9ca3af;line-height:1.4}.osg-tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;margin-bottom:10px}.osg-task{border-radius:999px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;font-size:.8rem;padding:6px 10px;text-align:left;cursor:pointer;outline:none}.osg-task:hover{border-color:#6b7280}.osg-task--selected,.osg-task--correct{border-color:#22c55e;background:#022c22}.osg-task--wrong{border-color:#ef4444;background:#450a0a}.osg-task--missed{border-color:#eab308;background:#422006}.osg-controls{display:flex;gap:8px;margin-bottom:4px}.osg-btn{border-radius:999px;border:1px solid #4b5563;padding:6px 12px;font-size:.8rem;cursor:pointer;background:#020617;color:#e5e7eb}.osg-btn--primary{border-color:#22c55e;background:#064e3b}.osg-btn--primary:disabled{opacity:.7;cursor:default}.osg-btn--ghost{border-color:#4b5563}.osg-result{min-height:32px}.osg-result-text{margin:0;font-size:.78rem;line-height:1.4}.osg-result-text--ok{color:#bbf7d0}.osg-result-text--fail{color:#fecaca}.osg-hint-heading{margin:0 0 4px;font-size:.9rem;color:#e5e7eb}.osg-hint-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;color:#9ca3af}@media(max-width:900px){.osg-frame{width:100vw;aspect-ratio:auto;height:100vh;border-radius:0}.osg-screen{grid-template-columns:1fr;grid-auto-rows:auto;padding:12px}}.tg-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-top:32px;margin-bottom:64px}.tg-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(1100px,95vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}.tg-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.tg-led{width:10px;height:10px;border-radius:999px}.tg-led--red{background:#f97373}.tg-led--yellow{background:#facc15}.tg-led--green{background:#4ade80}.tg-title{margin-left:8px;color:#e5e7eb}.tg-screen{flex:1;display:grid;grid-template-columns:1.1fr 1.9fr;gap:10px;padding:12px 16px}.tg-sidebar{border-radius:8px;border:1px solid #334155;padding:10px 12px;background:#020617;display:flex;flex-direction:column;gap:8px;font-size:.85rem}.tg-heading{margin:0 0 4px;font-size:1rem;color:#e5e7eb}.tg-text{margin:0;color:#9ca3af;line-height:1.4}.tg-list{margin:4px 0 0;padding-left:16px;color:#9ca3af;display:flex;flex-direction:column;gap:3px;font-size:.82rem}.tg-code{font-family:Fira Code,Consolas,monospace;background:#0f172a;padding:1px 4px;border-radius:4px}.tg-status{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#9ca3af}.tg-status-pill{border-radius:999px;border:1px solid #4b5563;padding:2px 8px;color:#e5e7eb;background:#020617}.tg-status-pill--ok{border-color:#22c55e;background:#022c22;color:#bbf7d0}.tg-terminal{border-radius:8px;border:1px solid #334155;background:#020617;display:flex;flex-direction:column;padding:8px 10px}.tg-terminal-inner{flex:1;overflow-y:auto;padding-right:4px;font-family:Fira Code,Consolas,monospace;font-size:.82rem;color:#e5e7eb}.tg-line{line-height:1.4}.tg-input-row{display:flex;align-items:center;margin-top:6px;font-family:Fira Code,Consolas,monospace}.tg-prompt{margin-right:6px;color:#22c55e}.tg-input{flex:1;border:none;background:transparent;color:#e5e7eb;font-family:Fira Code,Consolas,monospace;font-size:.82rem;outline:none}.tg-terminal-inner::-webkit-scrollbar{width:4px}.tg-terminal-inner::-webkit-scrollbar-thumb{background:#4b5563}@media(max-width:900px){.tg-frame{width:100vw;aspect-ratio:auto;height:100vh;border-radius:0}.tg-screen{grid-template-columns:1fr;grid-auto-rows:auto;padding:10px 12px}}.sg-root{height:60vh;width:80vw;display:flex;align-items:center;justify-content:center;font-family:"Ubuntu","Inter",sans-serif sans-serif;margin-top:32px;margin-bottom:64px}.sg-frame{background:#020617;border:2px solid #4b5563;border-radius:10px;width:min(1100px,95vw);aspect-ratio:16 / 9;display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}.sg-header{height:40px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.sg-led{width:10px;height:10px;border-radius:999px}.sg-led--red{background:#f97373}.sg-led--yellow{background:#facc15}.sg-led--green{background:#4ade80}.sg-title{margin-left:8px;color:#e5e7eb}.sg-screen{flex:1;display:grid;grid-template-columns:1.1fr 1.9fr;gap:10px;padding:12px 16px}.sg-panel{border-radius:8px;border:1px solid #334155;padding:10px 12px;background:#020617;display:flex;flex-direction:column;gap:8px}.sg-heading{margin:0 0 4px;font-size:1rem;color:#e5e7eb}.sg-text{margin:0;color:#9ca3af;font-size:.85rem;line-height:1.4}.sg-mission-list{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.85rem}.sg-mission{display:flex;align-items:center;gap:8px}.sg-mission-status{border-radius:999px;border:1px solid #4b5563;padding:2px 8px;font-size:.75rem;color:#e5e7eb}.sg-mission--done .sg-mission-status{border-color:#22c55e;background:#022c22;color:#bbf7d0}.sg-mission-label{color:#e5e7eb}.sg-status{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#9ca3af}.sg-status-pill{border-radius:999px;border:1px solid #4b5563;padding:2px 8px;color:#e5e7eb;background:#020617}.sg-status-pill--ok{border-color:#22c55e;background:#022c22;color:#bbf7d0}.sg-panel--shell{font-family:Fira Code,Consolas,monospace}.sg-shell-inner{flex:1;overflow-y:auto;padding-right:4px;font-size:.82rem}.sg-line{line-height:1.4}.sg-input-row{display:flex;align-items:center;margin-top:6px}.sg-prompt{margin-right:6px;color:#22c55e}.sg-input{flex:1;border:none;background:transparent;color:#e5e7eb;font-family:Fira Code,Consolas,monospace;font-size:.82rem;outline:none}.sg-shell-inner::-webkit-scrollbar{width:4px}.sg-shell-inner::-webkit-scrollbar-thumb{background:#4b5563}@media(max-width:900px){.sg-frame{width:100vw;aspect-ratio:auto;height:100vh;border-radius:0}.sg-screen{grid-template-columns:1fr;grid-auto-rows:auto;padding:10px 12px}}.lt-root{height:10vh;width:80%;display:flex;align-items:center;justify-content:center;padding:24px 12px;font-family:"Ubuntu","Inter",sans-serif sans-serif}.lt-frame{width:min(900px,100%);max-height:80vh;background:#020617;border-radius:10px;border:1px solid #334155;overflow:hidden;display:flex;flex-direction:column;color:#e5e7eb}.lt-header{height:42px;background:#020617;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:.85rem}.lt-led{width:10px;height:10px;border-radius:999px}.lt-led--red{background:#f97373}.lt-led--yellow{background:#facc15}.lt-led--green{background:#4ade80}.lt-title{margin-left:8px;color:#e5e7eb}.lt-screen{background:#020617;display:flex;flex-direction:column;padding:10px 14px 12px}.lt-shell{flex:1;overflow-y:auto;font-family:Fira Code,Consolas,monospace;font-size:.87rem;padding-right:4px}.lt-line{line-height:1.4;white-space:pre-wrap}.lt-input-row{margin-top:8px;display:flex;align-items:center;font-family:Fira Code,Consolas,monospace}.lt-prompt{margin-right:6px;color:#22c55e}.lt-input{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-family:Fira Code,Consolas,monospace;font-size:.87rem}.lt-shell::-webkit-scrollbar{width:4px}.lt-shell::-webkit-scrollbar-thumb{background:#4b5563}@media(max-width:768px){.lt-frame{max-height:90vh}.lt-title,.lt-shell,.lt-input{font-size:.8rem}}.laptop-root{width:80vw;height:60vh;display:flex;align-items:center;justify-content:center;font-family:Ubuntu,Inter,sans-serif;color:#e5e5e5;margin-top:70px}.laptop-shell{width:100%;max-width:900px;height:520px;border-radius:10px;border:2px solid #222;background:#111318;display:flex;flex-direction:column}.terminal-header{height:40px;border-bottom:1px solid #222;display:flex;align-items:center;padding:0 16px;background:#181a22}.terminal-title{font-size:14px;color:#bbb}.terminal-body{flex:1;padding:16px 18px 18px;display:flex;flex-direction:column}.terminal-line{display:flex;align-items:center;font-size:15px;margin-bottom:10px}.prompt{color:#4caf50;margin-right:6px}.cmd-typed{color:#e5e5e5;opacity:.3}.cmd-typed-active{animation:typeIn .5s forwards}.cursor{width:7px;margin-left:2px;opacity:0}.cursor-active{animation:blinkCursor .9s steps(2,start) infinite}.diagram{position:relative;flex:1;margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column;justify-content:space-around}.row{display:flex;justify-content:space-between;gap:12px}.block{flex:1;min-height:80px;border-radius:6px;border:1px solid #2a2d3a;padding:10px 12px;background:#151823;opacity:.3;transform:scale(.97);transition:transform .4s ease,opacity .4s ease,border-color .4s ease,background .4s ease}.block+.block{margin-left:10px}.block-title{font-size:13px;color:#f1f1f1;margin-bottom:4px}.block-text{font-size:12px;line-height:1.3;color:#c4c4c4}.block-active{opacity:1;transform:scale(1);border-color:#3f51b5;background:#1b1e2c}.shell-block .block-title{color:#4caf50}.search-block .block-title{color:#03a9f4}.kernel-block .block-title{color:#ff9800}.fs-block .block-title{color:#9c27b0}.stdout-block .block-title{color:#ffc107}.screen-block .block-title{color:#e91e63}.arrows-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.arrow{stroke:#444a5a;stroke-width:2;stroke-dasharray:6 6;opacity:0}.arrow-active{animation:drawArrow .8s forwards}.terminal-output{min-height:40px;margin-top:8px;font-size:14px;color:#d0d0d0}@keyframes typeIn{0%{opacity:.2;letter-spacing:.3em}to{opacity:1;letter-spacing:0}}@keyframes blinkCursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes drawArrow{0%{opacity:0;stroke-dashoffset:40}to{opacity:1;stroke-dashoffset:0}}@media(max-width:960px){.laptop-shell{height:480px;max-width:100%;margin:0 8px}.row{gap:8px}.block{padding:8px 10px}}@media(max-width:720px){.laptop-shell{height:520px}.row{flex-direction:column}.block+.block{margin-left:0}}.fg-root{width:80vw;height:60vh;display:flex;align-items:center;justify-content:center;font-family:Ubuntu,Inter,sans-serif;color:#e5e5e5;margin-top:50px;margin-bottom:50px}.fg-laptop{width:100%;max-width:1080px;padding:0 18px}.fg-screen{width:100%;max-width:1040px;height:600px;margin:0 auto;border-radius:10px 10px 4px 4px;border:2px solid #22252f;background:#12141d;display:flex;flex-direction:column}.fg-base{margin:8px auto 0;width:250px;height:12px;border-radius:6px;background:#181b24}.fg-header{padding:10px 18px;border-bottom:1px solid #202330;background:#181a23}.fg-header-title{font-size:16px;color:#f4f4f4}.fg-header-sub{font-size:12px;color:#9ea1bd}.fg-main{flex:1;display:flex;padding:12px 16px 16px;gap:14px}.fg-left,.fg-right{flex:1;display:flex;flex-direction:column;gap:12px}.fg-level-card{border-radius:8px;border:1px solid #262a3b;background:#151824;padding:10px 12px}.fg-level-id{font-size:12px;color:#8f93af;margin-bottom:2px}.fg-level-title{font-size:14px;color:#f5f5ff;margin-bottom:4px}.fg-level-desc{font-size:12px;color:#c6c8dd;margin-bottom:8px}.fg-level-hint-label{font-size:11px;color:#8f93af;margin-bottom:2px}.fg-level-hint{font-size:12px;color:#e8e8ff}.fg-command-panel{border-radius:8px;border:1px solid #262a3b;background:#151824;padding:10px 12px}.fg-command-title{font-size:13px;margin-bottom:6px;color:#f5f5ff}.fg-command-row{margin-bottom:8px}.fg-label{font-size:12px;color:#c6c8dd;display:block;margin-bottom:2px}.fg-label-hint{font-size:11px;color:#8f93af}.fg-command-buttons{display:flex;flex-wrap:wrap;gap:6px}.fg-cmd-btn{border:1px solid #2c3144;background:#191c2a;color:#d4d6f1;padding:3px 10px;font-size:12px;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.fg-cmd-btn:hover{background:#202438}.fg-cmd-btn-active{border-color:#3f51b5;background:#2a3052;transform:translateY(-1px)}.fg-input{width:100%;border-radius:4px;border:1px solid #292d3e;padding:5px 7px;font-size:12px;background:#111320;color:#e5e5f5}.fg-input::placeholder{color:#676a84}.fg-command-run-row{display:flex;align-items:center;gap:8px;margin-top:4px}.fg-run-btn{border-radius:999px;border:1px solid #3f51b5;background:#303f9f;color:#fff;font-size:12px;padding:4px 14px;cursor:pointer;transition:background .2s ease,transform .15s ease}.fg-run-btn:hover{background:#3949ab;transform:translateY(-1px)}.fg-message{font-size:11px;color:#c6c8dd}.fg-footer{display:flex;justify-content:flex-end}.fg-next-btn{border-radius:999px;border:1px solid #2f384c;background:#1b1f2d;color:#dde0ff;font-size:12px;padding:4px 12px;cursor:pointer;transition:background .2s ease,transform .15s ease}.fg-next-btn:hover{background:#252a3a;transform:translateY(-1px)}.fg-next-btn:disabled{opacity:.45;cursor:default;transform:none}.fg-filesystem-card{flex:1;border-radius:8px;border:1px solid #262a3b;background:#151824;padding:10px 12px;display:flex;flex-direction:column}.fg-fs-title{font-size:13px;color:#f5f5ff}.fg-fs-sub{font-size:11px;color:#8f93af;margin-bottom:6px}.fg-fs-grid{flex:1;overflow:auto;padding-top:4px}.fs-node{margin-bottom:4px}.fs-dir-row{display:flex;align-items:center;padding:2px 0}.fs-dir-name{font-size:12px;color:#dfe1ff}.fs-file-row{display:flex;align-items:center;padding:1px 0}.fs-file-bullet{font-size:11px;color:#ffca28;margin-right:4px}.fs-file-name{font-size:12px;color:#cfd1f0}.fg-legend-card{border-radius:8px;border:1px solid #262a3b;background:#151824;padding:8px 10px}.fg-legend-title{font-size:12px;color:#f5f5ff;margin-bottom:4px}.fg-legend-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#c6c8dd;margin-bottom:3px}.fg-legend-swatch{width:12px;height:12px;border-radius:3px}.fg-swatch-dir{background:#283593}.fg-swatch-file{background:#00695c}.fg-swatch-dot{background:#ffca28}@media(max-width:980px){.fg-screen{height:620px}}@media(max-width:820px){.fg-main{flex-direction:column}.fg-screen{height:680px}}.pt-root{width:80vw;height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-top:40px}.pt-shell{width:100%;max-width:920px;height:520px;border-radius:18px;background:#05070d;border:1px solid rgba(255,255,255,.06);box-shadow:0 26px 80px #000000e6,0 0 0 1px #ffffff05;display:flex;flex-direction:column;overflow:hidden}.pt-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#0b101c,#101727);border-bottom:1px solid rgba(255,255,255,.06)}.pt-header-title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#f6f8ffcc}.pt-header-status{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#9ef7b8}.pt-body{flex:1;display:flex;flex-direction:column;padding:14px 16px 16px;background:radial-gradient(circle at top left,#141e32 0,#05070d 60%);color:#e6f3ff;font-size:.9rem;box-sizing:border-box}.pt-output{flex:1;overflow-y:auto;padding-right:4px}.pt-line{line-height:1.4;margin-bottom:4px;white-space:pre-wrap}.pt-output::-webkit-scrollbar{width:6px}.pt-output::-webkit-scrollbar-track{background:transparent}.pt-output::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.pt-input-row{display:flex;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.pt-prompt{color:#6effe6;margin-right:8px;font-size:.9rem}.pt-input{flex:1;background:transparent;border:none;outline:none;color:#e6f3ff;font:inherit}.pt-input::selection{background:#6effe647}.pt-input:focus-visible{outline:none}@media(max-width:720px){.pt-shell{height:460px}.pt-body{font-size:.85rem}}.lfa-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.lfa-terminal-frame{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.lfa-header{height:48px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.lfa-dots{display:flex;gap:8px;margin-right:14px}.lfa-dot{width:10px;height:10px;border-radius:999px}.lfa-dot-red{background:#ff5f57}.lfa-dot-yellow{background:#febc2e}.lfa-dot-green{background:#28c840}.lfa-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.lfa-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:20px;padding:22px 26px 26px}.lfa-tree{position:relative;border-radius:16px;background:radial-gradient(circle at top left,#0b1220 0,#02030a 60%);padding:18px 18px 20px 22px;color:#eaf5ff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden}.lfa-path{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;margin-bottom:10px}.lfa-node-row{display:flex;gap:10px;margin-bottom:10px}.lfa-node{padding:6px 10px;border-radius:10px;font-size:.78rem;display:inline-flex;align-items:center;background:#0f172ab3;border:1px solid rgba(148,163,184,.2)}.lfa-node-label{white-space:nowrap}.lfa-node-dir{background:#38bdf81f;border-color:#38bdf873}.lfa-node-file{background:#818cf81f;border-color:#818cf873}.lfa-node-symlink{background:#34d3991f;border-color:#34d39980}.lfa-node-device{background:#f8fafc0f;border-color:#facc158c}.lfa-node-device-char{border-style:dashed}.lfa-node-ipc{background:#f472b624;border-color:#f472b699}.lfa-node-pipe{border-style:dashed}.lfa-focus{position:absolute;left:10px;width:calc(100% - 20px);height:32px;border-radius:999px;background:radial-gradient(circle at center,rgba(45,212,191,.22),transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s ease}.lfa-focus-0{opacity:1;transform:translateY(28px)}.lfa-focus-1{opacity:1;transform:translateY(56px)}.lfa-focus-2{opacity:1;transform:translateY(90px)}.lfa-focus-3{opacity:1;transform:translateY(124px)}.lfa-focus-4{opacity:1;transform:translateY(158px)}.lfa-focus-5{opacity:1;transform:translateY(192px)}.lfa-panel{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:18px 20px 20px;overflow:hidden;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.lfa-scene{position:absolute;top:18px;right:20px;bottom:54px;left:20px;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.lfa-scene-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lfa-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(45,212,191,.7);background:#0f172ae6;color:#6ee7b7;margin-bottom:8px}.lfa-title{font-size:1.4rem;margin:2px 0 4px}.lfa-subtitle{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#a5b4fc;margin-bottom:10px}.lfa-text{font-size:.9rem;line-height:1.5;color:#dbe4ff;margin-bottom:16px}.lfa-command-line{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;background:#0f172af2;border:1px solid rgba(148,163,184,.4);font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem}.lfa-prompt{color:#22c55e;margin-right:6px}.lfa-command{color:#e5e7eb}.lfa-cursor{width:8px;height:1.1em;margin-left:4px;background:#22c55e;animation:lfa-blink .9s steps(1) infinite}@keyframes lfa-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.lfa-dots-indicator{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:center;gap:6px}.lfa-dot-indicator{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.lfa-dot-indicator-active{width:22px;border-radius:999px;background:#22c55e}@media(max-width:900px){.lfa-main{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.lfa-tree{margin-bottom:10px}.lfa-scene{top:14px;right:16px;bottom:50px;left:16px}.lfa-panel{padding:12px 12px 16px}}.rfa-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.rfa-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.rfa-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.rfa-dots{display:flex;gap:8px;margin-right:14px}.rfa-dot{width:10px;height:10px;border-radius:999px}.rfa-dot-red{background:#ff5f57}.rfa-dot-yellow{background:#febc2e}.rfa-dot-green{background:#28c840}.rfa-header-title{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.rfa-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:22px;padding:22px 26px 26px}.rfa-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rfa-line-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.rfa-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.rfa-part{font-size:.85rem}.rfa-part-type{color:#22c55e;font-weight:600}.rfa-part-perms{color:#e5e7eb}.rfa-part-count{color:#9ca3af}.rfa-part-owner,.rfa-part-group{color:#bfdbfe}.rfa-part-size{color:#fcd34d}.rfa-part-date{color:#9ca3af}.rfa-part-name{color:#f9a8d4}.rfa-part-active{position:relative}.rfa-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(45,212,191,.2),transparent 60%);z-index:-1}.rfa-inode-row{margin-top:14px;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.rfa-inode-row-active{opacity:1;transform:translateY(0)}.rfa-inode-dir,.rfa-inode-name,.rfa-inode-box{padding:4px 8px;border-radius:8px;font-size:.78rem;background:#0f172af2;border:1px solid rgba(148,163,184,.5)}.rfa-inode-dir{color:#7dd3fc}.rfa-inode-name{color:#f9a8d4}.rfa-inode-box{color:#facc15}.rfa-inode-arrow{font-size:.85rem;color:#9ca3af}.rfa-bytes{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.rfa-bytes-active{opacity:1;transform:translateY(0)}.rfa-byte{width:30px;height:22px;border-radius:6px;background:#16653466;border:1px solid rgba(34,197,94,.8);color:#bbf7d0;font-size:.72rem;display:flex;align-items:center;justify-content:center;animation:rfa-byte-pulse 1.4s ease-in-out infinite}.rfa-byte:nth-child(odd){animation-delay:.2s}@keyframes rfa-byte-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #22c55e00}50%{transform:translateY(-3px);box-shadow:0 0 12px #22c55e99}}.rfa-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.rfa-step{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.rfa-step-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.rfa-step-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(56,189,248,.7);background:#0f172af5;color:#7dd3fc;margin-bottom:8px}.rfa-step-title{font-size:1.3rem;margin:2px 0 4px}.rfa-step-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#a5b4fc;margin-bottom:10px}.rfa-step-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.rfa-step-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.rfa-step-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.rfa-step-dot-active{width:22px;border-radius:999px;background:#22c55e}@media(max-width:900px){.rfa-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.rfa-step{top:14px;right:16px;bottom:48px;left:16px}}.dta-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.dta-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.dta-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.dta-dots{display:flex;gap:8px;margin-right:14px}.dta-dot{width:10px;height:10px;border-radius:999px}.dta-dot-red{background:#ff5f57}.dta-dot-yellow{background:#febc2e}.dta-dot-green{background:#28c840}.dta-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.dta-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:22px;padding:22px 26px 26px}.dta-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dta-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.dta-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.dta-part{font-size:.84rem}.dta-part-type{color:#38bdf8;font-weight:700}.dta-part-perms{color:#e5e7eb}.dta-part-count{color:#9ca3af}.dta-part-owner,.dta-part-group{color:#bfdbfe}.dta-part-size{color:#facc15}.dta-part-date{color:#9ca3af}.dta-part-name{color:#f9a8d4}.dta-part-active{position:relative}.dta-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(59,130,246,.22),transparent 60%);z-index:-1}.dta-dir-area{margin-top:16px;position:relative}.dta-dir-box{border-radius:14px;background:#0f172af2;border:1px solid rgba(59,130,246,.7);padding:10px 10px 12px;transform-origin:top;transform:scaleY(.9);opacity:.7;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease;box-shadow:0 0 #3b82f600}.dta-dir-box-open{transform:scaleY(1);opacity:1;box-shadow:0 14px 30px #2563eb73}.dta-dir-name{font-size:.8rem;color:#7dd3fc;margin-bottom:6px}.dta-dir-entries{display:grid;grid-auto-rows:22px;row-gap:4px}.dta-entry{font-size:.78rem;color:#e5e7eb;padding:2px 6px;border-radius:6px}.dta-entry-file{color:#f9a8d4}.dta-entry-highlight{background:#38bdf829}.dta-inode-box{position:absolute;right:0;top:6px;transform:translate(110%);opacity:0;border-radius:10px;background:#0f172afa;border:1px solid rgba(250,204,21,.8);padding:6px 8px;font-size:.75rem;width:150px;transition:opacity .35s ease,transform .35s ease}.dta-inode-box-active{opacity:1;transform:translate(8px)}.dta-inode-title{font-weight:600;color:#fde68a;margin-bottom:2px}.dta-inode-line{color:#e5e7eb}.dta-path-chain{margin-top:16px;display:flex;align-items:center;gap:4px;font-size:.78rem;color:#9ca3af;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.dta-path-chain-active{opacity:1;transform:translateY(0)}.dta-path-node{padding:2px 6px;border-radius:6px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5)}.dta-path-node-active{border-color:#38bdf8d9;color:#7dd3fc}.dta-path-arrow{color:#6b7280}.dta-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.dta-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.dta-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dta-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(56,189,248,.7);background:#0f172af5;color:#7dd3fc;margin-bottom:8px}.dta-frame-title{font-size:1.3rem;margin:2px 0 4px}.dta-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#a5b4fc;margin-bottom:10px}.dta-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.dta-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.dta-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.dta-frame-dot-active{width:22px;border-radius:999px;background:#38bdf8}@media(max-width:900px){.dta-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.dta-right{min-height:220px}.dta-frame{top:14px;right:16px;bottom:48px;left:16px}}.sta-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.sta-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.sta-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.sta-dots{display:flex;gap:8px;margin-right:14px}.sta-dot{width:10px;height:10px;border-radius:999px}.sta-dot-red{background:#ff5f57}.sta-dot-yellow{background:#febc2e}.sta-dot-green{background:#28c840}.sta-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.sta-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr);gap:22px;padding:22px 26px 26px}.sta-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sta-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.sta-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.sta-line-second{margin-top:6px;opacity:.85}.sta-part{font-size:.83rem}.sta-part-type{color:#a855f7;font-weight:700}.sta-part-perms{color:#e5e7eb}.sta-part-count{color:#9ca3af}.sta-part-owner,.sta-part-group{color:#bfdbfe}.sta-part-size{color:#facc15}.sta-part-date{color:#9ca3af}.sta-part-name{color:#f9a8d4}.sta-part-arrow{color:#9ca3af}.sta-part-target{color:#6ee7b7}.sta-part-active{position:relative}.sta-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(168,85,247,.25),transparent 60%);z-index:-1}.sta-path-bubble{margin-top:14px;padding:8px 10px;border-radius:10px;background:#0f172af5;border:1px dashed rgba(168,85,247,.6);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.sta-path-bubble-active{opacity:1;transform:translateY(0)}.sta-bubble-label{font-size:.78rem;color:#a5b4fc;margin-bottom:2px}.sta-bubble-value{font-size:.85rem;color:#e9d5ff}.sta-chain{margin-top:16px;display:flex;align-items:center;gap:4px;font-size:.78rem;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.sta-chain-active{opacity:1;transform:translateY(0)}.sta-chain-node{padding:2px 7px;border-radius:999px;background:#0f172af2;border:1px solid rgba(148,163,184,.6)}.sta-chain-node-final{border-color:#22c55ee6;color:#bbf7d0}.sta-chain-arrow{color:#9ca3af}.sta-dangling{margin-top:16px;display:flex;align-items:center;gap:6px;font-size:.78rem;padding:6px 8px;border-radius:10px;background:#7f1d1d33;border:1px solid rgba(248,113,113,.7);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.sta-dangling-active{opacity:1;transform:translateY(0)}.sta-dangling-icon,.sta-dangling-text{color:#fecaca}.sta-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.sta-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.sta-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.sta-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(168,85,247,.7);background:#0f172af5;color:#e9d5ff;margin-bottom:8px}.sta-frame-title{font-size:1.3rem;margin:2px 0 4px}.sta-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#a5b4fc;margin-bottom:10px}.sta-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.sta-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.sta-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.sta-frame-dot-active{width:22px;border-radius:999px;background:#a855f7}@media(max-width:900px){.sta-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.sta-right{min-height:220px}.sta-frame{top:14px;right:16px;bottom:48px;left:16px}}.cda-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.cda-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.cda-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.cda-dots{display:flex;gap:8px;margin-right:14px}.cda-dot{width:10px;height:10px;border-radius:999px}.cda-dot-red{background:#ff5f57}.cda-dot-yellow{background:#febc2e}.cda-dot-green{background:#28c840}.cda-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.cda-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr);gap:22px;padding:22px 26px 26px}.cda-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cda-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.cda-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.cda-line-second{margin-top:6px;opacity:.85}.cda-part{font-size:.83rem}.cda-part-type{color:#f97316;font-weight:700}.cda-part-perms{color:#e5e7eb}.cda-part-owner,.cda-part-group{color:#bfdbfe}.cda-part-major,.cda-part-minor{color:#facc15}.cda-part-date{color:#9ca3af}.cda-part-name{color:#f9a8d4}.cda-part-active{position:relative}.cda-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(248,153,72,.25),transparent 60%);z-index:-1}.cda-mm-box{margin-top:14px;padding:8px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(250,204,21,.7);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;font-size:.78rem}.cda-mm-box-active{opacity:1;transform:translateY(0)}.cda-mm-title{font-weight:600;color:#fde68a;margin-bottom:4px}.cda-mm-row{display:flex;align-items:center;gap:4px;margin-bottom:2px}.cda-mm-label{padding:1px 6px;border-radius:999px;background:#18181be6;border:1px solid rgba(250,204,21,.8);color:#facc15}.cda-mm-arrow{color:#9ca3af}.cda-mm-desc{color:#e5e7eb}.cda-io-area{margin-top:16px;position:relative;padding:10px 8px 16px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.cda-io-process,.cda-io-driver,.cda-io-device{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.78rem;background:#0f172a;border:1px solid rgba(148,163,184,.7);margin-right:6px}.cda-io-process{color:#7dd3fc}.cda-io-driver{color:#facc15}.cda-io-device{color:#f9a8d4}.cda-io-stream{margin-top:10px;display:flex;gap:4px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.cda-io-stream-active{opacity:1;transform:translateY(0)}.cda-io-byte{width:18px;height:18px;border-radius:999px;background:#22c55e47;border:1px solid rgba(34,197,94,.9);color:#bbf7d0;font-size:.7rem;display:flex;align-items:center;justify-content:center;animation:cda-byte-flow 1.3s ease-in-out infinite}.cda-io-byte:nth-child(odd){animation-delay:.2s}@keyframes cda-byte-flow{0%,to{transform:translate(0);box-shadow:0 0 #22c55e00}50%{transform:translate(6px);box-shadow:0 0 10px #22c55eb3}}.cda-null-box{margin-top:10px;padding:6px 8px;border-radius:8px;background:#18181bf2;border:1px dashed rgba(248,113,113,.7);font-size:.78rem;display:flex;gap:6px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.cda-null-box-active{opacity:1;transform:translateY(0)}.cda-null-label{color:#fecaca}.cda-null-text{color:#fca5a5}.cda-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.cda-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.cda-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cda-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(249,115,22,.8);background:#0f172af5;color:#fed7aa;margin-bottom:8px}.cda-frame-title{font-size:1.3rem;margin:2px 0 4px}.cda-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#facc15;margin-bottom:10px}.cda-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.cda-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.cda-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.cda-frame-dot-active{width:22px;border-radius:999px;background:#f97316}@media(max-width:900px){.cda-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.cda-right{min-height:220px}.cda-frame{top:14px;right:16px;bottom:48px;left:16px}}.bda-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.bda-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.bda-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.bda-dots{display:flex;gap:8px;margin-right:14px}.bda-dot{width:10px;height:10px;border-radius:999px}.bda-dot-red{background:#ff5f57}.bda-dot-yellow{background:#febc2e}.bda-dot-green{background:#28c840}.bda-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.bda-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr);gap:22px;padding:22px 26px 26px}.bda-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.bda-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.bda-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.bda-part{font-size:.83rem}.bda-part-type{color:#facc15;font-weight:700}.bda-part-perms{color:#e5e7eb}.bda-part-owner,.bda-part-group{color:#bfdbfe}.bda-part-major,.bda-part-minor{color:#facc15}.bda-part-date{color:#9ca3af}.bda-part-name{color:#f9a8d4}.bda-part-active{position:relative}.bda-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(250,204,21,.26),transparent 60%);z-index:-1}.bda-disk-area{margin-top:16px}.bda-disk-label{font-size:.78rem;color:#a5b4fc;margin-bottom:4px}.bda-disk-grid{width:130px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.bda-block{width:22px;height:18px;border-radius:4px;background:#3b82f640;border:1px solid rgba(59,130,246,.9)}.bda-block-animated{animation:bda-block-pulse 1.3s ease-in-out infinite}@keyframes bda-block-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #3b82f600}50%{transform:translateY(-3px);box-shadow:0 0 10px #3b82f6cc}}.bda-io-area{margin-top:16px;padding:10px 10px 14px;border-radius:12px;background:#0f172af5;border:1px solid rgba(148,163,184,.5);display:grid;grid-template-columns:auto auto auto;column-gap:8px;align-items:center}.bda-io-fs,.bda-io-dev{padding:4px 8px;border-radius:999px;font-size:.78rem;border:1px solid rgba(148,163,184,.7);background:#020617f2}.bda-io-fs{color:#7dd3fc}.bda-io-dev{color:#f9a8d4}.bda-io-arrow-row{display:flex;flex-direction:column;align-items:center}.bda-io-arrow{font-size:.85rem;color:#facc15}.bda-io-stream{grid-column:1 / span 3;margin-top:10px;display:flex;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.bda-io-stream-active{opacity:1;transform:translateY(0)}.bda-io-chunk{min-width:30px;height:20px;border-radius:999px;background:#22c55e47;border:1px solid rgba(34,197,94,.9);color:#bbf7d0;font-size:.75rem;display:flex;align-items:center;justify-content:center;animation:bda-chunk-move 1.4s ease-in-out infinite}.bda-io-chunk:nth-child(2){animation-delay:.15s}.bda-io-chunk:nth-child(3){animation-delay:.3s}@keyframes bda-chunk-move{0%,to{transform:translate(0);box-shadow:0 0 #22c55e00}50%{transform:translate(10px);box-shadow:0 0 10px #22c55ecc}}.bda-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.bda-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.bda-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.bda-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(250,204,21,.8);background:#0f172af5;color:#fef3c7;margin-bottom:8px}.bda-frame-title{font-size:1.3rem;margin:2px 0 4px}.bda-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#facc15;margin-bottom:10px}.bda-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.bda-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.bda-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.bda-frame-dot-active{width:22px;border-radius:999px;background:#facc15}@media(max-width:900px){.bda-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.bda-right{min-height:220px}.bda-frame{top:14px;right:16px;bottom:48px;left:16px}}.fta-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.fta-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.fta-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.fta-dots{display:flex;gap:8px;margin-right:14px}.fta-dot{width:10px;height:10px;border-radius:999px}.fta-dot-red{background:#ff5f57}.fta-dot-yellow{background:#febc2e}.fta-dot-green{background:#28c840}.fta-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.fta-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr);gap:22px;padding:22px 26px 26px}.fta-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.fta-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.fta-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.fta-part{font-size:.83rem}.fta-part-type{color:#f97316;font-weight:700}.fta-part-perms{color:#e5e7eb}.fta-part-count{color:#9ca3af}.fta-part-owner,.fta-part-group{color:#bfdbfe}.fta-part-size{color:#facc15}.fta-part-date{color:#9ca3af}.fta-part-name{color:#f9a8d4}.fta-part-active{position:relative}.fta-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(249,115,22,.25),transparent 60%);z-index:-1}.fta-pipe-area{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px}.fta-process{padding:4px 8px;border-radius:999px;font-size:.78rem;background:#0f172af5;border:1px solid rgba(148,163,184,.7)}.fta-process-left{color:#7dd3fc}.fta-process-right{color:#a5b4fc}.fta-pipe{position:relative;height:30px;border-radius:999px;background:linear-gradient(90deg,#111827,#020617);border:1px solid rgba(148,163,184,.7);overflow:hidden}.fta-pipe-inner{position:absolute;top:6px;right:10px;bottom:6px;left:10px;display:flex;align-items:center;gap:6px}.fta-byte{width:10px;height:10px;border-radius:999px;background:#22c55e4d;border:1px solid rgba(34,197,94,.9);opacity:0}.fta-byte-animated{animation:fta-byte-flow 1.4s linear infinite}@keyframes fta-byte-flow{0%{transform:translate(-10px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(70px);opacity:0}}.fta-pipe-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#9ca3af;pointer-events:none}.fta-mkfifo{margin-top:14px;padding:6px 8px;border-radius:8px;background:#0f172af5;border:1px dashed rgba(59,130,246,.7);font-size:.78rem;display:inline-flex;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.fta-mkfifo-active{opacity:1;transform:translateY(0)}.fta-mkfifo-label{color:#a5b4fc}.fta-mkfifo-command{color:#e5e7eb}.fta-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.fta-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.fta-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.fta-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(249,115,22,.8);background:#0f172af5;color:#fed7aa;margin-bottom:8px}.fta-frame-title{font-size:1.3rem;margin:2px 0 4px}.fta-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#facc15;margin-bottom:10px}.fta-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.fta-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.fta-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.fta-frame-dot-active{width:22px;border-radius:999px;background:#f97316}@media(max-width:900px){.fta-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.fta-right{min-height:220px}.fta-frame{top:14px;right:16px;bottom:48px;left:16px}}.sta2-root{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;box-sizing:border-box}.sta2-shell{width:100%;max-width:1100px;border-radius:24px;background:#02030a;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 70px #000c;overflow:hidden;display:flex;flex-direction:column}.sta2-header{height:46px;display:flex;align-items:center;padding:0 18px;background:#02030a;border-bottom:1px solid rgba(255,255,255,.06)}.sta2-dots{display:flex;gap:8px;margin-right:14px}.sta2-dot{width:10px;height:10px;border-radius:999px}.sta2-dot-red{background:#ff5f57}.sta2-dot-yellow{background:#febc2e}.sta2-dot-green{background:#28c840}.sta2-header-title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f9ffe6}.sta2-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr);gap:22px;padding:22px 26px 26px}.sta2-left{border-radius:16px;background:radial-gradient(circle at top left,#020617 0,#02030a 70%);padding:16px 18px 20px;color:#e5edff;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sta2-command-label{font-size:.78rem;color:#9ca3af;margin-bottom:8px}.sta2-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#0f172af5;border:1px solid rgba(148,163,184,.5)}.sta2-part{font-size:.83rem}.sta2-part-type{color:#a855f7;font-weight:700}.sta2-part-perms{color:#e5e7eb}.sta2-part-owner,.sta2-part-group{color:#bfdbfe}.sta2-part-size{color:#facc15}.sta2-part-date{color:#9ca3af}.sta2-part-name{color:#f9a8d4}.sta2-part-active{position:relative}.sta2-part-active:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:999px;background:radial-gradient(circle at center,rgba(168,85,247,.26),transparent 60%);z-index:-1}.sta2-socket-area{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;align-items:center}.sta2-endpoint{padding:4px 8px;border-radius:999px;font-size:.78rem;background:#0f172af5;border:1px solid rgba(148,163,184,.7)}.sta2-endpoint-client{color:#7dd3fc}.sta2-endpoint-server{color:#4ade80}.sta2-socket{position:relative;height:40px;border-radius:999px;background:radial-gradient(circle at center,#020617 0,#02030a);border:1px solid rgba(148,163,184,.7);overflow:hidden}.sta2-socket-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:.74rem;color:#9ca3af;pointer-events:none}.sta2-socket-inner{position:absolute;top:18px;right:10px;bottom:8px;left:10px;display:flex;align-items:center;justify-content:space-between}.sta2-dotbyte{width:8px;height:8px;border-radius:999px;background:#3b82f638;border:1px solid rgba(59,130,246,.9);opacity:0}.sta2-dotbyte-animated{animation:sta2-dot-forward 1.6s linear infinite}.sta2-dotbyte-reverse.sta2-dotbyte-animated{animation-name:sta2-dot-back}@keyframes sta2-dot-forward{0%{transform:translate(-14px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(60px);opacity:0}}@keyframes sta2-dot-back{0%{transform:translate(60px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(-14px);opacity:0}}.sta2-vanish{margin-top:16px;padding:6px 8px;border-radius:8px;background:#18181bf5;border:1px dashed rgba(248,113,113,.7);font-size:.78rem;display:flex;gap:6px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.sta2-vanish-active{opacity:1;transform:translateY(0)}.sta2-vanish-icon,.sta2-vanish-text{color:#fecaca}.sta2-right{position:relative;border-radius:16px;background:radial-gradient(circle at top,#020617 0,#02030a 70%);padding:16px 18px 22px;color:#e5edff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;overflow:hidden}.sta2-frame{position:absolute;top:16px;right:18px;bottom:52px;left:18px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.sta2-frame-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.sta2-frame-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(168,85,247,.8);background:#0f172af5;color:#e9d5ff;margin-bottom:8px}.sta2-frame-title{font-size:1.3rem;margin:2px 0 4px}.sta2-frame-line{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#a5b4fc;margin-bottom:10px}.sta2-frame-text{font-size:.9rem;line-height:1.55;color:#dbe4ff}.sta2-frame-dots{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:center;gap:6px}.sta2-frame-dot{width:7px;height:7px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer}.sta2-frame-dot-active{width:22px;border-radius:999px;background:#a855f7}@media(max-width:900px){.sta2-body{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}.sta2-right{min-height:220px}.sta2-frame{top:14px;right:16px;bottom:48px;left:16px}}.fp-root{width:100%;max-width:980px;margin:2rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.fp-header{margin-bottom:1.4rem}.fp-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.fp-subtitle{margin:0;font-size:.92rem;color:#4b5563}.fp-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.fp-file-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.fp-file-icon{width:72px;height:86px;position:relative;margin-bottom:.8rem}.fp-file-top{position:absolute;top:0;right:0;width:32px;height:22px;background:#c7d2fe;border-top-right-radius:8px;clip-path:polygon(0 0,100% 0,100% 100%,35% 100%)}.fp-file-body{position:absolute;bottom:0;left:0;right:0;top:10px;background:#e0f2fe;border-radius:10px;padding:10px 9px;box-sizing:border-box}.fp-file-line{height:4px;border-radius:3px;background-color:#93c5fd;margin-bottom:4px}.fp-file-line-1{width:80%}.fp-file-line-2{width:65%}.fp-file-line-3{width:50%}.fp-file-name{margin:0 0 .15rem;font-size:.95rem;font-weight:600}.fp-file-mode{margin:0;font-size:.85rem;color:#6b7280}.fp-file-caption{margin:.4rem 0 0;font-size:.82rem;color:#4b5563}.fp-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center}.fp-flow-label{font-size:.85rem;color:#4b5563;margin-bottom:.6rem}.fp-flow-line{position:relative;height:60px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.fp-flow-arrow{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#6366f1;transform:translate(-50%,-50%)}.fp-flow-arrow-1{animation:fp-arrow-move-1 3s linear infinite}.fp-flow-arrow-2{animation:fp-arrow-move-2 3s linear infinite}.fp-flow-arrow-3{animation:fp-arrow-move-3 3s linear infinite}@keyframes fp-arrow-move-1{0%{left:0%}to{left:100%}}@keyframes fp-arrow-move-2{0%{left:-20%}to{left:80%}}@keyframes fp-arrow-move-3{0%{left:20%}to{left:120%}}.fp-flow-caption{margin:.6rem 0 0;font-size:.82rem;color:#4b5563}.fp-role-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.9rem}.fp-role-list{display:flex;flex-direction:column;gap:.5rem}.fp-role-card{border-radius:12px;border:1px solid #e5e7eb;padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between}.fp-role-card-active{border-color:#6366f1;background:linear-gradient(90deg,#eef2ff,#e0f2fe)}.fp-role-header{display:flex;flex-direction:column;gap:.1rem}.fp-role-label{font-size:.9rem;font-weight:600;color:#111827}.fp-role-tag{font-size:.78rem;color:#6b7280}.fp-role-perms{display:flex;gap:.25rem;align-items:center}.perm-dot{width:26px;height:26px;border-radius:999px;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}.perm-on{background-color:#22c55e;color:#fff}.perm-off{background-color:#e5e7eb;color:#6b7280}.fp-explain{margin-top:.4rem}.fp-explain-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#111827}.fp-explain-text{margin:0;font-size:.82rem;color:#4b5563}.fp-footer{margin-top:1.3rem}.fp-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.fp-stage{grid-template-columns:minmax(0,1fr)}.fp-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.fp-file-panel,.fp-flow-panel,.fp-role-panel{border-radius:14px}}.lp-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.lp-header{margin-bottom:1.4rem}.lp-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.lp-subtitle{margin:0;font-size:.92rem;color:#4b5563}.lp-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.lp-file-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.lp-file-icon{width:72px;height:86px;position:relative;margin-bottom:.8rem}.lp-file-top{position:absolute;top:0;right:0;width:32px;height:22px;background:#c7d2fe;border-top-right-radius:8px;clip-path:polygon(0 0,100% 0,100% 100%,35% 100%)}.lp-file-body{position:absolute;bottom:0;left:0;right:0;top:10px;background:#e0f2fe;border-radius:10px;padding:10px 9px;box-sizing:border-box}.lp-file-line{height:4px;border-radius:3px;background-color:#93c5fd;margin-bottom:4px}.lp-file-line-1{width:80%}.lp-file-line-2{width:65%}.lp-file-line-3{width:50%}.lp-file-name{margin:0 0 .4rem;font-size:.95rem;font-weight:600}.lp-mode-row{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.4rem}.lp-mode-prefix{font-size:.82rem;color:#6b7280}.lp-mode-string{font-size:.88rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#111827}.lp-mode-groups{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.4rem}.lp-mode-group{display:flex;justify-content:space-between;align-items:baseline}.lp-mode-label{font-size:.84rem;color:#4b5563}.lp-mode-value{font-size:.84rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#111827}.lp-file-caption{margin:.3rem 0 0;font-size:.8rem;color:#4b5563}.lp-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center}.lp-flow-label{font-size:.85rem;color:#4b5563;margin-bottom:.6rem}.lp-flow-line{position:relative;height:60px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden;margin-bottom:.6rem}.lp-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.lp-flow-dot-1{background:#6366f1;animation:lp-dot-move-1 3s linear infinite}.lp-flow-dot-2{background:#22c55e;animation:lp-dot-move-2 3s linear infinite}.lp-flow-dot-3{background:#f97316;animation:lp-dot-move-3 3s linear infinite}@keyframes lp-dot-move-1{0%{left:0%}to{left:100%}}@keyframes lp-dot-move-2{0%{left:-20%}to{left:80%}}@keyframes lp-dot-move-3{0%{left:20%}to{left:120%}}.lp-step-indicator{display:flex;justify-content:center;gap:.6rem;margin-bottom:.4rem}.lp-step-ball{width:26px;height:26px;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:#6b7280}.lp-step-ball-active{border-color:#6366f1;background:#eef2ff;color:#111827}.lp-flow-caption{margin:0;font-size:.82rem;color:#4b5563}.lp-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.lp-detail-step{display:flex;flex-direction:column;gap:.5rem}.lp-detail-title{margin:0;font-size:.95rem;font-weight:600;color:#111827}.lp-detail-text{margin:0;font-size:.82rem;color:#4b5563}.lp-rwx-row{display:flex;gap:.35rem}.lp-rwx-chip{min-width:32px;height:28px;border-radius:999px;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.lp-rwx-chip-on{background-color:#22c55e;color:#fff}.lp-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.lp-role-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem}.lp-role-owner{background:#eef2ff}.lp-role-group{background:#e0f2fe}.lp-role-others{background:#fef9c3}.lp-role-title{margin:0 0 .1rem;font-size:.82rem;font-weight:600}.lp-role-desc{margin:0 0 .25rem;font-size:.78rem;color:#4b5563}.lp-role-triplet{display:flex;gap:.25rem}.lp-triplet-char{width:24px;height:24px;border-radius:999px;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}.lp-triplet-on{background-color:#22c55e;color:#fff}.lp-triplet-off{background-color:#e5e7eb;color:#6b7280}.lp-chmod-row{margin-bottom:.3rem}.lp-chmod-command{font-size:.86rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#111827}.lp-chmod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.3rem}.lp-chmod-card{border-radius:10px;border:1px solid #e5e7eb;padding:.4rem .45rem}.lp-chmod-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.lp-chmod-bits{margin:0;font-size:.8rem;color:#4b5563}.lp-footer{margin-top:1.3rem}.lp-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.lp-stage{grid-template-columns:minmax(0,1fr)}.lp-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.lp-file-panel,.lp-flow-panel,.lp-detail-panel{border-radius:14px}.lp-role-grid,.lp-chmod-grid{grid-template-columns:minmax(0,1fr)}}.og-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.og-header{margin-bottom:1.4rem}.og-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.og-subtitle{margin:0;font-size:.92rem;color:#4b5563}.og-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.og-file-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.og-file-label{margin:0 0 .4rem;font-size:.86rem;color:#4b5563}.og-ls-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;padding:.4rem .5rem;border-radius:10px;background-color:#f1f5f9;margin-bottom:.4rem}.og-ls-type{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.og-ls-perms{display:inline-flex;gap:.2rem;font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.1rem .25rem;border-radius:999px}.og-ls-owner{background-color:#e0f2fe;color:#075985}.og-ls-group{background-color:#eef2ff;color:#3730a3}.og-ls-others{background-color:#fef9c3;color:#854d0e}.og-ls-meta{font-size:.82rem;color:#4b5563}.og-ls-name{font-size:.86rem;font-weight:600}.og-file-caption{margin:.25rem 0 .5rem;font-size:.8rem;color:#4b5563}.og-legend{display:flex;flex-direction:column;gap:.25rem}.og-legend-item{display:flex;align-items:center;gap:.35rem}.og-legend-color{width:14px;height:14px;border-radius:50%}.og-legend-owner{background-color:#e0f2fe}.og-legend-group{background-color:#eef2ff}.og-legend-others{background-color:#fef9c3}.og-legend-text{font-size:.8rem;color:#4b5563}.og-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.og-flow-label{font-size:.85rem;color:#4b5563}.og-flow-stack{display:flex;flex-direction:column;gap:.35rem}.og-flow-role{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem .45rem;border-radius:10px;border:1px solid #e5e7eb;background-color:#f9fafb}.og-flow-role-active{border-color:#6366f1}.og-flow-role-owner{background-color:#e0f2fe}.og-flow-role-group{background-color:#eef2ff}.og-flow-role-others{background-color:#fef9c3}.og-flow-role-name{font-size:.86rem;font-weight:600}.og-flow-role-desc{font-size:.8rem;color:#4b5563}.og-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.og-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.og-flow-dot-1{background:#6366f1;animation:og-dot-move-1 3s linear infinite}.og-flow-dot-2{background:#22c55e;animation:og-dot-move-2 3s linear infinite}@keyframes og-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes og-dot-move-2{0%{left:20%}to{left:130%}}.og-flow-caption{font-size:.82rem;color:#4b5563}.og-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.og-detail-section{display:flex;flex-direction:column;gap:.5rem}.og-detail-title{margin:0;font-size:.95rem;font-weight:600}.og-detail-text{margin:0;font-size:.82rem;color:#4b5563}.og-perm-row{display:flex;align-items:center;gap:.6rem}.og-perm-tag{font-size:.8rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;color:#111827}.og-perm-owner{background-color:#e0f2fe}.og-perm-group{background-color:#eef2ff}.og-perm-others{background-color:#fef9c3}.og-perm-triplet{display:flex;gap:.25rem}.og-perm-cell{width:24px;height:24px;border-radius:999px;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}.og-perm-on{background-color:#22c55e;color:#fff}.og-perm-off{background-color:#e5e7eb;color:#6b7280}.og-footer{margin-top:1.3rem}.og-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.og-stage{grid-template-columns:minmax(0,1fr)}.og-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.og-file-panel,.og-flow-panel,.og-detail-panel{border-radius:14px}}.rwx-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.rwx-header{margin-bottom:1.4rem}.rwx-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.rwx-subtitle{margin:0;font-size:.92rem;color:#4b5563}.rwx-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.rwx-symbol-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.rwx-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.rwx-triplet-row{display:flex;gap:.4rem;margin-bottom:.5rem}.rwx-chip{min-width:32px;height:28px;border-radius:999px;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#374151}.rwx-chip-active{color:#fff}.rwx-chip-read{background-color:#3b82f6}.rwx-chip-write{background-color:#22c55e}.rwx-chip-exec{background-color:#f97316}.rwx-panel-text{margin:0 0 .6rem;font-size:.82rem;color:#4b5563}.rwx-examples{display:flex;flex-direction:column;gap:.25rem}.rwx-example-row{display:flex;justify-content:space-between;font-size:.8rem;color:#374151}.rwx-example-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rwx-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.rwx-flow-label{font-size:.85rem;color:#4b5563}.rwx-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.rwx-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.rwx-flow-dot-1{background:#6366f1;animation:rwx-dot-move-1 3s linear infinite}.rwx-flow-dot-2{background:#22c55e;animation:rwx-dot-move-2 3s linear infinite}@keyframes rwx-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes rwx-dot-move-2{0%{left:25%}to{left:135%}}.rwx-step-indicator{display:flex;justify-content:center;gap:.6rem}.rwx-step-chip{width:28px;height:28px;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#6b7280}.rwx-step-chip-active{border-color:transparent;color:#fff}.rwx-flow-caption{font-size:.82rem;color:#4b5563}.rwx-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.rwx-detail-section{display:flex;flex-direction:column;gap:.5rem}.rwx-detail-title{margin:0;font-size:.95rem;font-weight:600}.rwx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rwx-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.rwx-detail-label{margin:0 0 .15rem;font-size:.82rem;font-weight:600;color:#111827}.rwx-detail-text{margin:0;font-size:.8rem;color:#4b5563}.rwx-footer{margin-top:1.3rem}.rwx-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.rwx-stage{grid-template-columns:minmax(0,1fr)}.rwx-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.rwx-symbol-panel,.rwx-flow-panel,.rwx-detail-panel{border-radius:14px}.rwx-detail-grid{grid-template-columns:minmax(0,1fr)}}.pb-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.pb-header{margin-bottom:1.4rem}.pb-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.pb-subtitle{margin:0;font-size:.92rem;color:#4b5563}.pb-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.pb-symbol-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.pb-panel-label{margin:0 0 .4rem;font-size:.86rem;color:#4b5563}.pb-symbol-line{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.45rem .55rem;border-radius:10px;background-color:#f1f5f9;margin-bottom:.4rem}.pb-symbol-type{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pb-symbol-chunk{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.08rem .3rem;border-radius:999px}.pb-symbol-owner{background-color:#e0f2fe;color:#075985}.pb-symbol-group{background-color:#eef2ff;color:#3730a3}.pb-symbol-others{background-color:#fef9c3;color:#854d0e}.pb-symbol-meta{font-size:.82rem;color:#4b5563}.pb-symbol-name{font-size:.86rem;font-weight:600}.pb-panel-text{margin:.3rem 0 .5rem;font-size:.8rem;color:#4b5563}.pb-symbol-legend{display:flex;flex-direction:column;gap:.25rem}.pb-symbol-legend-row{display:flex;align-items:center;gap:.35rem}.pb-symbol-chip{min-width:44px;height:26px;border-radius:999px;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}.pb-symbol-legend-text{font-size:.8rem;color:#4b5563}.pb-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.pb-flow-label{font-size:.85rem;color:#4b5563}.pb-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.pb-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.pb-flow-dot-1{background:#6366f1;animation:pb-dot-move-1 3s linear infinite}.pb-flow-dot-2{background:#22c55e;animation:pb-dot-move-2 3s linear infinite}@keyframes pb-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes pb-dot-move-2{0%{left:20%}to{left:130%}}.pb-step-toggle{display:flex;justify-content:center;gap:.4rem}.pb-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.pb-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.pb-flow-caption{font-size:.82rem;color:#4b5563}.pb-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.pb-detail-section{display:flex;flex-direction:column;gap:.55rem}.pb-detail-title{margin:0;font-size:.95rem;font-weight:600}.pb-detail-text{margin:0;font-size:.82rem;color:#4b5563}.pb-triplet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.pb-triplet-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pb-triplet-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.pb-triplet-value{margin:0;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pb-octal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.pb-octal-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pb-octal-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.pb-octal-value{margin:0;font-size:.8rem;color:#4b5563}.pb-mapping-row{display:flex;gap:.8rem;margin:.2rem 0 .4rem}.pb-mapping-block{flex:1;border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pb-mapping-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.pb-mapping-value{margin:0;font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pb-footer{margin-top:1.3rem}.pb-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.pb-stage{grid-template-columns:minmax(0,1fr)}.pb-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.pb-symbol-panel,.pb-flow-panel,.pb-detail-panel{border-radius:14px}.pb-triplet-grid,.pb-octal-grid{grid-template-columns:minmax(0,1fr)}.pb-mapping-row{flex-direction:column}}.ch-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.ch-header{margin-bottom:1.4rem}.ch-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.ch-subtitle{margin:0;font-size:.92rem;color:#4b5563}.ch-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.ch-command-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.ch-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.ch-terminal-line{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-radius:10px;background-color:#111827;margin-bottom:.4rem}.ch-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ch-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ch-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.ch-ls-block{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.ch-ls-label{margin:0 0 .3rem;font-size:.82rem;color:#4b5563}.ch-ls-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.ch-ls-type{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ch-ls-chunk{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.08rem .28rem;border-radius:999px}.ch-ls-owner{background-color:#e0f2fe;color:#075985}.ch-ls-group{background-color:#eef2ff;color:#3730a3}.ch-ls-others{background-color:#fef9c3;color:#854d0e}.ch-ls-meta{font-size:.82rem;color:#4b5563}.ch-ls-name{font-size:.86rem;font-weight:600}.ch-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.ch-flow-label{font-size:.85rem;color:#4b5563}.ch-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.ch-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.ch-flow-dot-1{background:#6366f1;animation:ch-dot-move-1 3s linear infinite}.ch-flow-dot-2{background:#22c55e;animation:ch-dot-move-2 3s linear infinite}@keyframes ch-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes ch-dot-move-2{0%{left:20%}to{left:130%}}.ch-step-toggle{display:flex;justify-content:center;gap:.4rem}.ch-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.ch-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.ch-flow-caption{font-size:.82rem;color:#4b5563}.ch-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.ch-detail-section{display:flex;flex-direction:column;gap:.55rem}.ch-detail-title{margin:0;font-size:.95rem;font-weight:600}.ch-detail-text{margin:0;font-size:.82rem;color:#4b5563}.ch-symbol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ch-symbol-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.ch-symbol-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ch-symbol-desc{margin:0;font-size:.8rem;color:#4b5563}.ch-octal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ch-octal-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.ch-octal-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ch-octal-bits{margin:0;font-size:.8rem;color:#4b5563}.ch-recursive-box{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.ch-recursive-path{margin:0 0 .25rem;font-size:.8rem;font-weight:600;color:#111827}.ch-recursive-list{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.ch-recursive-item{margin-bottom:.1rem}.ch-footer{margin-top:1.3rem}.ch-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.ch-stage{grid-template-columns:minmax(0,1fr)}.ch-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.ch-command-panel,.ch-flow-panel,.ch-detail-panel{border-radius:14px}.ch-symbol-grid,.ch-octal-grid{grid-template-columns:minmax(0,1fr)}}.cf-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.cf-header{margin-bottom:1.4rem}.cf-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.cf-subtitle{margin:0;font-size:.92rem;color:#4b5563}.cf-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.cf-command-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.cf-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.cf-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.cf-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.cf-terminal-line-light .cf-output{color:#e5e7eb}.cf-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cf-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cf-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cf-panel-text{margin:0;font-size:.8rem;color:#4b5563}.cf-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.cf-flow-label{font-size:.85rem;color:#4b5563}.cf-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.cf-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.cf-flow-dot-1{background:#6366f1;animation:cf-dot-move-1 3s linear infinite}.cf-flow-dot-2{background:#22c55e;animation:cf-dot-move-2 3s linear infinite}@keyframes cf-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes cf-dot-move-2{0%{left:20%}to{left:130%}}.cf-step-toggle{display:flex;justify-content:center;gap:.4rem}.cf-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.cf-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.cf-flow-caption{font-size:.82rem;color:#4b5563}.cf-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.cf-detail-section{display:flex;flex-direction:column;gap:.55rem}.cf-detail-title{margin:0;font-size:.95rem;font-weight:600}.cf-detail-text{margin:0;font-size:.82rem;color:#4b5563}.cf-grid{display:grid;gap:.5rem}.cf-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.cf-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.cf-card-text{margin:0;font-size:.8rem;color:#4b5563}.cf-tree{margin-top:.2rem}.cf-tree-root{margin-bottom:.25rem}.cf-tree-node{padding:.18rem .35rem;border-radius:8px;background-color:#e0f2fe;margin-bottom:.18rem;font-size:.8rem}.cf-tree-name{color:#075985}.cf-tree-children{margin-left:.7rem}.cf-footer{margin-top:1.3rem}.cf-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.cf-stage{grid-template-columns:minmax(0,1fr)}.cf-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.cf-command-panel,.cf-flow-panel,.cf-detail-panel{border-radius:14px}.cf-grid-3{grid-template-columns:minmax(0,1fr)}}.co-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.co-header{margin-bottom:1.4rem}.co-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.co-subtitle{margin:0;font-size:.92rem;color:#4b5563}.co-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.co-command-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.co-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.co-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.co-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.co-terminal-line-light .co-output{color:#e5e7eb}.co-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.co-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.co-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.co-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.co-ls-block{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.co-ls-label{margin:0 0 .3rem;font-size:.82rem;color:#4b5563}.co-ls-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.co-ls-type,.co-ls-perms{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.co-ls-meta{font-size:.82rem;color:#4b5563}.co-ls-owner{padding:.06rem .35rem;border-radius:999px;background-color:#e0f2fe;color:#075985}.co-ls-group{padding:.06rem .35rem;border-radius:999px;background-color:#eef2ff;color:#3730a3}.co-ls-name{font-size:.86rem;font-weight:600}.co-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.co-flow-label{font-size:.85rem;color:#4b5563}.co-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.co-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.co-flow-dot-1{background:#6366f1;animation:co-dot-move-1 3s linear infinite}.co-flow-dot-2{background:#22c55e;animation:co-dot-move-2 3s linear infinite}@keyframes co-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes co-dot-move-2{0%{left:20%}to{left:130%}}.co-step-toggle{display:flex;justify-content:center;gap:.4rem}.co-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.co-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.co-flow-caption{font-size:.82rem;color:#4b5563}.co-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.co-detail-section{display:flex;flex-direction:column;gap:.55rem}.co-detail-title{margin:0;font-size:.95rem;font-weight:600}.co-detail-text{margin:0;font-size:.82rem;color:#4b5563}.co-owner-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem;align-items:center}.co-owner-card{border-radius:12px;border:1px solid #e5e7eb;padding:.4rem .5rem;background-color:#f9fafb}.co-owner-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.co-owner-text{margin:0;font-size:.8rem;color:#4b5563}.co-owner-arrow{font-size:1.2rem;color:#6b7280}.co-tree{margin-top:.2rem}.co-tree-node{display:flex;justify-content:space-between;gap:.6rem;padding:.18rem .35rem;border-radius:8px;background-color:#e0f2fe;margin-bottom:.18rem;font-size:.8rem}.co-tree-name{color:#075985}.co-tree-owner{color:#1f2937}.co-tree-root{margin-bottom:.25rem}.co-tree-children{margin-left:.7rem}.co-footer{margin-top:1.3rem}.co-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.co-stage{grid-template-columns:minmax(0,1fr)}.co-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.co-command-panel,.co-flow-panel,.co-detail-panel{border-radius:14px}.co-owner-grid{grid-template-columns:minmax(0,1fr)}}.cg-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.cg-header{margin-bottom:1.4rem}.cg-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.cg-subtitle{margin:0;font-size:.92rem;color:#4b5563}.cg-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.cg-command-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.cg-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.cg-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.cg-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.cg-terminal-line-light .cg-output{color:#e5e7eb}.cg-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cg-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cg-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cg-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.cg-ls-block{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.cg-ls-label{margin:0 0 .3rem;font-size:.82rem;color:#4b5563}.cg-ls-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.cg-ls-type,.cg-ls-perms{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cg-ls-meta{font-size:.82rem;color:#4b5563}.cg-ls-owner{padding:.06rem .35rem;border-radius:999px;background-color:#e0f2fe;color:#075985}.cg-ls-group{padding:.06rem .35rem;border-radius:999px;background-color:#eef2ff;color:#3730a3}.cg-ls-name{font-size:.86rem;font-weight:600}.cg-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.cg-flow-label{font-size:.85rem;color:#4b5563}.cg-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.cg-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.cg-flow-dot-1{background:#6366f1;animation:cg-dot-move-1 3s linear infinite}.cg-flow-dot-2{background:#22c55e;animation:cg-dot-move-2 3s linear infinite}@keyframes cg-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes cg-dot-move-2{0%{left:20%}to{left:130%}}.cg-step-toggle{display:flex;justify-content:center;gap:.4rem}.cg-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.cg-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.cg-flow-caption{font-size:.82rem;color:#4b5563}.cg-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.cg-detail-section{display:flex;flex-direction:column;gap:.55rem}.cg-detail-title{margin:0;font-size:.95rem;font-weight:600}.cg-detail-text{margin:0;font-size:.82rem;color:#4b5563}.cg-change-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem;align-items:center}.cg-change-card{border-radius:12px;border:1px solid #e5e7eb;padding:.4rem .5rem;background-color:#f9fafb}.cg-change-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.cg-change-text{margin:0;font-size:.8rem;color:#4b5563}.cg-change-arrow{font-size:1.2rem;color:#6b7280}.cg-multi-list{margin-top:.2rem}.cg-multi-row{display:flex;justify-content:space-between;padding:.18rem .35rem;border-radius:8px;background-color:#e0f2fe;margin-bottom:.18rem;font-size:.8rem}.cg-multi-name{color:#075985}.cg-multi-group{color:#1f2937}.cg-tree{margin-top:.2rem}.cg-tree-node{display:flex;justify-content:space-between;gap:.6rem;padding:.18rem .35rem;border-radius:8px;background-color:#e0f2fe;margin-bottom:.18rem;font-size:.8rem}.cg-tree-root{margin-bottom:.25rem}.cg-tree-name{color:#075985}.cg-tree-group{color:#1f2937}.cg-tree-children{margin-left:.7rem}.cg-footer{margin-top:1.3rem}.cg-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.cg-stage{grid-template-columns:minmax(0,1fr)}.cg-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.cg-command-panel,.cg-flow-panel,.cg-detail-panel{border-radius:14px}.cg-change-grid{grid-template-columns:minmax(0,1fr)}}.ug-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.ug-header{margin-bottom:1.4rem}.ug-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.ug-subtitle{margin:0;font-size:.92rem;color:#4b5563}.ug-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.ug-identity-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.ug-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.ug-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.ug-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.ug-terminal-line-light .ug-output{color:#e5e7eb}.ug-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ug-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ug-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ug-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.ug-user-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.ug-user-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.ug-user-label{color:#4b5563}.ug-user-value{color:#111827}.ug-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.ug-flow-label{font-size:.85rem;color:#4b5563}.ug-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.ug-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.ug-flow-dot-1{background:#6366f1;animation:ug-dot-move-1 3s linear infinite}.ug-flow-dot-2{background:#22c55e;animation:ug-dot-move-2 3s linear infinite}@keyframes ug-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes ug-dot-move-2{0%{left:20%}to{left:130%}}.ug-step-toggle{display:flex;justify-content:center;gap:.4rem}.ug-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.ug-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.ug-flow-caption{font-size:.82rem;color:#4b5563}.ug-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.ug-detail-section{display:flex;flex-direction:column;gap:.55rem}.ug-detail-title{margin:0;font-size:.95rem;font-weight:600}.ug-detail-text{margin:0;font-size:.82rem;color:#4b5563}.ug-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ug-mini-card{border-radius:12px;border:1px solid #e5e7eb;padding:.4rem .5rem;background-color:#f9fafb}.ug-mini-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ug-mini-text{margin:0;font-size:.8rem;color:#4b5563}.ug-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ug-group-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.ug-group-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ug-group-text{margin:0;font-size:.8rem;color:#4b5563}.ug-file-panel{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.ug-file-label{margin:0 0 .3rem;font-size:.82rem;color:#4b5563}.ug-file-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-bottom:.4rem}.ug-file-perms{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ug-file-owner,.ug-file-group,.ug-file-name{font-size:.82rem;color:#111827}.ug-file-owner{padding:.06rem .35rem;border-radius:999px;background-color:#e0f2fe;color:#075985}.ug-file-group{padding:.06rem .35rem;border-radius:999px;background-color:#eef2ff;color:#3730a3}.ug-file-name{font-size:.86rem;font-weight:600}.ug-access-badges{display:flex;flex-wrap:wrap;gap:.35rem}.ug-access-badge{font-size:.78rem;padding:.12rem .45rem;border-radius:999px}.ug-access-owner{background-color:#fee2e2;color:#b91c1c}.ug-access-group{background-color:#e0f2fe;color:#0369a1}.ug-access-other{background-color:#e5e7eb;color:#374151}.ug-footer{margin-top:1.3rem}.ug-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.ug-stage{grid-template-columns:minmax(0,1fr)}.ug-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.ug-identity-panel,.ug-flow-panel,.ug-detail-panel{border-radius:14px}.ug-mini-grid,.ug-groups-grid{grid-template-columns:minmax(0,1fr)}}.lut-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.lut-header{margin-bottom:1.4rem}.lut-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.lut-subtitle{margin:0;font-size:.92rem;color:#4b5563}.lut-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.lut-accounts-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.lut-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.lut-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.lut-terminal-small{margin-top:.5rem}.lut-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.lut-terminal-line-light .lut-output{color:#e5e7eb}.lut-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lut-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lut-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lut-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.lut-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.lut-account-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.lut-account-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.lut-account-text{margin:0;font-size:.8rem;color:#4b5563}.lut-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.lut-flow-label{font-size:.85rem;color:#4b5563}.lut-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.lut-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.lut-flow-dot-1{background:#6366f1;animation:lut-dot-move-1 3s linear infinite}.lut-flow-dot-2{background:#22c55e;animation:lut-dot-move-2 3s linear infinite}@keyframes lut-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes lut-dot-move-2{0%{left:20%}to{left:130%}}.lut-step-toggle{display:flex;justify-content:center;gap:.4rem}.lut-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.lut-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.lut-flow-caption{font-size:.82rem;color:#4b5563}.lut-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.lut-detail-section{display:flex;flex-direction:column;gap:.55rem}.lut-detail-title{margin:0;font-size:.95rem;font-weight:600}.lut-detail-text{margin:0;font-size:.82rem;color:#4b5563}.lut-root-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.lut-root-card{border-radius:12px;border:1px solid #fecaca;padding:.45rem .5rem;background-color:#fef2f2}.lut-root-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#b91c1c}.lut-root-text{margin:0;font-size:.8rem;color:#7f1d1d}.lut-regular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lut-regular-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.lut-regular-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.lut-regular-text{margin:0;font-size:.8rem;color:#4b5563}.lut-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.lut-service-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.lut-service-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.lut-service-text{margin:0;font-size:.8rem;color:#4b5563}.lut-footer{margin-top:1.3rem}.lut-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.lut-stage{grid-template-columns:minmax(0,1fr)}.lut-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.lut-accounts-panel,.lut-flow-panel,.lut-detail-panel{border-radius:14px}.lut-account-grid,.lut-regular-grid,.lut-service-grid{grid-template-columns:minmax(0,1fr)}}.gr-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.gr-header{margin-bottom:1.4rem}.gr-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.gr-subtitle{margin:0;font-size:.92rem;color:#4b5563}.gr-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.gr-groups-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.gr-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.gr-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.gr-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.gr-terminal-line-light .gr-output{color:#e5e7eb}.gr-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.gr-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.gr-group-summary{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.gr-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.gr-summary-label{color:#4b5563}.gr-summary-value{color:#111827}.gr-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.gr-flow-label{font-size:.85rem;color:#4b5563}.gr-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.gr-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.gr-flow-dot-1{background:#6366f1;animation:gr-dot-move-1 3s linear infinite}.gr-flow-dot-2{background:#22c55e;animation:gr-dot-move-2 3s linear infinite}@keyframes gr-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes gr-dot-move-2{0%{left:20%}to{left:130%}}.gr-step-toggle{display:flex;justify-content:center;gap:.4rem}.gr-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.gr-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.gr-flow-caption{font-size:.82rem;color:#4b5563}.gr-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.gr-detail-section{display:flex;flex-direction:column;gap:.55rem}.gr-detail-title{margin:0;font-size:.95rem;font-weight:600}.gr-detail-text{margin:0;font-size:.82rem;color:#4b5563}.gr-concept-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.gr-concept-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.gr-concept-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.gr-concept-text{margin:0;font-size:.8rem;color:#4b5563}.gr-membership-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.gr-membership-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.gr-membership-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.gr-membership-text{margin:0;font-size:.8rem;color:#4b5563}.gr-file-panel{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.gr-file-label{margin:0 0 .3rem;font-size:.82rem;color:#4b5563}.gr-file-line{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-bottom:.4rem}.gr-file-perms{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.gr-file-owner,.gr-file-group,.gr-file-name{font-size:.82rem;color:#111827}.gr-file-owner{padding:.06rem .35rem;border-radius:999px;background-color:#e0f2fe;color:#075985}.gr-file-group{padding:.06rem .35rem;border-radius:999px;background-color:#eef2ff;color:#3730a3}.gr-file-name{font-size:.86rem;font-weight:600}.gr-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.gr-access-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#fff}.gr-access-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.gr-access-text{margin:0;font-size:.8rem;color:#4b5563}.gr-footer{margin-top:1.3rem}.gr-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.gr-stage{grid-template-columns:minmax(0,1fr)}.gr-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.gr-groups-panel,.gr-flow-panel,.gr-detail-panel{border-radius:14px}.gr-access-grid{grid-template-columns:minmax(0,1fr)}}.rs-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.rs-header{margin-bottom:1.4rem}.rs-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.rs-subtitle{margin:0;font-size:.92rem;color:#4b5563}.rs-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.rs-identity-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.rs-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.rs-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.rs-terminal-small{margin-top:.5rem}.rs-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.rs-terminal-line-light .rs-output{color:#e5e7eb}.rs-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rs-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rs-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rs-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.rs-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rs-identity-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.rs-identity-root{border-color:#fecaca;background-color:#fef2f2}.rs-identity-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.rs-identity-text{margin:0;font-size:.8rem;color:#4b5563}.rs-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.rs-flow-label{font-size:.85rem;color:#4b5563}.rs-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.rs-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.rs-flow-dot-1{background:#ef4444;animation:rs-dot-move-1 3s linear infinite}.rs-flow-dot-2{background:#22c55e;animation:rs-dot-move-2 3s linear infinite}@keyframes rs-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes rs-dot-move-2{0%{left:20%}to{left:130%}}.rs-step-toggle{display:flex;justify-content:center;gap:.4rem}.rs-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.rs-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.rs-flow-caption{font-size:.82rem;color:#4b5563}.rs-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.rs-detail-section{display:flex;flex-direction:column;gap:.55rem}.rs-detail-title{margin:0;font-size:.95rem;font-weight:600}.rs-detail-text{margin:0;font-size:.82rem;color:#4b5563}.rs-root-box{border-radius:12px;border:1px solid #fecaca;padding:.5rem .6rem;background-color:#fef2f2}.rs-root-label{margin:0 0 .3rem;font-size:.82rem;color:#b91c1c;font-weight:600}.rs-root-note{margin:.3rem 0 0;font-size:.8rem;color:#7f1d1d}.rs-sudo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rs-sudo-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.rs-sudo-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.rs-sudo-text{margin:0;font-size:.8rem;color:#4b5563}.rs-flow-diagram{display:flex;gap:.8rem;align-items:flex-start}.rs-flow-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.rs-flow-node{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;background-color:#f9fafb}.rs-flow-node-user{background-color:#e0f2fe;border-color:#bae6fd;color:#075985}.rs-flow-node-root{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.rs-flow-arrow{font-size:.8rem;color:#6b7280}.rs-flow-notes{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.rs-footer{margin-top:1.3rem}.rs-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.rs-stage{grid-template-columns:minmax(0,1fr)}.rs-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.rs-identity-panel,.rs-flow-panel,.rs-detail-panel{border-radius:14px}.rs-identity-grid,.rs-sudo-grid{grid-template-columns:minmax(0,1fr)}.rs-flow-diagram{flex-direction:column;align-items:stretch}}.ev-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#e0f2fe);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.ev-header{margin-bottom:1.4rem}.ev-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.ev-subtitle{margin:0;font-size:.92rem;color:#4b5563}.ev-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.ev-env-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.ev-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.ev-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.ev-terminal-small{margin-top:.5rem}.ev-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.ev-terminal-line-light .ev-output{color:#e5e7eb}.ev-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ev-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ev-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ev-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.ev-env-summary{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.ev-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.ev-summary-label{color:#4b5563}.ev-summary-value{color:#111827}.ev-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.ev-flow-label{font-size:.85rem;color:#4b5563}.ev-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.ev-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.ev-flow-dot-1{background:#6366f1;animation:ev-dot-move-1 4s linear infinite}.ev-flow-dot-2{background:#22c55e;animation:ev-dot-move-2 4s linear infinite}.ev-flow-dot-3{background:#f97316;animation:ev-dot-move-3 4s linear infinite}@keyframes ev-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes ev-dot-move-2{0%{left:10%}to{left:130%}}@keyframes ev-dot-move-3{0%{left:-20%}to{left:100%}}.ev-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.ev-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.ev-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.ev-flow-caption{font-size:.82rem;color:#4b5563}.ev-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.ev-detail-section{display:flex;flex-direction:column;gap:.55rem}.ev-detail-title{margin:0;font-size:.95rem;font-weight:600}.ev-detail-text{margin:0;font-size:.82rem;color:#4b5563}.ev-concept-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.ev-concept-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.ev-concept-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ev-concept-text{margin:0;font-size:.8rem;color:#4b5563}.ev-common-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ev-common-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.ev-common-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.ev-common-text{margin:0;font-size:.8rem;color:#4b5563}.ev-inherit-diagram{display:flex;gap:.8rem;align-items:flex-start}.ev-inherit-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.ev-node{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;background-color:#f9fafb}.ev-node-shell{background-color:#e0f2fe;border-color:#bae6fd;color:#075985}.ev-node-child{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.ev-arrow{font-size:.8rem;color:#6b7280}.ev-inherit-notes{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.ev-footer{margin-top:1.3rem}.ev-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.ev-stage{grid-template-columns:minmax(0,1fr)}.ev-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.ev-env-panel,.ev-flow-panel,.ev-detail-panel{border-radius:14px}.ev-common-grid{grid-template-columns:minmax(0,1fr)}.ev-inherit-diagram{flex-direction:column;align-items:stretch}}.uv-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#e0f2fe);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.uv-header{margin-bottom:1.4rem}.uv-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.uv-subtitle{margin:0;font-size:.92rem;color:#4b5563}.uv-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.uv-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.uv-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.uv-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.uv-terminal-small{margin-top:.5rem}.uv-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.uv-terminal-line-light .uv-output{color:#e5e7eb}.uv-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uv-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uv-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uv-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.uv-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.uv-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.uv-summary-label{color:#4b5563}.uv-summary-value{color:#111827}.uv-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.uv-flow-label{font-size:.85rem;color:#4b5563}.uv-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.uv-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.uv-flow-dot-1{background:#6366f1;animation:uv-dot-move-1 3s linear infinite}.uv-flow-dot-2{background:#22c55e;animation:uv-dot-move-2 3s linear infinite}@keyframes uv-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes uv-dot-move-2{0%{left:20%}to{left:130%}}.uv-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.uv-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.uv-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.uv-flow-caption{font-size:.82rem;color:#4b5563}.uv-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.uv-detail-section{display:flex;flex-direction:column;gap:.55rem}.uv-detail-title{margin:0;font-size:.95rem;font-weight:600}.uv-detail-text{margin:0;font-size:.82rem;color:#4b5563}.uv-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.uv-detail-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.uv-detail-card-text{margin:0;font-size:.8rem;color:#4b5563}.uv-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.uv-usage-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.uv-usage-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.uv-usage-text{margin:0;font-size:.8rem;color:#4b5563}.uv-inherit-diagram{display:flex;gap:.8rem;align-items:flex-start}.uv-inherit-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.uv-node{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;background-color:#f9fafb}.uv-node-parent{background-color:#e0f2fe;border-color:#bae6fd;color:#075985}.uv-node-child{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.uv-arrow{font-size:.8rem;color:#6b7280}.uv-inherit-notes{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.uv-footer{margin-top:1.3rem}.uv-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.uv-stage{grid-template-columns:minmax(0,1fr)}.uv-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.uv-snapshot-panel,.uv-flow-panel,.uv-detail-panel{border-radius:14px}.uv-usage-grid{grid-template-columns:minmax(0,1fr)}.uv-inherit-diagram{flex-direction:column;align-items:stretch}}.hv-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#fee2e2);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.hv-header{margin-bottom:1.4rem}.hv-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.hv-subtitle{margin:0;font-size:.92rem;color:#4b5563}.hv-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.hv-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.hv-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.hv-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.hv-terminal-small{margin-top:.5rem}.hv-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.hv-terminal-line-light .hv-output{color:#e5e7eb}.hv-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hv-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hv-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hv-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.hv-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.hv-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.hv-summary-label{color:#4b5563}.hv-summary-value{color:#111827}.hv-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.hv-flow-label{font-size:.85rem;color:#4b5563}.hv-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.hv-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.hv-flow-dot-1{background:#6366f1;animation:hv-dot-move-1 4s linear infinite}.hv-flow-dot-2{background:#22c55e;animation:hv-dot-move-2 4s linear infinite}.hv-flow-dot-3{background:#f97316;animation:hv-dot-move-3 4s linear infinite}@keyframes hv-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes hv-dot-move-2{0%{left:10%}to{left:130%}}@keyframes hv-dot-move-3{0%{left:-20%}to{left:100%}}.hv-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.hv-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.hv-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.hv-flow-caption{font-size:.82rem;color:#4b5563}.hv-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.hv-detail-section{display:flex;flex-direction:column;gap:.55rem}.hv-detail-title{margin:0;font-size:.95rem;font-weight:600}.hv-detail-text{margin:0;font-size:.82rem;color:#4b5563}.hv-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.hv-detail-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.hv-detail-card-text{margin:0;font-size:.8rem;color:#4b5563}.hv-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hv-usage-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.hv-usage-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.hv-usage-text{margin:0;font-size:.8rem;color:#4b5563}.hv-login-diagram{display:flex;gap:.8rem;align-items:flex-start}.hv-login-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.hv-node{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;background-color:#f9fafb;text-align:center}.hv-node-passwd{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.hv-node-shell{background-color:#e0f2fe;border-color:#bae6fd;color:#075985}.hv-node-child{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.hv-arrow{font-size:.8rem;color:#6b7280}.hv-login-notes{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.hv-footer{margin-top:1.3rem}.hv-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.hv-stage{grid-template-columns:minmax(0,1fr)}.hv-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.hv-snapshot-panel,.hv-flow-panel,.hv-detail-panel{border-radius:14px}.hv-usage-grid{grid-template-columns:minmax(0,1fr)}.hv-login-diagram{flex-direction:column;align-items:stretch}}.pv-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#ede9fe);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.pv-header{margin-bottom:1.4rem}.pv-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.pv-subtitle{margin:0;font-size:.92rem;color:#4b5563}.pv-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.pv-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.pv-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.pv-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.pv-terminal-small{margin-top:.5rem}.pv-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.pv-terminal-line-light .pv-output{color:#e5e7eb}.pv-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pv-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pv-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pv-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.pv-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.pv-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.pv-summary-label{color:#4b5563}.pv-summary-value{color:#111827}.pv-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.pv-flow-label{font-size:.85rem;color:#4b5563}.pv-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.pv-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.pv-flow-dot-1{background:#6366f1;animation:pv-dot-move-1 4s linear infinite}.pv-flow-dot-2{background:#22c55e;animation:pv-dot-move-2 4s linear infinite}.pv-flow-dot-3{background:#f97316;animation:pv-dot-move-3 4s linear infinite}@keyframes pv-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes pv-dot-move-2{0%{left:10%}to{left:130%}}@keyframes pv-dot-move-3{0%{left:-20%}to{left:100%}}.pv-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.pv-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.pv-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.pv-flow-caption{font-size:.82rem;color:#4b5563}.pv-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.pv-detail-section{display:flex;flex-direction:column;gap:.55rem}.pv-detail-title{margin:0;font-size:.95rem;font-weight:600}.pv-detail-text{margin:0;font-size:.82rem;color:#4b5563}.pv-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pv-detail-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.pv-detail-card-text{margin:0;font-size:.8rem;color:#4b5563}.pv-search-diagram{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pv-search-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.2rem}.pv-search-dir{color:#111827}.pv-search-arrow{color:#6b7280}.pv-search-status{color:#4b5563}.pv-search-status-hit{color:#16a34a;font-weight:600}.pv-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.pv-usage-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.pv-usage-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.pv-usage-text{margin:0;font-size:.8rem;color:#4b5563}.pv-footer{margin-top:1.3rem}.pv-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.pv-stage{grid-template-columns:minmax(0,1fr)}.pv-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.pv-snapshot-panel,.pv-flow-panel,.pv-detail-panel{border-radius:14px}.pv-usage-grid{grid-template-columns:minmax(0,1fr)}}.sv-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#cffafe);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.sv-header{margin-bottom:1.4rem}.sv-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.sv-subtitle{margin:0;font-size:.92rem;color:#4b5563}.sv-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.sv-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.sv-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.sv-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.sv-terminal-small{margin-top:.5rem}.sv-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.sv-terminal-line-light .sv-output{color:#e5e7eb}.sv-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sv-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sv-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sv-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.sv-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.sv-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.sv-summary-label{color:#4b5563}.sv-summary-value{color:#111827}.sv-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.sv-flow-label{font-size:.85rem;color:#4b5563}.sv-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.sv-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.sv-flow-dot-1{background:#6366f1;animation:sv-dot-move-1 3.5s linear infinite}.sv-flow-dot-2{background:#22c55e;animation:sv-dot-move-2 3.5s linear infinite}@keyframes sv-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes sv-dot-move-2{0%{left:20%}to{left:130%}}.sv-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.sv-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.sv-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.sv-flow-caption{font-size:.82rem;color:#4b5563}.sv-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.sv-detail-section{display:flex;flex-direction:column;gap:.55rem}.sv-detail-title{margin:0;font-size:.95rem;font-weight:600}.sv-detail-text{margin:0;font-size:.82rem;color:#4b5563}.sv-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.sv-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.sv-detail-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.sv-detail-text-small{margin:0;font-size:.8rem;color:#4b5563}.sv-inherit-diagram{display:flex;gap:.8rem;align-items:flex-start}.sv-inherit-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.sv-node{padding:.28rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid #e5e7eb;background-color:#f9fafb;text-align:center}.sv-node-parent{background-color:#e0f2fe;border-color:#bae6fd;color:#075985}.sv-node-child{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.sv-arrow{font-size:.8rem;color:#6b7280}.sv-inherit-notes{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.sv-shellvars-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.sv-shellvar-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.sv-shellvar-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.sv-shellvar-text{margin:0;font-size:.8rem;color:#4b5563}.sv-footer{margin-top:1.3rem}.sv-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.sv-stage{grid-template-columns:minmax(0,1fr)}.sv-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.sv-snapshot-panel,.sv-flow-panel,.sv-detail-panel{border-radius:14px}.sv-detail-grid{grid-template-columns:minmax(0,1fr)}.sv-inherit-diagram{flex-direction:column;align-items:stretch}}.te-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#e5e7eb);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#111827}.te-header{margin-bottom:1.4rem}.te-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.te-subtitle{margin:0;font-size:.92rem;color:#4b5563}.te-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.te-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.te-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#4b5563}.te-terminal{border-radius:10px;background-color:#020617;padding:.5rem .6rem;margin-bottom:.5rem}.te-terminal-small{margin-top:.5rem}.te-terminal-line{display:flex;gap:.35rem;align-items:center;margin-bottom:.15rem}.te-terminal-line-light .te-output{color:#e5e7eb}.te-prompt{font-size:.82rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.te-cmd{font-size:.82rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.te-output{font-size:.8rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.te-panel-text{margin:0 0 .6rem;font-size:.8rem;color:#4b5563}.te-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.te-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.te-summary-label{color:#4b5563}.te-summary-value{color:#111827}.te-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.te-flow-label{font-size:.85rem;color:#4b5563}.te-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #d1d5db;overflow:hidden}.te-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.te-flow-dot-1{background:#6366f1;animation:te-dot-move-1 4s linear infinite}.te-flow-dot-2{background:#22c55e;animation:te-dot-move-2 4s linear infinite}.te-flow-dot-3{background:#f97316;animation:te-dot-move-3 4s linear infinite}@keyframes te-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes te-dot-move-2{0%{left:10%}to{left:130%}}@keyframes te-dot-move-3{0%{left:-20%}to{left:100%}}.te-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.te-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#4b5563;cursor:pointer}.te-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.te-flow-caption{font-size:.82rem;color:#4b5563}.te-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.te-detail-section{display:flex;flex-direction:column;gap:.55rem}.te-detail-title{margin:0;font-size:.95rem;font-weight:600}.te-detail-text{margin:0;font-size:.82rem;color:#4b5563}.te-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.te-detail-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.te-detail-card-text{margin:0;font-size:.8rem;color:#4b5563}.te-editor-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.te-editor-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.te-editor-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#111827}.te-editor-text{margin:0;font-size:.8rem;color:#4b5563}.te-footer{margin-top:1.3rem}.te-footer-text{margin:0;font-size:.86rem;color:#374151}@media(max-width:900px){.te-stage{grid-template-columns:minmax(0,1fr)}.te-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.te-snapshot-panel,.te-flow-panel,.te-detail-panel{border-radius:14px}.te-editor-grid{grid-template-columns:minmax(0,1fr)}}.na-root{width:100%;max-width:980px;margin:2.5rem auto;padding:1.5rem 1.75rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f9fafb,#cffafe);border-radius:24px;border:1px solid #e5e7eb;font-family:"Ubuntu","Inter",sans-serif sans-serif;color:#0f172a}.na-header{margin-bottom:1.4rem}.na-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.na-subtitle{margin:0;font-size:.92rem;color:#475569}.na-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr);gap:1.2rem;align-items:stretch}.na-snapshot-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem}.na-panel-label{margin:0 0 .5rem;font-size:.86rem;color:#475569}.na-nano-window{border-radius:10px;overflow:hidden;background-color:#020617;border:1px solid #0f172a;box-shadow:0 8px 18px #0f172a59}.na-nano-titlebar{display:flex;justify-content:space-between;padding:.25rem .55rem;background-color:#111827;color:#e5e7eb;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-nano-title{opacity:.9}.na-nano-title-right{opacity:.7}.na-nano-body{padding:.3rem .55rem .4rem;display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;row-gap:.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-nano-linenum{color:#6b7280;font-size:.78rem;text-align:right}.na-nano-line{color:#e5e7eb;font-size:.78rem;white-space:pre}.na-nano-line-dim{color:#9ca3af}.na-char{display:inline-block}.na-char-cursor{position:relative}.na-char-cursor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8fafce6;mix-blend-mode:difference;animation:na-cursor-blink 1s steps(1) infinite}@keyframes na-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.na-nano-status{padding:.1rem .55rem;background-color:#1f2937;color:#e5e7eb;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-nano-shortcuts{padding:.28rem .55rem .35rem;background-color:#020617;border-top:1px solid #0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-shortcut-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.08rem}.na-shortcut-key{color:#e5e7eb;font-size:.75rem}.na-shortcut-label{color:#9ca3af;font-size:.75rem;margin-right:.35rem}.na-panel-text{margin:.6rem 0 0;font-size:.8rem;color:#475569}.na-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .6rem;background-color:#f9fafb}.na-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.8rem;margin-bottom:.18rem}.na-summary-label{color:#475569}.na-summary-value{color:#0f172a}.na-flow-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.na-flow-label{font-size:.85rem;color:#475569}.na-flow-line{position:relative;height:52px;border-radius:16px;border:1px dashed #cbd5f5;overflow:hidden;background:radial-gradient(circle at 0 50%,#38bdf8 0,transparent 55%)}.na-flow-dot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%)}.na-flow-dot-1{background:#22c55e;animation:na-dot-move-1 3.8s linear infinite}.na-flow-dot-2{background:#6366f1;animation:na-dot-move-2 3.8s linear infinite}@keyframes na-dot-move-1{0%{left:-10%}to{left:110%}}@keyframes na-dot-move-2{0%{left:20%}to{left:130%}}.na-step-toggle{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.na-step-btn{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;color:#475569;cursor:pointer}.na-step-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#0f172a}.na-flow-caption{font-size:.82rem;color:#475569}.na-detail-panel{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:center}.na-detail-section{display:flex;flex-direction:column;gap:.55rem}.na-detail-title{margin:0;font-size:.95rem;font-weight:600}.na-detail-text{margin:0;font-size:.82rem;color:#475569}.na-detail-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.na-detail-card-label{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#0f172a}.na-detail-card-text{margin:0;font-size:.8rem;color:#475569}.na-flow-steps{display:flex;flex-direction:column;gap:.35rem}.na-flow-step{display:flex;align-items:flex-start;gap:.4rem}.na-flow-step-label{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#e0f2fe;color:#0369a1;font-size:.75rem;font-weight:600}.na-flow-step-text{font-size:.8rem;color:#475569}.na-terminal{border-radius:8px;background-color:#020617;padding:.4rem .55rem;margin-top:.5rem}.na-terminal-small{max-width:220px}.na-terminal-line{display:flex;gap:.35rem;align-items:center}.na-prompt{font-size:.8rem;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-cmd{font-size:.8rem;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.na-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.na-shortcut-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.na-shortcut-main{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#0f172a}.na-shortcut-desc{margin:0;font-size:.8rem;color:#475569}.na-footer{margin-top:1.3rem}.na-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:900px){.na-stage{grid-template-columns:minmax(0,1fr)}.na-root{padding:1.2rem 1.2rem 1.5rem;border-radius:18px}.na-snapshot-panel,.na-flow-panel,.na-detail-panel{border-radius:14px}.na-shortcut-grid{grid-template-columns:minmax(0,1fr)}}.vi-root{width:100%;max-width:1040px;margin:2.2rem auto;padding:1.5rem 1.8rem 2rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fefce8);border-radius:26px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.vi-header{margin-bottom:1.4rem}.vi-title{margin:0 0 .35rem;font-size:1.45rem;font-weight:700}.vi-subtitle{margin:0;font-size:.92rem;color:#475569}.vi-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.25fr);gap:1.1rem}.vi-screen-card{background-color:#020617;border-radius:18px;overflow:hidden;border:1px solid #0f172a;box-shadow:0 10px 22px #0f172a73}.vi-screen-title{display:flex;justify-content:space-between;padding:.3rem .6rem;background-color:#111827;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.vi-screen-title-right{opacity:.7}.vi-screen-body{padding:.4rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.vi-line-row{display:flex;align-items:flex-start}.vi-line-number{width:2.1rem;text-align:right;margin-right:.35rem;color:#6b7280}.vi-line-content{color:#e5e7eb;white-space:pre}.vi-line-empty{color:#4b5563}.vi-char{display:inline-block}.vi-char-cursor{position:relative}.vi-char-cursor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8fafcf5;mix-blend-mode:difference;animation:vi-cursor-blink 1s steps(1) infinite}.vi-char-cursor-insert:after{background-color:#4ade80e6}@keyframes vi-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vi-status-line{display:flex;justify-content:space-between;padding:.12rem .6rem;background-color:#111827;color:#e5e7eb;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.vi-status-left{color:#a5b4fc}.vi-status-right{color:#9ca3af}.vi-command-line{padding:.15rem .6rem .25rem;background-color:#020617;border-top:1px solid #0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#e5e7eb;min-height:1.1rem;display:flex;align-items:center}.vi-command-prefix{color:#e5e7eb}.vi-command-text{margin-left:.1rem}.vi-command-cursor{display:inline-block;width:.5ch;height:1em;background-color:#facc15;margin-left:.05rem;animation:vi-command-blink .9s steps(1) infinite}@keyframes vi-command-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vi-command-hint{color:#9ca3af}.vi-center-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.vi-center-text{margin:0;font-size:.85rem;color:#475569}.vi-mode-strip{display:flex;gap:.4rem;flex-wrap:wrap}.vi-mode-pill{flex:1 1 auto;min-width:0;padding:.3rem .45rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.8rem;text-align:center;color:#6b7280;background-color:#f9fafb}.vi-mode-pill-active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#111827;box-shadow:0 0 0 1px #6366f12e}.vi-key-hint{margin:0;font-size:.84rem;color:#1e293b}.vi-flow-diagram{margin-top:.1rem;padding:.6rem .55rem;border-radius:14px;border:1px dashed #cbd5f5;background-color:#f9fafb;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem}.vi-flow-node{padding:.35rem .4rem;border-radius:12px;font-size:.8rem;text-align:center;position:relative}.vi-flow-node-sub{display:block;margin-top:.15rem;font-size:.72rem;color:#64748b}.vi-flow-node-normal{background-color:#eff6ff;color:#1d4ed8}.vi-flow-node-insert{background-color:#ecfdf5;color:#15803d}.vi-flow-node-command{background-color:#fefce8;color:#92400e}.vi-flow-arrow{font-size:.78rem;color:#64748b;text-align:center}.vi-right-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.vi-right-title{margin:0;font-size:.95rem;font-weight:600}.vi-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.vi-command-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.vi-command-main{margin:0 0 .12rem;font-size:.8rem;font-weight:600;color:#0f172a}.vi-command-desc{margin:0;font-size:.8rem;color:#475569}.vi-right-footer{margin:.2rem 0 0;font-size:.8rem;color:#475569}.vi-footer{margin-top:1.35rem}.vi-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:960px){.vi-layout{grid-template-columns:minmax(0,1fr)}.vi-root{padding:1.2rem 1.25rem 1.6rem;border-radius:20px}.vi-command-grid{grid-template-columns:minmax(0,1fr)}}.vim-root{width:100%;max-width:1080px;margin:2.2rem auto;padding:1.6rem 1.9rem 2rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb 45%,#fef3c7);border-radius:26px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.vim-header{margin-bottom:1.4rem}.vim-title{margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.vim-subtitle{margin:0;font-size:.92rem;color:#475569}.vim-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.25fr);gap:1.1rem}.vim-screen-card{background-color:#020617;border-radius:18px;overflow:hidden;border:1px solid #0f172a;box-shadow:0 10px 24px #0f172a80}.vim-screen-title{display:flex;justify-content:space-between;padding:.3rem .7rem;background-color:#111827;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.vim-screen-title-right{opacity:.7}.vim-screen-body{padding:.4rem .7rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.vim-line-row{display:flex;align-items:flex-start}.vim-line-number{width:2.2rem;text-align:right;margin-right:.4rem;color:#6b7280}.vim-line-content{color:#e5e7eb;white-space:pre}.vim-line-empty{color:#4b5563}.vim-char{display:inline-block}.vim-char-visual{background-color:#60a5fa66}.vim-char-cursor{position:relative}.vim-char-cursor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8fafcf2;mix-blend-mode:difference;animation:vim-cursor-blink 1s steps(1) infinite}.vim-char-cursor-insert:after{background-color:#4ade80e6}@keyframes vim-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vim-status-line{display:flex;justify-content:space-between;padding:.15rem .7rem;background-color:#111827;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.vim-status-left{color:#a5b4fc}.vim-status-right{color:#9ca3af}.vim-command-line{padding:.15rem .7rem .25rem;background-color:#020617;border-top:1px solid #0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:#e5e7eb;min-height:1.1rem;display:flex;align-items:center}.vim-command-prefix{color:#e5e7eb}.vim-command-text{margin-left:.1rem}.vim-command-cursor{display:inline-block;width:.5ch;height:1em;background-color:#facc15;margin-left:.05rem;animation:vim-command-blink .9s steps(1) infinite}@keyframes vim-command-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vim-command-hint{color:#9ca3af}.vim-center-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.7rem}.vim-center-text{margin:0;font-size:.86rem;color:#475569}.vim-mode-strip{display:flex;gap:.4rem;flex-wrap:wrap}.vim-mode-pill{flex:1 1 auto;min-width:0;padding:.3rem .6rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.8rem;text-align:center;color:#6b7280;background-color:#f9fafb}.vim-mode-pill-active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#111827;box-shadow:0 0 0 1px #6366f133}.vim-hint{margin:0;font-size:.84rem;color:#1e293b}.vim-flow-diagram{margin-top:.2rem;padding:.6rem .55rem;border-radius:14px;border:1px dashed #cbd5f5;background-color:#f9fafb;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.4rem}.vim-flow-node{padding:.35rem .4rem;border-radius:12px;font-size:.8rem;text-align:center}.vim-flow-sub{display:block;margin-top:.14rem;font-size:.72rem;color:#64748b}.vim-flow-node-normal{background-color:#eff6ff;color:#1d4ed8}.vim-flow-node-insert{background-color:#ecfdf5;color:#15803d}.vim-flow-node-visual{background-color:#fef9c3;color:#854d0e}.vim-flow-node-command{background-color:#fee2e2;color:#b91c1c}.vim-flow-arrow{font-size:.78rem;color:#64748b;text-align:center}.vim-right-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.65rem}.vim-right-title{margin:0;font-size:.96rem;font-weight:600}.vim-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.vim-command-card{border-radius:12px;border:1px solid #e5e7eb;padding:.48rem .55rem;background-color:#f9fafb}.vim-command-main{margin:0 0 .14rem;font-size:.8rem;font-weight:600;color:#0f172a}.vim-command-desc{margin:0;font-size:.8rem;color:#475569}.vim-right-footer{margin:.2rem 0 0;font-size:.8rem;color:#475569}.vim-footer{margin-top:1.4rem}.vim-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:980px){.vim-layout{grid-template-columns:minmax(0,1fr)}.vim-root{padding:1.3rem 1.25rem 1.6rem;border-radius:20px}.vim-command-grid{grid-template-columns:minmax(0,1fr)}.vim-flow-diagram{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:auto}}.vapt-root{width:100%;max-width:1120px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.vapt-header{margin-bottom:1.5rem}.vapt-title{margin:0 0 .4rem;font-size:1.5rem;font-weight:700}.vapt-subtitle{margin:0;font-size:.93rem;color:#475569}.vapt-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.2fr);gap:1.1rem}.vapt-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.15rem;box-sizing:border-box}.vapt-card-title{margin:0 0 .35rem;font-size:.96rem;font-weight:600}.vapt-card-text{margin:0 0 .7rem;font-size:.84rem;color:#475569}.vapt-asset-card{position:relative}.vapt-asset-map{position:relative;margin:.3rem 0 .7rem;padding:.6rem .4rem .4rem;border-radius:14px;border:1px dashed #cbd5f5;background-color:#f9fafb;display:grid;grid-template-rows:auto .6rem auto .6rem auto;justify-items:center}.vapt-asset-node{position:relative;padding:.4rem .55rem;border-radius:14px;background-color:#eff6ff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;max-width:230px;box-sizing:border-box}.vapt-asset-web{background-color:#eef2ff;border-color:#e0e7ff}.vapt-asset-api{background-color:#ecfeff;border-color:#cffafe}.vapt-asset-db{background-color:#fef2f2;border-color:#fee2e2}.vapt-asset-label{font-size:.8rem;color:#111827}.vapt-asset-badge{font-size:.7rem;padding:.1rem .45rem;border-radius:999px;background-color:#fee2e2;color:#b91c1c}.vapt-asset-badge-medium{background-color:#fef9c3;color:#854d0e}.vapt-asset-badge-critical{background-color:#fecaca;color:#7f1d1d}.vapt-connector{width:2px;height:18px;background:linear-gradient(to bottom,#94a3b8,transparent)}.vapt-connector-vertical{background:linear-gradient(to bottom,#94a3b8,transparent)}.vapt-pulse-ring{position:absolute;inset:auto;top:50%;left:50%;width:72%;height:72%;border-radius:999px;border:2px solid rgba(56,189,248,.4);transform:translate(-50%,-50%);animation:vapt-pulse .6s ease-out;pointer-events:none}@keyframes vapt-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.vapt-asset-list{list-style:none;padding:0;margin:.1rem 0 0;display:flex;flex-direction:column;gap:.25rem}.vapt-asset-item{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding:.25rem .3rem;border-radius:8px;color:#475569}.vapt-asset-item-active{background-color:#eef2ff;color:#1e293b}.vapt-pill{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb;background-color:#f9fafb;color:#475569}.vapt-center-card{display:flex;flex-direction:column;gap:.7rem}.vapt-phase-strip{display:flex;flex-wrap:wrap;gap:.35rem}.vapt-phase-pill{flex:1 1 auto;min-width:0;padding:.28rem .5rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.78rem;text-align:center;color:#6b7280;background-color:#f9fafb}.vapt-phase-pill-active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#111827;box-shadow:0 0 0 1px #6366f129}.vapt-phase-description{margin:0;font-size:.84rem;color:#475569}.vapt-phase-hint{margin:0;font-size:.82rem;color:#1e293b}.vapt-phase-visual{margin-top:.2rem}.vapt-scan-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .65rem}.vapt-scan-label{margin:0 0 .35rem;font-size:.8rem;color:#475569}.vapt-progress-track{width:100%;height:6px;border-radius:999px;background-color:#e5e7eb;overflow:hidden}.vapt-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .2s ease-out}.vapt-scan-percent{margin:.25rem 0 .35rem;font-size:.78rem;color:#4b5563}.vapt-vuln-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.22rem}.vapt-vuln-item{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) auto;gap:.35rem;font-size:.78rem;align-items:center;padding:.18rem .25rem;border-radius:8px;background-color:transparent;opacity:0;transform:translateY(4px);transition:opacity .25s ease-out,transform .25s ease-out,background-color .25s ease-out}.vapt-vuln-item-visible{opacity:1;transform:translateY(0);background-color:#fff}.vapt-vuln-name{color:#111827}.vapt-vuln-type{color:#64748b}.vapt-attack-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .65rem}.vapt-attack-label{margin:0 0 .35rem;font-size:.8rem;color:#475569}.vapt-attack-steps{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.45rem}.vapt-attack-step{display:flex;gap:.4rem;align-items:flex-start;font-size:.78rem;color:#94a3b8}.vapt-attack-step-active{color:#0f172a}.vapt-attack-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#e0f2fe;color:#0369a1;font-size:.72rem;font-weight:600}.vapt-attack-text{flex:1}.vapt-terminal{border-radius:10px;background-color:#020617;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.vapt-terminal-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.vapt-terminal-status{color:#a5b4fc}.vapt-terminal-body{padding:.3rem .5rem .4rem}.vapt-terminal-line{display:flex;gap:.35rem;margin-bottom:.1rem}.vapt-terminal-prompt{color:#22c55e}.vapt-terminal-cmd{color:#e5e7eb}.vapt-terminal-output{color:#facc15}.vapt-scope-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#fefce8;padding:.6rem .6rem .65rem}.vapt-scope-line{margin:0 0 .45rem;font-size:.82rem;color:#854d0e}.vapt-scope-tags{display:flex;flex-wrap:wrap;gap:.3rem}.vapt-report-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .65rem}.vapt-report-label{margin:0 0 .35rem;font-size:.8rem;color:#475569}.vapt-report-list{list-style:none;padding:0;margin:0 0 .4rem;display:flex;flex-direction:column;gap:.25rem}.vapt-report-item{display:flex;gap:.35rem;font-size:.8rem;color:#1e293b}.vapt-report-index{font-size:.74rem;font-weight:600;color:#6366f1;margin-top:.05rem}.vapt-report-text{flex:1}.vapt-report-badges{display:flex;flex-wrap:wrap;gap:.35rem}.vapt-explain-card{display:flex;flex-direction:column;gap:.7rem}.vapt-explain-text{margin:0;font-size:.84rem;color:#475569}.vapt-explain-list{margin:0;padding-left:1rem;font-size:.82rem;color:#475569}.vapt-explain-list li{margin-bottom:.35rem}.vapt-summary-strip{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.4rem;margin-top:.15rem}.vapt-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.vapt-summary-label{margin:0 0 .14rem;font-size:.8rem;font-weight:600;color:#0f172a}.vapt-summary-value{margin:0;font-size:.8rem;color:#475569}.vapt-footer{margin-top:1.4rem}.vapt-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:1040px){.vapt-grid{grid-template-columns:minmax(0,1fr)}.vapt-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}}@media(min-width:900px){.vapt-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}.bv-root{width:100%;max-width:1200px;margin:2.6rem auto;padding:1.9rem 2rem 2.2rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb 48%,#fef3c7);border-radius:30px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.bv-header{margin-bottom:1.6rem}.bv-title{margin:0 0 .45rem;font-size:1.6rem;font-weight:700}.bv-subtitle{margin:0;font-size:.95rem;color:#475569}.bv-main-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1.2fr);gap:1.2rem}.bv-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.15rem;box-sizing:border-box}.bv-card-title{font-size:.98rem;font-weight:600;margin:0}.bv-left-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.bv-card-tag{font-size:.7rem;padding:.12rem .45rem;border-radius:999px;background-color:#eef2ff;color:#4f46e5}.bv-radar-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);gap:.6rem;align-items:center}.bv-radar-wrapper{display:flex;flex-direction:column;align-items:center;gap:.45rem}.bv-radar{position:relative;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#0f172a 0,#020617 60%);box-shadow:0 0 0 1px #0f172a,0 12px 22px #0f172ab3;overflow:hidden}.bv-radar:before,.bv-radar:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;border:1px solid rgba(148,163,184,.35)}.bv-radar:after{top:38%;right:38%;bottom:38%;left:38%}.bv-radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,rgba(56,189,248,.3),transparent 45deg,transparent 360deg);transform-origin:50% 50%;mix-blend-mode:screen}.bv-radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px #3b82f6cc}.bv-radar-dot-web{top:25%;left:65%;background-color:#22c55e}.bv-radar-dot-api{top:60%;left:25%;background-color:#38bdf8}.bv-radar-dot-db{top:40%;left:40%;background-color:#facc15}.bv-radar-dot-net{top:75%;left:70%;background-color:#f97316}.bv-radar-legend{display:flex;gap:.35rem;align-items:center;font-size:.74rem;color:#94a3b8}.bv-legend-dot{width:8px;height:8px;border-radius:999px;margin-left:.4rem}.bv-legend-dot.web{background-color:#22c55e}.bv-legend-dot.api{background-color:#38bdf8}.bv-legend-dot.db{background-color:#facc15}.bv-legend-dot.net{background-color:#f97316}.bv-asset-list{display:flex;flex-direction:column;gap:.3rem}.bv-asset-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding:.25rem .35rem;border-radius:10px;background-color:#f9fafb}.bv-asset-main{display:flex;flex-direction:column}.bv-asset-name{color:#111827}.bv-asset-type{font-size:.74rem;color:#64748b}.bv-pill{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb;background-color:#f9fafb;color:#475569}.bv-center{display:flex;flex-direction:column;gap:.6rem}.bv-center-header{display:flex;justify-content:space-between;align-items:center}.bv-stage-label{font-size:.8rem;padding:.16rem .55rem;border-radius:999px;background-color:#eef2ff;color:#4f46e5}.bv-stage-strip{display:flex;flex-wrap:wrap;gap:.4rem}.bv-stage-pill{flex:1 1 auto;min-width:0;padding:.28rem .6rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.78rem;text-align:center;color:#6b7280;background-color:#f9fafb}.bv-stage-pill-active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0f2fe);color:#111827;box-shadow:0 0 0 1px #6366f12e}.bv-stage-description{margin:0;font-size:.85rem;color:#475569}.bv-stage-hint{margin:0;font-size:.82rem;color:#1e293b}.bv-stage-visual{margin-top:.3rem}.bv-scope-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#fefce8;padding:.6rem .7rem}.bv-scope-line{margin:0 0 .4rem;font-size:.83rem;color:#854d0e}.bv-scope-tags{display:flex;flex-wrap:wrap;gap:.3rem}.bv-discover-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .7rem .65rem}.bv-progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:#475569;margin-bottom:.25rem}.bv-progress-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.35rem}.bv-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .2s ease-out}.bv-vuln-list{list-style:none;padding:0;margin:0 0 .3rem;display:flex;flex-direction:column;gap:.25rem}.bv-vuln-item{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) auto;gap:.35rem;font-size:.78rem;align-items:center;padding:.18rem .25rem;border-radius:8px;background-color:transparent;opacity:0;transform:translateY(4px);transition:opacity .25s ease-out,transform .25s ease-out,background-color .25s ease-out}.bv-vuln-item-visible{opacity:1;transform:translateY(0);background-color:#fff}.bv-vuln-name{color:#111827}.bv-vuln-asset{color:#64748b}.bv-discover-footnote{margin:0;font-size:.78rem;color:#64748b}.bv-exploit-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .7rem .65rem}.bv-attack-steps{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.45rem}.bv-attack-step{display:flex;gap:.4rem;align-items:flex-start;font-size:.78rem;color:#94a3b8}.bv-attack-step-active{color:#0f172a}.bv-attack-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#e0f2fe;color:#0369a1;font-size:.72rem;font-weight:600}.bv-attack-text{flex:1}.bv-console{border-radius:10px;background-color:#020617;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.bv-console-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.bv-console-tag{color:#a5b4fc}.bv-console-body{padding:.3rem .5rem .4rem}.bv-console-line{display:flex;gap:.35rem;margin-bottom:.12rem}.bv-console-prompt{color:#22c55e}.bv-console-cmd{color:#e5e7eb}.bv-console-output{color:#facc15}.bv-exploit-footnote{margin:.4rem 0 0;font-size:.78rem;color:#64748b}.bv-report-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:.6rem;align-items:stretch}.bv-risk-score-card{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .5rem;display:grid;grid-template-columns:120px minmax(0,1fr);gap:.4rem;align-items:center}.bv-risk-ring{position:relative;width:110px;height:110px}.bv-risk-inner{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:999px;background:radial-gradient(circle,#1e293b 0,#020617 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9fafb}.bv-risk-value{font-size:1.3rem;font-weight:700}.bv-risk-label{font-size:.7rem;color:#cbd5f5}.bv-risk-svg{width:110px;height:110px;transform:rotate(-90deg)}.bv-risk-bg{fill:none;stroke:#e5e7eb;stroke-width:2}.bv-risk-fg{fill:none;stroke:#f97316;stroke-width:2.7;stroke-linecap:round;transition:stroke-dasharray .3s ease-out}.bv-risk-note{font-size:.8rem;color:#475569}.bv-risk-note p{margin:0 0 .35rem}.bv-risk-badges{display:flex;flex-wrap:wrap;gap:.3rem}.bv-ai-panel{border-radius:14px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .65rem;display:flex;flex-direction:column;gap:.35rem}.bv-ai-header{display:flex;justify-content:space-between;align-items:center}.bv-ai-title{font-size:.82rem;font-weight:600}.bv-ai-tag{font-size:.7rem;padding:.12rem .45rem;border-radius:999px;background-color:#ecfdf5;color:#15803d}.bv-ai-text{margin:0;font-size:.82rem;color:#1e293b}.bv-ai-cursor{display:inline-block;width:.5ch;height:1em;background-color:#4b5563;margin-left:.05rem;animation:bv-ai-blink .9s steps(1) infinite}@keyframes bv-ai-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.bv-right{display:flex;flex-direction:column;gap:.7rem}.bv-right-text{margin:.2rem 0 0;font-size:.84rem;color:#475569}.bv-right-list{margin:0;padding-left:1.1rem;font-size:.82rem;color:#475569}.bv-right-list li{margin-bottom:.35rem}.bv-summary-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.4rem}.bv-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.45rem .5rem;background-color:#f9fafb}.bv-summary-label{margin:0 0 .14rem;font-size:.8rem;font-weight:600;color:#0f172a}.bv-summary-value{margin:0;font-size:.8rem;color:#475569}.bv-footer{margin-top:1.5rem}.bv-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:1080px){.bv-main-grid{grid-template-columns:minmax(0,1fr)}.bv-root{padding:1.5rem 1.4rem 1.8rem;border-radius:22px}.bv-report-panel{grid-template-columns:minmax(0,1fr)}}@media(min-width:900px){.bv-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.vp-root{width:100%;max-width:1100px;margin:2.4rem auto;padding:1.7rem 1.9rem 2rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:26px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.vp-header{margin-bottom:1.3rem}.vp-title{margin:0 0 .4rem;font-size:1.45rem;font-weight:700}.vp-subtitle{margin:0;font-size:.92rem;color:#475569}.vp-toggle-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.vp-toggle-btn{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.28rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.vp-toggle-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.vp-main-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:1rem}.vp-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.6rem;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease}.vp-card-dim{opacity:.6}.vp-card-spotlight{transform:translateY(-3px);box-shadow:0 10px 22px #0f172a1f}.vp-card-header{display:flex;justify-content:space-between;align-items:center}.vp-card-title{margin:0;font-size:.96rem;font-weight:600}.vp-card-text{margin:0;font-size:.84rem;color:#475569}.vp-tag{font-size:.72rem;padding:.14rem .6rem;border-radius:999px;border:1px solid}.vp-tag.va{border-color:#bfdbfe;background-color:#eff6ff;color:#1d4ed8}.vp-tag.pt{border-color:#fed7aa;background-color:#fffbeb;color:#92400e}.vp-va-progress{margin-top:.1rem}.vp-va-progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:#475569;margin-bottom:.2rem}.vp-progress-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden}.vp-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .2s ease-out}.vp-va-list{list-style:none;padding:0;margin:.5rem 0 .3rem;display:flex;flex-direction:column;gap:.25rem}.vp-va-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.8rem;padding:.22rem .28rem;border-radius:10px;background-color:transparent;opacity:0;transform:translateY(4px);transition:opacity .25s ease-out,transform .25s ease-out,background-color .25s ease-out}.vp-va-item-visible{opacity:1;transform:translateY(0);background-color:#f9fafb}.vp-va-main{display:flex;flex-direction:column}.vp-va-name{color:#111827}.vp-va-area{font-size:.74rem;color:#64748b}.vp-va-footnote p{margin:.15rem 0 0;font-size:.78rem;color:#64748b}.vp-pill{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb;background-color:#f9fafb;color:#475569}.vp-pt-steps{display:flex;flex-direction:column;gap:.3rem}.vp-pt-step{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;color:#94a3b8}.vp-pt-step-active{color:#0f172a}.vp-pt-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#fee2e2;color:#b91c1c;font-size:.72rem;font-weight:600}.vp-pt-text{flex:1}.vp-terminal{border-radius:10px;background-color:#020617;overflow:hidden;margin-top:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.vp-terminal-header{padding:.2rem .45rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.vp-terminal-tag{color:#a5b4fc}.vp-terminal-body{padding:.3rem .5rem .4rem}.vp-terminal-line{display:flex;gap:.35rem;margin-bottom:.1rem}.vp-terminal-prompt{color:#22c55e}.vp-terminal-cmd{color:#e5e7eb}.vp-terminal-output{color:#facc15}.vp-pt-footnote p{margin:.35rem 0 0;font-size:.78rem;color:#64748b}.vp-summary-strip{margin-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.vp-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.5rem .55rem;background-color:#f9fafb}.vp-summary-label{margin:0 0 .13rem;font-size:.8rem;font-weight:600;color:#0f172a}.vp-summary-value{margin:0;font-size:.8rem;color:#475569}.vp-footer{margin-top:1.3rem}.vp-footer-text{margin:0;font-size:.86rem;color:#1e293b}@media(max-width:920px){.vp-main-grid{grid-template-columns:minmax(0,1fr)}.vp-root{padding:1.4rem 1.3rem 1.7rem;border-radius:20px}.vp-summary-strip{grid-template-columns:minmax(0,1fr)}}.vpd-root{width:100%;max-width:1100px;margin:2.4rem auto;padding:1.7rem 1.9rem 2rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:26px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.vpd-header{margin-bottom:1.3rem}.vpd-title{margin:0 0 .4rem;font-size:1.45rem;font-weight:700}.vpd-subtitle{margin:0;font-size:.92rem;color:#475569}.vpd-toggle{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.vpd-toggle-btn{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.vpd-toggle-btn-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.vpd-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:1rem}.vpd-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.6rem;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease}.vpd-card-dim{opacity:.6}.vpd-card-highlight{transform:translateY(-3px);box-shadow:0 10px 22px #0f172a24}.vpd-card-header{display:flex;justify-content:space-between;align-items:center}.vpd-card-title{margin:0;font-size:.96rem;font-weight:600}.vpd-card-text{margin:0;font-size:.84rem;color:#475569}.vpd-tag{font-size:.72rem;padding:.12rem .6rem;border-radius:999px;border:1px solid}.vpd-tag-va{border-color:#bfdbfe;background-color:#eff6ff;color:#1d4ed8}.vpd-tag-pt{border-color:#fed7aa;background-color:#fffbeb;color:#92400e}.vpd-va-meter{margin-top:.1rem}.vpd-meter-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#475569;margin-bottom:.2rem}.vpd-meter-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden}.vpd-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .2s ease-out}.vpd-map{margin-top:.35rem;padding:.38rem .45rem;border-radius:10px;background-color:#f9fafb;border:1px solid #e5e7eb;font-size:.78rem}.vpd-map-row{display:flex;justify-content:space-between;margin-bottom:.15rem}.vpd-map-row:last-child{margin-bottom:0}.vpd-map-label{color:#64748b}.vpd-map-value{color:#111827}.vpd-va-list{list-style:none;padding:0;margin:.5rem 0 .3rem;display:flex;flex-direction:column;gap:.25rem}.vpd-va-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.22rem .28rem;border-radius:8px;background-color:transparent;opacity:0;transform:translateY(4px);transition:opacity .25s ease-out,transform .25s ease-out,background-color .25s ease-out}.vpd-va-item-visible{opacity:1;transform:translateY(0);background-color:#f9fafb}.vpd-va-name{color:#111827}.vpd-pill{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb;background-color:#f9fafb;color:#475569}.sev-critical{border-color:#fecaca;background-color:#fef2f2;color:#b91c1c}.sev-high{border-color:#fed7aa;background-color:#fffbeb;color:#92400e}.sev-medium{border-color:#bfdbfe;background-color:#eff6ff;color:#1d4ed8}.sev-low{border-color:#bbf7d0;background-color:#ecfdf5;color:#15803d}.vpd-depth-meter{margin-top:.15rem}.vpd-depth-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#475569;margin-bottom:.25rem}.vpd-depth-stack{display:flex;flex-direction:column;gap:.25rem}.vpd-depth-bar{display:flex;align-items:center;gap:.45rem;padding:.25rem .3rem;border-radius:9px;background-color:#f9fafb;font-size:.8rem;color:#94a3b8}.vpd-depth-bar-active{background:linear-gradient(90deg,#eef2ff,#e0f2fe);color:#111827;box-shadow:0 0 0 1px #818cf833}.vpd-depth-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#fee2e2;color:#b91c1c;font-size:.72rem;font-weight:600}.vpd-depth-text{flex:1}.vpd-terminal{margin-top:.45rem;border-radius:10px;background-color:#020617;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.vpd-terminal-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.vpd-terminal-tag{color:#a5b4fc}.vpd-terminal-body{padding:.3rem .5rem .4rem}.vpd-terminal-line{display:flex;gap:.35rem;margin-bottom:.1rem}.vpd-terminal-prompt{color:#22c55e}.vpd-terminal-cmd{color:#e5e7eb}.vpd-terminal-output{color:#facc15}.vpd-footnote{margin:.3rem 0 0;font-size:.78rem;color:#64748b}.vpd-summary{margin-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.vpd-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.48rem .55rem;background-color:#f9fafb}.vpd-summary-label{margin:0 0 .14rem;font-size:.8rem;font-weight:600;color:#0f172a}.vpd-summary-value{margin:0;font-size:.8rem;color:#475569}@media(max-width:920px){.vpd-grid{grid-template-columns:minmax(0,1fr)}.vpd-root{padding:1.4rem 1.3rem 1.7rem;border-radius:20px}.vpd-summary{grid-template-columns:minmax(0,1fr)}}.pta-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.pta-header{margin-bottom:1.4rem}.pta-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.pta-subtitle{margin:0;font-size:.93rem;color:#475569}.pta-mode-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.pta-mode-pill{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .85rem;font-size:.8rem;color:#475569;cursor:pointer}.pta-mode-pill-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.pta-mode-label{margin:0;font-size:.86rem;color:#1e293b}.pta-mode-hint{margin:.2rem 0 .9rem;font-size:.82rem;color:#475569}.pta-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.pta-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.55rem;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease}.pta-card-muted{opacity:.6}.pta-card-focus{transform:translateY(-3px);box-shadow:0 10px 22px #0f172a24}.pta-card-header{display:flex;justify-content:space-between;align-items:center}.pta-card-title{margin:0;font-size:.96rem;font-weight:600}.pta-card-text{margin:0;font-size:.84rem;color:#475569}.pta-tag{font-size:.72rem;padding:.14rem .6rem;border-radius:999px;border:1px solid}.pta-tag-black{border-color:#cbd5f5;background-color:#111827;color:#e5e7eb}.pta-tag-grey{border-color:#e5e7eb;background-color:#f9fafb;color:#6b7280}.pta-tag-white{border-color:#e0f2fe;background-color:#eff6ff;color:#1d4ed8}.pta-steps{display:flex;flex-direction:column;gap:.28rem}.pta-step{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;color:#9ca3af}.pta-step-active{color:#0f172a}.pta-step-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background-color:#e0f2fe;color:#0369a1;font-size:.72rem;font-weight:600}.pta-step-text{flex:1}.pta-console{border-radius:10px;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.pta-console-black,.pta-console-grey,.pta-console-white{background-color:#020617}.pta-console-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.pta-console-tag{color:#a5b4fc}.pta-console-body{padding:.3rem .5rem .4rem}.pta-console-line{display:flex;gap:.35rem;margin-bottom:.1rem}.pta-console-prompt{color:#22c55e}.pta-console-cmd{color:#e5e7eb}.pta-console-output{color:#facc15}.pta-footnote{margin:.3rem 0 0;font-size:.78rem;color:#64748b}.pta-summary{margin-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.pta-summary-card{border-radius:12px;border:1px solid #e5e7eb;padding:.48rem .55rem;background-color:#f9fafb}.pta-summary-label{margin:0 0 .14rem;font-size:.8rem;font-weight:600;color:#0f172a}.pta-summary-text{margin:0;font-size:.8rem;color:#475569}@media(max-width:980px){.pta-columns{grid-template-columns:minmax(0,1fr)}.pta-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.pta-summary{grid-template-columns:minmax(0,1fr)}}.roe-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.roe-header{margin-bottom:1.3rem}.roe-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.roe-subtitle{margin:0;font-size:.93rem;color:#475569}.roe-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);gap:1rem}.roe-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.1rem;box-sizing:border-box}.roe-step-strip{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.roe-step-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.26rem .7rem;border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:.8rem;color:#6b7280;cursor:pointer}.roe-step-pill-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.roe-step-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;background-color:#e0f2fe;color:#0369a1;font-weight:600}.roe-step-label{white-space:nowrap}.roe-progress{margin-bottom:.7rem}.roe-progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:#475569;margin-bottom:.2rem}.roe-progress-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden}.roe-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .2s ease-out}.roe-step-content{border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .7rem .7rem}.roe-step-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.roe-step-body{margin:0 0 .35rem;font-size:.84rem;color:#475569}.roe-step-list{list-style:none;padding:0;margin:0;font-size:.8rem;color:#4b5563}.roe-step-item{margin-bottom:.22rem}.roe-step-item:last-child{margin-bottom:0}.roe-right-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.roe-card-title{margin:0;font-size:.96rem;font-weight:600}.roe-tag{font-size:.72rem;padding:.14rem .6rem;border-radius:999px;background-color:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.roe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.7rem}.roe-grid-card{border-radius:10px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.45rem .5rem}.roe-grid-label{margin:0 0 .15rem;font-size:.78rem;font-weight:600;color:#0f172a}.roe-grid-value{margin:0;font-size:.78rem;color:#475569}.roe-terminal{border-radius:10px;background-color:#020617;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;margin-bottom:.7rem}.roe-terminal-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.roe-terminal-tag{color:#a5b4fc}.roe-terminal-body{padding:.3rem .5rem .4rem}.roe-terminal-line{display:flex;gap:.35rem;margin-bottom:.1rem}.roe-terminal-prompt{color:#22c55e}.roe-terminal-cmd{color:#e5e7eb}.roe-terminal-output{color:#facc15}.roe-activity{margin-bottom:.55rem}.roe-activity-title{margin:0 0 .2rem;font-size:.83rem;font-weight:600;color:#0f172a}.roe-activity-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#4b5563}.roe-activity-item{margin-bottom:.12rem}.roe-footer-text{margin:0;font-size:.8rem;color:#1e293b}@media(max-width:980px){.roe-layout{grid-template-columns:minmax(0,1fr)}.roe-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.roe-grid{grid-template-columns:minmax(0,1fr)}}.lea-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.lea-header{margin-bottom:1.3rem}.lea-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.lea-subtitle{margin:0;font-size:.93rem;color:#475569}.lea-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr);gap:1rem}.lea-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:1rem 1.1rem 1.1rem;box-sizing:border-box}.lea-chip{font-size:.72rem;padding:.14rem .6rem;border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;color:#4b5563}.lea-chip-mode{border-color:#e5e7eb}.lea-chip-safe{background-color:#ecfdf5;border-color:#bbf7d0;color:#16a34a}.lea-chip-unsafe{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.lea-left-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.lea-card-title{margin:0;font-size:.96rem;font-weight:600}.lea-left-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:.7rem}.lea-gauge-card{border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .7rem}.lea-gauge-label{margin:0 0 .3rem;font-size:.82rem;font-weight:600;color:#0f172a}.lea-gauge-wrapper{position:relative;width:140px;height:80px;margin:0 auto .25rem}.lea-gauge-svg{width:140px;height:80px}.lea-gauge-bg{fill:none;stroke:#e5e7eb;stroke-width:2;stroke-linecap:round}.lea-gauge-fg{fill:none;stroke:url(#authGradient);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:0 50;transition:stroke-dasharray .3s ease-out}.lea-gauge-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-10%);display:flex;flex-direction:column;align-items:center}.lea-gauge-value{font-size:1.2rem;font-weight:700}.lea-gauge-text{font-size:.72rem;color:#6b7280}.lea-gauge-footnote{margin:0;font-size:.78rem;color:#64748b}.lea-switches-card{border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.6rem .6rem .7rem}.lea-section-label{margin:0 0 .3rem;font-size:.82rem;font-weight:600;color:#0f172a}.lea-switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.lea-switch-row:last-child{margin-bottom:0}.lea-switch-info{flex:1}.lea-switch-title{margin:0 0 .12rem;font-size:.82rem;font-weight:600;color:#0f172a}.lea-switch-desc{margin:0;font-size:.78rem;color:#4b5563}.lea-toggle{position:relative;width:40px;height:20px;border-radius:999px;border:1px solid #e5e7eb;background-color:#e5e7eb;padding:0;cursor:pointer;flex-shrink:0}.lea-toggle-on{background-color:#22c55e;border-color:#16a34a}.lea-toggle-off{background-color:#e5e7eb;border-color:#cbd5e1}.lea-toggle-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:999px;background-color:#fff;box-shadow:0 1px 3px #0f172a66;transition:transform .18s ease-out}.lea-toggle-on .lea-toggle-knob{transform:translate(18px)}.lea-right-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.lea-right-intro{margin:0 0 .6rem;font-size:.84rem;color:#475569}.lea-disclosure-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:.6rem;margin-bottom:.7rem}.lea-disclosure-card{border-radius:12px;border:1px solid #e5e7eb;padding:.55rem .6rem;font-size:.78rem}.lea-disclosure-good{background-color:#ecfdf5;border-color:#bbf7d0}.lea-disclosure-bad{background-color:#fef2f2;border-color:#fecaca}.lea-disclosure-title{margin:0 0 .15rem;font-size:.8rem;font-weight:600;color:#0f172a}.lea-disclosure-list{margin:0;padding-left:1rem;color:#374151}.lea-terminal{border-radius:10px;background-color:#020617;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;margin-bottom:.7rem}.lea-terminal-header{padding:.2rem .5rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between}.lea-terminal-tag{color:#a5b4fc}.lea-terminal-body{padding:.3rem .5rem .4rem}.lea-terminal-line{display:flex;gap:.35rem;margin-bottom:.1rem}.lea-terminal-prompt{color:#22c55e}.lea-terminal-cmd{color:#e5e7eb}.lea-terminal-output{color:#facc15}.lea-log-title{margin:0 0 .2rem;font-size:.83rem;font-weight:600;color:#0f172a}.lea-log-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#4b5563}.lea-log-item{margin-bottom:.12rem}.lea-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.lea-layout{grid-template-columns:minmax(0,1fr)}.lea-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.lea-left-grid,.lea-disclosure-grid{grid-template-columns:minmax(0,1fr)}}.sa-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.sa-header{margin-bottom:1.3rem}.sa-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.sa-subtitle{margin:0;font-size:.93rem;color:#475569}.sa-top-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start;margin-bottom:.7rem}.sa-phase-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.sa-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.sa-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.sa-coverage-card{margin-left:auto;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem;min-width:260px}.sa-coverage-label{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:#0f172a}.sa-coverage-meter{display:flex;flex-direction:column;gap:.22rem}.sa-coverage-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden}.sa-coverage-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .25s ease-out}.sa-coverage-value{font-size:.8rem;color:#1f2937}.sa-coverage-footnote{margin:.32rem 0 0;font-size:.78rem;color:#64748b}.sa-phase-description{margin:0 0 .8rem;font-size:.84rem;color:#475569}.sa-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:.9rem;margin-bottom:.9rem}.sa-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.sa-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sa-column-header-in,.sa-column-header-out{border-bottom:1px dashed #e5e7eb;padding-bottom:.3rem}.sa-column-title{margin:0 0 .1rem;font-size:.9rem;font-weight:600;color:#0f172a}.sa-column-subtitle{margin:0;font-size:.78rem;color:#64748b}.sa-badge{min-width:24px;height:22px;border-radius:999px;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600}.sa-badge-in{background-color:#ecfdf5;color:#15803d}.sa-badge-out{background-color:#fef2f2;color:#b91c1c}.sa-asset-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.25rem}.sa-asset-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.8rem;padding:.28rem .35rem;border-radius:10px}.sa-asset-item-in{background-color:#f1f5f9}.sa-asset-item-out{background-color:#fef2f2}.sa-asset-main{display:flex;flex-direction:column}.sa-asset-name{color:#0f172a}.sa-asset-type{font-size:.74rem;color:#6b7280}.sa-asset-empty{font-size:.78rem;color:#9ca3af}.sa-pill{display:inline-flex;align-items:center;justify-content:center;padding:.14rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb}.sa-pill-critical{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.sa-pill-high{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.sa-pill-medium{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sa-pill-excluded{background-color:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.sa-bottom-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.9rem}.sa-legend-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.sa-legend-list{margin:0;padding-left:1rem;font-size:.8rem;color:#4b5563}.sa-log-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.sa-log-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#4b5563}.sa-log-item{margin-bottom:.14rem}.sa-log-empty{color:#9ca3af}@media(max-width:980px){.sa-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.sa-top-row{flex-direction:column;align-items:stretch}.sa-coverage-card{margin-left:0}.sa-columns,.sa-bottom-row{grid-template-columns:minmax(0,1fr)}}.as-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.as-header{margin-bottom:1.2rem}.as-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.as-subtitle{margin:0;font-size:.93rem;color:#475569}.as-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-bottom:.7rem}.as-phase-chips{display:flex;flex-wrap:wrap;gap:.4rem}.as-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.as-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.as-metrics{margin-left:auto;display:flex;flex-wrap:wrap;gap:.6rem}.as-metric-card{min-width:220px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem}.as-metric-label{margin:0 0 .24rem;font-size:.82rem;font-weight:600;color:#0f172a}.as-metric-bar{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.25rem}.as-metric-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .25s ease-out}.as-metric-value{margin:0;font-size:.8rem;color:#1f2937}.as-exposure-ring{width:70px;height:70px;border-radius:999px;border:3px solid #f97316;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.as-exposure-inner{width:56px;height:56px;border-radius:999px;background-color:#fff7ed;display:flex;align-items:center;justify-content:center;gap:.15rem}.as-exposure-value{font-size:1.1rem;font-weight:700;color:#7c2d12}.as-exposure-unit{font-size:.7rem;color:#9a3412}.as-metric-footnote{margin:0;font-size:.78rem;color:#64748b}.as-phase-text{margin:0 0 .9rem;font-size:.84rem;color:#475569}.as-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr);gap:.9rem}.as-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.as-orbit-card{position:relative}.as-orbit-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.as-orbit-subtitle{margin:0 0 .5rem;font-size:.8rem;color:#64748b}.as-orbit{position:relative;height:260px;border-radius:18px;background:radial-gradient(circle at center,#020617 0,#020617 60%,#111827);overflow:hidden}.as-orbit-core{position:absolute;left:50%;top:50%;width:90px;height:90px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at top,#22c55e,#16a34a,#14532d);display:flex;align-items:center;justify-content:center}.as-orbit-core-label{font-size:.72rem;color:#ecfdf5;text-align:center}.as-orbit-node{position:absolute;left:50%;top:50%;transform-origin:center;transform:rotate(var(--as-angle)) translate(var(--as-radius)) rotate(calc(-1 * var(--as-angle)));opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.as-orbit-node-hidden{opacity:0}.as-orbit-node-discovered{opacity:1}.as-orbit-node-hardened .as-orbit-pill{background-color:#bbf7d0;color:#14532d;border-color:#bbf7d0}.as-orbit-name{display:block;font-size:.7rem;color:#e5e7eb;margin-bottom:.08rem;white-space:nowrap}.as-orbit-pill{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .5rem;border-radius:999px;font-size:.65rem;border:1px solid rgba(148,163,184,.6);color:#e5e7eb}.as-orbit-pill-critical{background-color:#f8717133;border-color:#fecaca}.as-orbit-pill-high{background-color:#fbbf2433;border-color:#fed7aa}.as-orbit-pill-medium{background-color:#3b82f633;border-color:#bfdbfe}.as-right{display:flex;flex-direction:column;gap:.7rem}.as-assets-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.as-asset-list{list-style:none;padding:0;margin:0;font-size:.8rem;color:#4b5563}.as-asset-item{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.3rem .4rem;border-radius:10px;background-color:#f9fafb;margin-bottom:.22rem}.as-asset-item-hardened{background-color:#ecfdf5}.as-asset-main{display:flex;flex-direction:column}.as-asset-name{color:#0f172a}.as-asset-type{font-size:.74rem;color:#6b7280}.as-asset-empty{font-size:.78rem;color:#9ca3af}.as-pill{padding:.12rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb}.as-pill-critical{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.as-pill-high{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.as-pill-medium{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.as-log-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.as-log-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#4b5563}.as-log-item{margin-bottom:.14rem}.as-log-empty{color:#9ca3af}.as-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.as-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.as-top-row{flex-direction:column;align-items:stretch}.as-metrics{margin-left:0}.as-main{grid-template-columns:minmax(0,1fr)}}.ig-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.ig-header{margin-bottom:1.3rem}.ig-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.ig-subtitle{margin:0;font-size:.93rem;color:#475569}.ig-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-bottom:.75rem}.ig-phase-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ig-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.ig-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.ig-progress-card{margin-left:auto;min-width:260px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem}.ig-progress-label{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:#0f172a}.ig-progress-bar-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.2rem}.ig-progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .25s ease-out}.ig-progress-value{margin:0;font-size:.8rem;color:#1f2937}.ig-progress-footnote{margin:.28rem 0 0;font-size:.78rem;color:#64748b}.ig-phase-description{margin:0 0 .9rem;font-size:.84rem;color:#475569}.ig-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:.9rem}.ig-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.ig-map-card{position:relative}.ig-section-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.ig-section-subtitle{margin:0 0 .45rem;font-size:.8rem;color:#64748b}.ig-map{position:relative;height:260px;border-radius:18px;background:radial-gradient(circle at center,#020617 0,#020617 60%,#111827);overflow:hidden}.ig-map-core{position:absolute;left:50%;top:50%;width:90px;height:90px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at top,#38bdf8,#0ea5e9,#0369a1);display:flex;align-items:center;justify-content:center}.ig-map-core-label{font-size:.72rem;color:#e0f2fe;text-align:center}.ig-node{position:absolute;left:50%;top:50%;transform-origin:center;transform:rotate(var(--ig-angle)) translate(var(--ig-radius)) rotate(calc(-1 * var(--ig-angle)));opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.ig-node-hidden{opacity:0}.ig-node-visible{opacity:1}.ig-node-label{display:block;font-size:.7rem;color:#e5e7eb;margin-bottom:.06rem;white-space:nowrap}.ig-node-pill{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .5rem;border-radius:999px;font-size:.65rem;border:1px solid rgba(148,163,184,.6);color:#e5e7eb;background-color:#0f172a99}.ig-right{display:flex;flex-direction:column;gap:.7rem}.ig-asset-list{list-style:none;padding:0;margin:.2rem 0 0;font-size:.8rem;color:#4b5563}.ig-asset-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.3rem .4rem;border-radius:10px;background-color:#f9fafb;margin-bottom:.2rem}.ig-asset-main{display:flex;flex-direction:column}.ig-asset-name{color:#0f172a}.ig-asset-meta{font-size:.74rem;color:#6b7280}.ig-asset-empty{font-size:.78rem;color:#9ca3af}.ig-terminal-card{padding:0;overflow:hidden}.ig-terminal-header{padding:.25rem .6rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.ig-terminal-tag{color:#a5b4fc}.ig-terminal-body{padding:.35rem .6rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.ig-terminal-line{display:flex;gap:.35rem;margin-bottom:.12rem}.ig-terminal-prompt{color:#22c55e}.ig-terminal-cmd{color:#e5e7eb}.ig-terminal-output{color:#facc15}.ig-log-list{list-style:none;padding:0;margin:.2rem 0 0;font-size:.78rem;color:#4b5563}.ig-log-item{margin-bottom:.14rem}.ig-log-empty{color:#9ca3af}.ig-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.ig-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.ig-top-row{flex-direction:column;align-items:stretch}.ig-progress-card{margin-left:0}.ig-main{grid-template-columns:minmax(0,1fr)}}.rd-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.rd-header{margin-bottom:1.3rem}.rd-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.rd-subtitle{margin:0;font-size:.93rem;color:#475569}.rd-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-bottom:.75rem}.rd-phase-chips{display:flex;flex-wrap:wrap;gap:.4rem}.rd-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.rd-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.rd-coverage-card{margin-left:auto;min-width:260px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem}.rd-coverage-label{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:#0f172a}.rd-coverage-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.2rem}.rd-coverage-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .25s ease-out}.rd-coverage-value{margin:0;font-size:.8rem;color:#1f2937}.rd-coverage-footnote{margin:.28rem 0 0;font-size:.78rem;color:#64748b}.rd-phase-text{margin:0 0 .9rem;font-size:.84rem;color:#475569}.rd-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr);gap:.9rem}.rd-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.rd-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}.rd-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.rd-column-title{margin:0;font-size:.9rem;font-weight:600;color:#0f172a}.rd-column-subtitle{margin:0 0 .4rem;font-size:.78rem;color:#64748b}.rd-badge{min-width:24px;height:22px;border-radius:999px;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;background-color:#eef2ff;color:#4f46e5}.rd-item-list{list-style:none;padding:0;margin:0;font-size:.8rem;color:#4b5563}.rd-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.3rem .4rem;border-radius:10px;margin-bottom:.2rem}.rd-item-pending{background-color:#f9fafb}.rd-item-done{background-color:#ecfdf5}.rd-item-main{display:flex;flex-direction:column}.rd-item-label{color:#0f172a}.rd-item-meta{font-size:.74rem;color:#6b7280}.rd-pill{padding:.12rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb;color:#4b5563}.rd-right{display:flex;flex-direction:column;gap:.7rem}.rd-terminal-card{padding:0;overflow:hidden}.rd-terminal-header{padding:.25rem .6rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.rd-terminal-tag{color:#a5b4fc}.rd-terminal-body{padding:.35rem .6rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.rd-terminal-line{display:flex;gap:.35rem;margin-bottom:.12rem}.rd-terminal-prompt{color:#22c55e}.rd-terminal-cmd{color:#e5e7eb}.rd-terminal-output{color:#facc15}.rd-log-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#0f172a}.rd-log-list{list-style:none;padding:0;margin:0;font-size:.78rem;color:#4b5563}.rd-log-item{margin-bottom:.14rem}.rd-log-empty{color:#9ca3af}.rd-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.rd-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.rd-top-row{flex-direction:column;align-items:stretch}.rd-coverage-card{margin-left:0}.rd-main,.rd-columns{grid-template-columns:minmax(0,1fr)}}.pr-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fef3c7);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.pr-header{margin-bottom:1.3rem}.pr-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.pr-subtitle{margin:0;font-size:.93rem;color:#475569}.pr-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-bottom:.75rem}.pr-phase-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pr-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.pr-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.pr-metrics{margin-left:auto;display:flex;flex-wrap:wrap;gap:.6rem}.pr-metric-card{min-width:200px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem}.pr-metric-label{margin:0 0 .2rem;font-size:.82rem;font-weight:600;color:#0f172a}.pr-metric-value{margin:0;font-size:1.4rem;font-weight:700;color:#111827}.pr-metric-footnote{margin:.26rem 0 0;font-size:.78rem;color:#64748b}.pr-stealth-card{text-align:center}.pr-stealth-ring{width:70px;height:70px;border-radius:999px;border:3px solid #22c55e;display:flex;align-items:center;justify-content:center;margin:.1rem auto .25rem}.pr-stealth-inner{width:56px;height:56px;border-radius:999px;background-color:#ecfdf5;display:flex;align-items:center;justify-content:center;gap:.15rem}.pr-stealth-value{font-size:1.1rem;font-weight:700;color:#166534}.pr-stealth-unit{font-size:.7rem;color:#15803d}.pr-phase-text{margin:0 0 .9rem;font-size:.84rem;color:#475569}.pr-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:.9rem}.pr-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.pr-map-card{position:relative}.pr-section-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.pr-section-subtitle{margin:0 0 .45rem;font-size:.8rem;color:#64748b}.pr-map{position:relative;height:260px;border-radius:18px;background:radial-gradient(circle at center,#020617 0,#020617 60%,#111827);overflow:hidden}.pr-map-core{position:absolute;left:50%;top:50%;width:96px;height:96px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at top,#38bdf8,#0ea5e9,#0369a1);display:flex;align-items:center;justify-content:center}.pr-map-core-label{font-size:.72rem;color:#e0f2fe;text-align:center}.pr-node{position:absolute;left:50%;top:50%;transform-origin:center;transform:rotate(var(--pr-angle)) translate(var(--pr-radius)) rotate(calc(-1 * var(--pr-angle)));opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.pr-node-inactive{opacity:.2}.pr-node-active{opacity:1}.pr-node-label{display:block;font-size:.7rem;color:#e5e7eb;margin-bottom:.06rem;white-space:nowrap}.pr-node-pill{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .4rem;border-radius:999px;font-size:.65rem;border:1px solid rgba(148,163,184,.6);color:#e5e7eb;background-color:#0f172a99}.pr-right{display:flex;flex-direction:column;gap:.7rem}.pr-source-list{list-style:none;padding:0;margin:.25rem 0 0;font-size:.8rem;color:#4b5563}.pr-source-item{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.3rem .4rem;border-radius:10px;margin-bottom:.2rem;background-color:#f9fafb}.pr-source-item-active{background-color:#ecfdf5}.pr-source-main{display:flex;flex-direction:column}.pr-source-name{color:#0f172a}.pr-source-detail{font-size:.74rem;color:#6b7280}.pr-source-status{padding:.12rem .55rem;border-radius:999px;border:1px solid #e5e7eb;font-size:.74rem;color:#4b5563}.pr-terminal-card{padding:0;overflow:hidden}.pr-terminal-header{padding:.25rem .6rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.pr-terminal-tag{color:#a5b4fc}.pr-terminal-body{padding:.35rem .6rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.pr-terminal-line{display:flex;gap:.35rem;margin-bottom:.12rem}.pr-terminal-prompt{color:#22c55e}.pr-terminal-cmd{color:#e5e7eb}.pr-terminal-output{color:#facc15}.pr-log-list{list-style:none;padding:0;margin:.25rem 0 0;font-size:.78rem;color:#4b5563}.pr-log-item{margin-bottom:.14rem}.pr-log-empty{color:#9ca3af}.pr-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.pr-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.pr-top-row{flex-direction:column;align-items:stretch}.pr-metrics{margin-left:0}.pr-main{grid-template-columns:minmax(0,1fr)}}.ar-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#fee2e2);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.ar-header{margin-bottom:1.3rem}.ar-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.ar-subtitle{margin:0;font-size:.93rem;color:#475569}.ar-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-start;margin-bottom:.75rem}.ar-phase-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ar-phase-chip{border-radius:999px;border:1px solid #e5e7eb;background-color:#f9fafb;padding:.26rem .8rem;font-size:.8rem;color:#475569;cursor:pointer}.ar-phase-chip-active{border-color:#6366f1;background-color:#eef2ff;color:#111827}.ar-metrics{margin-left:auto;display:flex;flex-wrap:wrap;gap:.6rem}.ar-metric-card{min-width:220px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;padding:.6rem .7rem .7rem}.ar-metric-label{margin:0 0 .24rem;font-size:.82rem;font-weight:600;color:#0f172a}.ar-progress-track{width:100%;height:7px;border-radius:999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:.25rem}.ar-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a,#0f766e);transition:width .25s ease-out}.ar-metric-value{margin:0;font-size:.8rem;color:#1f2937}.ar-metric-footnote{margin:.26rem 0 0;font-size:.78rem;color:#64748b}.ar-noise-card{text-align:center}.ar-noise-ring{width:70px;height:70px;border-radius:999px;border:3px solid #f97316;display:flex;align-items:center;justify-content:center;margin:.1rem auto .25rem}.ar-noise-inner{width:56px;height:56px;border-radius:999px;background-color:#fff7ed;display:flex;align-items:center;justify-content:center;gap:.15rem}.ar-noise-value{font-size:1.1rem;font-weight:700;color:#7c2d12}.ar-noise-unit{font-size:.7rem;color:#9a3412}.ar-phase-text{margin:0 0 .9rem;font-size:.84rem;color:#475569}.ar-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:.9rem}.ar-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.ar-map-card{position:relative}.ar-section-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.ar-section-subtitle{margin:0 0 .45rem;font-size:.8rem;color:#64748b}.ar-map{position:relative;height:260px;border-radius:18px;background:radial-gradient(circle at center,#020617 0,#020617 60%,#111827);overflow:hidden}.ar-map-core{position:absolute;left:50%;top:50%;width:90px;height:90px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at top,#4ade80,#22c55e,#15803d);display:flex;align-items:center;justify-content:center}.ar-map-core-label{font-size:.72rem;color:#ecfdf5;text-align:center}.ar-host-node{position:absolute;left:50%;top:50%;transform-origin:center;transform:rotate(var(--ar-angle)) translate(var(--ar-radius)) rotate(calc(-1 * var(--ar-angle)));opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.ar-host-node-hidden{opacity:.2}.ar-host-node-discovered{opacity:1}.ar-host-name{display:block;font-size:.72rem;color:#e5e7eb}.ar-host-ip{display:block;font-size:.7rem;color:#cbd5f5}.ar-port-node{position:absolute;left:50%;top:50%;transform-origin:center;transform:rotate(var(--ar-angle)) translate(var(--ar-radius)) rotate(calc(-1 * var(--ar-angle)));font-size:.66rem;color:#e5e7eb;text-align:center}.ar-port-label{display:block}.ar-port-service{display:inline-block;margin-top:.04rem;padding:.06rem .4rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background-color:#0f172abf}.ar-right{display:flex;flex-direction:column;gap:.7rem}.ar-host-list{list-style:none;padding:0;margin:.25rem 0 0;font-size:.8rem;color:#4b5563}.ar-host-row{padding:.3rem .4rem;border-radius:10px;margin-bottom:.2rem;background-color:#f9fafb}.ar-host-row-live{background-color:#ecfdf5}.ar-host-row-main{display:flex;flex-direction:column}.ar-host-row-name{color:#0f172a}.ar-host-row-meta{font-size:.74rem;color:#6b7280}.ar-host-row-banners{margin-top:.16rem;display:flex;flex-wrap:wrap;gap:.2rem}.ar-host-badge{padding:.12rem .55rem;border-radius:999px;font-size:.74rem;border:1px solid #e5e7eb}.ar-host-badge-pending{background-color:#f9fafb;color:#6b7280}.ar-host-badge-service{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ar-terminal-card{padding:0;overflow:hidden}.ar-terminal-header{padding:.25rem .6rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.ar-terminal-tag{color:#a5b4fc}.ar-terminal-body{padding:.35rem .6rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.ar-terminal-line{display:flex;gap:.35rem;margin-bottom:.12rem}.ar-terminal-prompt{color:#22c55e}.ar-terminal-cmd{color:#e5e7eb}.ar-terminal-output{color:#facc15}.ar-log-list{list-style:none;padding:0;margin:.25rem 0 0;font-size:.78rem;color:#4b5563}.ar-log-item{margin-bottom:.14rem}.ar-log-empty{color:#9ca3af}.ar-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.ar-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.ar-top-row{flex-direction:column;align-items:stretch}.ar-metrics{margin-left:0}.ar-main{grid-template-columns:minmax(0,1fr)}}.dns-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#e0f2fe 0,#f9fafb,#e0f2fe);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#0f172a}.dns-header{margin-bottom:1.3rem}.dns-title{margin:0 0 .45rem;font-size:1.5rem;font-weight:700}.dns-subtitle{margin:0;font-size:.93rem;color:#475569}.dns-top-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:stretch;margin-bottom:.75rem}.dns-current-step{flex:1 1 280px;border-radius:16px;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem .85rem .8rem}.dns-current-label{margin:0 0 .2rem;font-size:.8rem;font-weight:600;color:#6b7280}.dns-current-title{margin:0 0 .25rem;font-size:.98rem;font-weight:600;color:#0f172a}.dns-current-description{margin:0;font-size:.82rem;color:#4b5563}.dns-summary-card{flex:1 1 260px;border-radius:16px;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem .9rem .8rem}.dns-summary-title{margin:0 0 .35rem;font-size:.9rem;font-weight:600;color:#0f172a}.dns-summary-line{margin:0 0 .18rem;font-size:.8rem;color:#4b5563}.dns-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);gap:.9rem}.dns-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.dns-section-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.dns-section-subtitle{margin:0 0 .45rem;font-size:.8rem;color:#64748b}.dns-diagram{margin-top:.1rem}.dns-client-block{display:flex;justify-content:flex-start;margin-bottom:.75rem}.dns-row{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.dns-node-wrapper{flex:1 1 0;text-align:center}.dns-node{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:160px;height:70px;border-radius:999px;border:1px solid #cbd5f5;background:linear-gradient(135deg,#eef2ff,#e0f2fe);box-shadow:0 0 #3b82f600;transition:box-shadow .25s ease-out,transform .25s ease-out,border-color .25s ease-out}.dns-node-title{font-size:.82rem;font-weight:600;color:#0f172a}.dns-node-subtitle{font-size:.72rem;color:#4b5563}.dns-node-on{border-color:#4f46e5;box-shadow:0 0 0 3px #818cf866;transform:translateY(-2px)}.dns-node-client{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.dns-arrow-label{margin-top:.25rem;font-size:.74rem;color:#6b7280}.dns-bottom-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:.6rem}.dns-packet{flex:1 1 0;height:38px;border-radius:999px;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#374151;opacity:.45;position:relative;overflow:hidden}.dns-packet-label{position:relative;z-index:1}.dns-packet:before{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,#38bdf800,#38bdf8b3);transform:translate(-100%);transition:transform .3s ease-out}.dns-packet-active{background:linear-gradient(90deg,#e0f2fe,#bfdbfe);color:#111827;opacity:1}.dns-packet-active:before{transform:translate(160%)}.dns-packet-visited{background-color:#d1fae5;color:#064e3b;opacity:1}.dns-right{display:flex;flex-direction:column;gap:.7rem}.dns-step-list{list-style:none;padding:0;margin:.25rem 0 0}.dns-step-item{display:flex;align-items:center;gap:.45rem;padding:.2rem 0}.dns-step-dot{width:9px;height:9px;border-radius:999px;background-color:#e5e7eb}.dns-step-text{font-size:.8rem;color:#6b7280}.dns-step-label{display:block}.dns-step-active .dns-step-dot{background-color:#4f46e5}.dns-step-active .dns-step-text{color:#111827;font-weight:600}.dns-step-visited .dns-step-dot{background-color:#22c55e}.dns-step-visited .dns-step-text{color:#374151}.dns-log-card{padding:0;overflow:hidden}.dns-terminal-header{padding:.25rem .6rem;background-color:#111827;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.dns-terminal-tag{color:#a5b4fc}.dns-terminal-body{padding:.35rem .6rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.dns-terminal-line{display:flex;gap:.35rem;margin-bottom:.12rem}.dns-terminal-prompt{color:#22c55e}.dns-terminal-cmd{color:#e5e7eb}.dns-terminal-output{color:#facc15}.dns-log-footnote{margin:.36rem .6rem .55rem;font-size:.78rem;color:#6b7280}.dns-footer-text{margin:1.1rem 0 0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.dns-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.dns-main{grid-template-columns:minmax(0,1fr)}.dns-top-row{flex-direction:column}.dns-row{flex-direction:column;align-items:center}.dns-node{width:220px}.dns-bottom-row{flex-direction:column}}.dnsenum-root{width:100%;max-width:1180px;margin:2.4rem auto;padding:1.8rem 2rem 2.1rem;box-sizing:border-box;background:radial-gradient(circle at top left,#eff6ff 0,#f9fafb,#eef2ff);border-radius:28px;border:1px solid #e5e7eb;font-family:Ubuntu,Inter,sans-serif;color:#020617}.dnsenum-header{margin-bottom:1.3rem}.dnsenum-title{margin:0 0 .4rem;font-size:1.5rem;font-weight:700}.dnsenum-subtitle{margin:0;font-size:.93rem;color:#475569}.dnsenum-domain{margin-left:.25rem;padding:.04rem .3rem;border-radius:999px;background:#2563eb1a;color:#1d4ed8;font-weight:600}.dnsenum-top{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:.8rem}.dnsenum-current-card,.dnsenum-summary-card{flex:1 1 260px;border-radius:16px;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem .9rem .8rem}.dnsenum-current-label{margin:0 0 .2rem;font-size:.8rem;font-weight:600;color:#6b7280}.dnsenum-current-title{margin:0 0 .25rem;font-size:.98rem;font-weight:600;color:#0f172a}.dnsenum-current-description{margin:0;font-size:.82rem;color:#4b5563}.dnsenum-summary-title{margin:0 0 .35rem;font-size:.9rem;font-weight:600;color:#0f172a}.dnsenum-summary-list{margin:0;padding-left:1.1rem;font-size:.8rem;color:#4b5563}.dnsenum-summary-list li{margin-bottom:.18rem}.dnsenum-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr);gap:.9rem}.dnsenum-card{background-color:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:.9rem 1rem 1rem;box-sizing:border-box}.dnsenum-section-title{margin:0 0 .2rem;font-size:.92rem;font-weight:600;color:#0f172a}.dnsenum-section-subtitle{margin:0 0 .45rem;font-size:.8rem;color:#64748b}.dnsenum-origin-row{display:flex;justify-content:flex-start;margin-bottom:.8rem}.dnsenum-node{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:170px;height:70px;border-radius:16px;border:1px solid #cbd5f5;background:linear-gradient(135deg,#eef2ff,#e0f2fe);box-shadow:0 0 #3b82f600;transition:box-shadow .25s ease-out,transform .25s ease-out,border-color .25s ease-out}.dnsenum-node-title{font-size:.82rem;font-weight:600;color:#0f172a}.dnsenum-node-subtitle{font-size:.72rem;color:#4b5563}.dnsenum-node-on{border-color:#4f46e5;box-shadow:0 0 0 3px #818cf866;transform:translateY(-2px)}.dnsenum-node-attacker{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.dnsenum-node-zone{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.dnsenum-node-records{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#eab308}.dnsenum-node-passive{background:linear-gradient(135deg,#f1f5f9,#e5e7eb)}.dnsenum-node-active{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.dnsenum-row{display:flex;gap:.8rem;margin-bottom:.8rem}.dnsenum-column{flex:1 1 0}.dnsenum-column-title{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:#6b7280}.dnsenum-results-row{margin-top:.5rem}.dnsenum-result-bubble{border-radius:16px;background-color:#0f172a;color:#e5e7eb;padding:.6rem .7rem;font-size:.78rem;margin-bottom:.65rem;opacity:.35;transform:translateY(4px);transition:opacity .25s ease-out,transform .25s ease-out}.dnsenum-result-on{opacity:1;transform:translateY(0)}.dnsenum-result-title{margin:0 0 .25rem;font-weight:600;font-size:.8rem}.dnsenum-result-item{margin:0 0 .1rem}.dnsenum-flow-row{display:flex;flex-wrap:wrap;gap:.4rem}.dnsenum-packet{padding:.25rem .6rem;border-radius:999px;font-size:.74rem;background-color:#e5e7eb;color:#374151;position:relative;overflow:hidden;opacity:.55}.dnsenum-packet:before{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,#38bdf800,#38bdf8cc);transform:translate(-100%);transition:transform .3s ease-out}.dnsenum-packet-active{opacity:1;background:linear-gradient(90deg,#e0f2fe,#bfdbfe);color:#111827}.dnsenum-packet-active:before{transform:translate(160%)}.dnsenum-right{display:flex;flex-direction:column;gap:.8rem}.dnsenum-step-list{list-style:none;margin:.25rem 0 0;padding:0}.dnsenum-step-item{display:flex;align-items:center;gap:.35rem;padding:.2rem 0;font-size:.8rem;color:#6b7280}.dnsenum-step-dot{width:8px;height:8px;border-radius:999px;background-color:#e5e7eb}.dnsenum-step-active .dnsenum-step-dot{background-color:#4f46e5}.dnsenum-step-active{color:#111827;font-weight:600}.dnsenum-step-visited .dnsenum-step-dot{background-color:#22c55e}.dnsenum-step-visited{color:#374151}.dnsenum-console-card{padding:0;overflow:hidden}.dnsenum-console-header{padding:.3rem .65rem;background-color:#020617;color:#e5e7eb;display:flex;justify-content:space-between;font-size:.78rem}.dnsenum-console-tag{color:#a5b4fc}.dnsenum-console-body{padding:.35rem .65rem .45rem;background-color:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;color:#e5e7eb}.dnsenum-console-line{display:flex;gap:.4rem;margin-bottom:.12rem}.dnsenum-console-prompt{color:#22c55e}.dnsenum-console-cmd{color:#e5e7eb}.dnsenum-console-output{color:#facc15}.dnsenum-console-output-warn{color:#f97316}.dnsenum-console-output-ok{color:#4ade80}.dnsenum-console-footnote{margin:.36rem .65rem .55rem;font-size:.78rem;color:#6b7280}.dnsenum-footer{margin-top:1rem}.dnsenum-footer-text{margin:0;font-size:.82rem;color:#1e293b}@media(max-width:980px){.dnsenum-root{padding:1.4rem 1.3rem 1.7rem;border-radius:22px}.dnsenum-main{grid-template-columns:minmax(0,1fr)}.dnsenum-top,.dnsenum-row{flex-direction:column}.dnsenum-node{width:220px}}.cb-learn-layout{display:block;min-height:100vh;background:#141414!important;font-family:Geist,Ubuntu,Inter,sans-serif;padding-top:80px!important;box-sizing:border-box;color:#fff;overflow-x:hidden!important}body:has(.cb-learn-layout),html:has(.cb-learn-layout){background:#141414!important;background-color:#141414!important}.cb-learn-sidebar{width:80px;background:#141414;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:140px 0 2rem;position:fixed;top:0;left:0;height:100vh;box-sizing:border-box;z-index:50;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;transition:width .3s cubic-bezier(.4,0,.2,1)}.cb-learn-sidebar::-webkit-scrollbar{display:none}.cb-learn-sidebar:hover{width:320px;padding:140px 1rem 2rem;box-shadow:10px 0 30px #00000080}.cb-learn-main{margin-left:0!important;width:100%!important;padding:0 2.5rem 2.25rem!important;max-width:100%!important;background:#141414!important;min-height:calc(100vh - 80px);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.cb-top-back-btn{display:inline-flex!important;align-items:center!important;gap:.6rem!important;padding:.55rem 1.15rem!important;background:#16161e!important;border:1.5px solid #2d2d38!important;border-radius:9999px!important;color:#f8fafc!important;font-family:Ubuntu,Inter,sans-serif!important;font-size:.88rem!important;font-weight:700!important;cursor:pointer!important;margin-bottom:1.5rem!important;outline:none!important;transition:all .2s ease!important;box-shadow:none!important}.cb-top-back-btn:hover{background:#e2e8f0!important;border-color:#e2e8f0!important;color:#0f172a!important;transform:scale(1.06)!important;box-shadow:none!important}.cb-top-back-btn:active{transform:scale(.97)!important;box-shadow:none!important}.cb-back-link{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:none;border:none;color:#7ed321;font-weight:800;font-size:.85rem;cursor:pointer;margin-bottom:2rem;padding:0;width:100%}.cb-learn-sidebar:hover .cb-back-link{justify-content:flex-start;padding-left:1rem}.cb-learn-sidebar:not(:hover) .cb-back-link span,.cb-learn-sidebar:not(:hover) .cb-sidebar-module-info,.cb-learn-sidebar:not(:hover) .cb-nav-txt{opacity:0;display:none}.cb-sidebar-badge{display:inline-block;background:#7ed3211a;color:#7ed321;padding:.3rem .8rem;border-radius:6px;font-size:.75rem;font-weight:800;margin-bottom:1rem}.cb-sidebar-module-info{transition:opacity .3s;padding:0 1rem;white-space:normal}.cb-sidebar-module-info h1{font-size:1.4rem;font-weight:900;color:#fff;margin:0 0 .5rem;line-height:1.2}.cb-sidebar-module-info p{font-size:.85rem;color:#94a3b8;line-height:1.5;margin-bottom:2rem}.cb-sidebar-nav{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.cb-nav-item{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.5rem 0;background:transparent;border:none;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s;width:100%}.cb-learn-sidebar:hover .cb-nav-item{justify-content:flex-start;padding:.75rem 1rem;min-width:280px}.cb-nav-item:hover{background:#ffffff0d}.cb-nav-item.active{background:#7ed32114}.cb-nav-icon{width:54px;height:54px;min-width:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#7ed321;font-size:1.3rem;transition:all .2s}.cb-nav-item.active .cb-nav-icon{background:#7ed321;color:#0f172a;border-color:#7ed321;box-shadow:0 5px 15px #7ed3214d}.cb-nav-txt span{display:block;font-size:.95rem;font-weight:800;color:#fff}.cb-nav-txt small{font-size:.75rem;color:#64748b;font-weight:600}.cb-learn-banner{background:linear-gradient(135deg,#f9e2f6,#fff8e7 45%,#fce4f3)!important;border-top:1.5px solid #e8d5b7!important;border-bottom:1.5px solid #e8d5b7!important;border-left:none!important;border-right:none!important;border-radius:0!important;padding:3.5rem 0!important;min-height:280px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#111827!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important;margin-bottom:2.2rem!important;box-shadow:0 4px 20px #0000000d!important;box-sizing:border-box!important;font-family:Ubuntu,Inter,sans-serif!important}.cb-learn-banner *{font-family:Ubuntu,Inter,sans-serif!important}.cb-learn-banner .cb-banner-wave-bg{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:1!important}.cb-banner-hero-layout{display:grid!important;grid-template-columns:1fr 320px!important;gap:1.8rem!important;width:100%!important;max-width:100%!important;margin:0!important;align-items:center!important;position:relative!important;z-index:5!important;padding:0 2.5rem!important;box-sizing:border-box!important}.cb-banner-left-info{display:flex!important;flex-direction:column!important}.cb-banner-big-title{font-size:1.65rem!important;font-weight:800!important;color:#1a1a1a!important;margin:0 0 .4rem!important;line-height:1.25!important;letter-spacing:-.015em!important;font-family:Ubuntu,Inter,sans-serif!important}.cb-banner-module-title{font-size:1.05rem!important;font-weight:800!important;color:#1a1a1a!important;margin:0 0 .4rem!important;opacity:.95!important}.cb-banner-desc{color:#5f5245!important;font-size:.92rem!important;margin:0 0 .35rem!important;line-height:1.55!important;max-width:780px!important;font-weight:500!important;font-family:Ubuntu,Inter,sans-serif!important}.cb-banner-specs-pills{display:flex!important;flex-wrap:wrap!important;gap:.6rem!important;align-items:center!important;margin-top:.75rem!important}.cb-banner-spec-pill,.cb-progress-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.62rem 1.45rem!important;background:linear-gradient(180deg,#88e523,#75da17)!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Nunito,Inter,sans-serif!important;font-weight:700!important;font-size:.92rem!important;letter-spacing:-.01em!important;text-transform:none!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:0 4px 12px #88e52361!important;box-sizing:border-box!important}.cb-banner-reset-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;padding:.62rem 1.45rem!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:9999px!important;color:#0f172a!important;font-family:Ubuntu,Nunito,Inter,sans-serif!important;font-weight:700!important;font-size:.92rem!important;letter-spacing:-.01em!important;text-transform:none!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:0 3px #cbd5e1,0 3px 8px #0000000f!important;box-sizing:border-box!important}.cb-banner-spec-pill:hover,.cb-progress-pill:hover{transform:translateY(-1px)!important;opacity:.94!important;box-shadow:0 4px 14px #88e52373!important;background:linear-gradient(180deg,#8fe828,#7be01b)!important;color:#000!important}.cb-banner-reset-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important;transform:translateY(-1px)!important;box-shadow:0 4px #94a3b8,0 5px 12px #00000014!important}.cb-banner-spec-pill:active,.cb-progress-pill:active{transform:translateY(1px)!important;opacity:.88!important;box-shadow:0 2px 5px #88e52340!important;background:linear-gradient(180deg,#7bde1c,#68cf0f)!important;color:#000!important}.cb-banner-reset-btn:active{background:#f1f5f9!important;color:#0f172a!important;transform:translateY(1px)!important;box-shadow:0 1px #94a3b8!important}.cb-banner-right-image-box{width:100%!important;max-width:280px!important;height:140px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 14px #0000001a!important;border:1.5px solid #e8d5b7!important;margin-top:0!important}.cb-banner-topic-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}.cb-banner-stats-row{display:flex!important;gap:.85rem!important;flex-wrap:wrap!important}.cb-banner-stat-pill{display:inline-flex!important;align-items:center!important;gap:.45rem!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important;padding:.45rem .85rem!important;font-size:.85rem!important;color:#1a1a1a!important}.cb-banner-right-image-box{width:100%!important;height:195px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 6px 18px #00000026!important;border:2px solid rgba(0,0,0,.1)!important}.cb-banner-topic-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important}.cb-banner-meta span{display:flex;align-items:center;gap:.6rem}.cb-learn-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.cb-stat-card{background:#fff;border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;border:1px solid #e2e8f0}.cb-stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.cb-stat-icon.green{background:#f0fdf4;color:#16a34a}.cb-stat-icon.purple{background:#f5f3ff;color:#6366f1}.cb-stat-icon.amber{background:#fff7ed;color:#f59e0b}.cb-stat-icon.blue{background:#eff6ff;color:#3b82f6}.cb-stat-txt strong{display:block;font-size:1.5rem;font-weight:950;color:#1e293b}.cb-stat-txt span{font-size:.85rem;color:#64748b;font-weight:700;line-height:1.2}.cb-lesson-list-section{background:transparent!important;border-radius:0!important;padding:0!important;border:none!important;height:auto!important;overflow:visible!important;min-height:min-content!important;margin-bottom:2.5rem!important}.cb-list-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.25rem!important;padding:.65rem 1.25rem!important;background:#111115!important;border-radius:10px!important;border:1.5px solid #2d2d38!important;box-shadow:0 4px 12px #00000040!important}.cb-lesson-list-tagline{display:flex!important;align-items:center!important;gap:.6rem!important;font-weight:900!important;font-size:.95rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;opacity:1!important}.cb-lesson-list-tagline .learn,.cb-lesson-list-tagline .hack,.cb-lesson-list-tagline .secure{color:#ffead2!important;font-family:Ubuntu,Nunito,Inter,sans-serif!important}.cb-expand-btn{background:transparent!important;border:1.5px solid #3e3e44!important;color:#fff!important;padding:.4rem .95rem!important;border-radius:8px!important;font-size:.78rem!important;font-weight:800!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:.4rem!important;transition:all .2s!important;box-shadow:none!important;font-family:Ubuntu,Nunito,Inter,sans-serif!important}.cb-expand-btn:hover{background:#ffffff1f!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important}.cb-lesson-rows{display:flex!important;flex-direction:column!important;gap:1.2rem!important;overflow:visible!important;padding-bottom:15px!important;max-width:1240px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important}.cb-lesson-container{overflow:visible!important;margin-bottom:.25rem!important}.cb-lesson-rows.has-expanded{overflow:visible!important}.cb-lesson-container.hidden{display:none!important}.cb-lesson-row{display:flex!important;align-items:center!important;gap:1.25rem!important;padding:.95rem 1.65rem!important;background:transparent!important;border:1.5px solid #3e3e44!important;border-bottom:5px solid #3e3e44!important;border-radius:18px!important;transition:background .2s ease,border-color .2s ease,transform .15s ease!important;cursor:pointer!important;color:#fff!important;box-shadow:none!important}.cb-lesson-row:hover{background:#ffffff0a!important;border-color:#55555c!important;border-bottom-color:#55555c!important;transform:translateY(-1px)!important}.cb-lesson-row.completed,.cb-lesson-row.completed:hover,.cb-lesson-row.in-progress,.cb-lesson-row.in-progress:hover{background:linear-gradient(135deg,#a2ef43,#7ed321)!important;border:1.5px solid #6fcf19!important;border-bottom:5px solid #58b809!important;border-radius:18px!important;color:#000!important;box-shadow:none!important;transform:none!important}.cb-lesson-row.completed.expanded,.cb-lesson-row.in-progress.expanded{background:linear-gradient(135deg,#a2ef43,#7ed321)!important;border:1.5px solid #6fcf19!important;border-bottom:5px solid #58b809!important;border-radius:18px 18px 0 0!important;box-shadow:none!important}.cb-lesson-row.completed .cb-row-num,.cb-lesson-row.in-progress .cb-row-num{background:#0000001f!important;border:1.5px solid rgba(0,0,0,.2)!important;border-radius:10px!important;color:#000!important}.cb-lesson-row.completed .cb-row-icon,.cb-lesson-row.completed .cb-row-info h4,.cb-lesson-row.completed .cb-row-arrow,.cb-lesson-row.in-progress .cb-row-icon,.cb-lesson-row.in-progress .cb-row-info h4,.cb-lesson-row.in-progress .cb-row-arrow{color:#000!important}.cb-lesson-row.completed .cb-row-info h4,.cb-lesson-row.in-progress .cb-row-info h4{color:#000!important;font-weight:700!important;letter-spacing:-.015em!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important}.cb-lesson-row.completed .cb-row-meta,.cb-lesson-row.completed .cb-row-meta span,.cb-lesson-row.in-progress .cb-row-meta,.cb-lesson-row.in-progress .cb-row-meta span{color:#000000d9!important;font-weight:700!important}.cb-row-num{width:36px!important;height:36px!important;background:transparent!important;border:1.5px solid #3e3e44!important;border-radius:8px!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:.9rem!important;flex-shrink:0!important}.cb-row-icon{color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.cb-row-info{flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.cb-row-info h4{margin:0 0 .25rem!important;font-size:1.05rem!important;font-weight:850!important;color:#fff!important;text-align:left!important}.cb-row-meta{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1.25rem!important;font-size:.78rem!important;color:#94a3b8!important;font-weight:700!important}.cb-row-meta span{display:flex!important;align-items:center!important;gap:.4rem!important}.cb-row-status{display:flex!important;align-items:center!important;gap:1.25rem!important;margin-left:auto!important;flex-shrink:0!important}.cb-status-badge{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.4rem .8rem!important;border-radius:8px!important;font-size:.75rem!important;font-weight:900!important}.cb-status-badge.completed,.cb-status-badge.in-progress{background:#000!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:.45rem .95rem!important;font-weight:850!important;box-shadow:none!important}.cb-status-badge.locked{background:#fff!important;color:#374151!important;border:1.5px solid #ffffff!important;border-radius:8px!important;box-shadow:0 2px 6px #0003!important}.cb-row-arrow{color:#fff!important;font-size:.8rem!important;transition:transform .3s ease!important}.cb-row-arrow.rotate{transform:rotate(180deg)!important}.cb-lesson-container{border-bottom:none!important}.cb-lesson-details{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:transparent!important}.cb-lesson-details.show{max-height:1200px!important}.cb-details-inner{padding:0!important}@keyframes cbCardEntrance{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cbFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cb-lesson-details.show .cb-details-content{animation:cbCardEntrance .35s cubic-bezier(.16,1,.3,1) forwards!important}.cb-lesson-details.show .cb-topic-explanation{animation:cbFadeSlideUp .35s ease forwards!important;animation-delay:.05s!important}.cb-lesson-details.show .cb-concept-card{animation:cbFadeSlideUp .35s ease forwards!important;animation-delay:.1s!important}.cb-lesson-details.show .cb-stats-spec-box{animation:cbFadeSlideUp .35s ease forwards!important;animation-delay:.15s!important}.cb-lesson-details.show .cb-details-footer{animation:cbFadeSlideUp .35s ease forwards!important;animation-delay:.2s!important}.cb-details-content,.cb-details-content p,.cb-details-content span,.cb-direct-explanation-box,.cb-direct-explanation-box p,.cb-direct-explanation-box span,.cb-admin-content-blocks-wrapper,.cb-admin-content-blocks-wrapper p,.cb-admin-content-blocks-wrapper div{font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important;color:#403b37!important;font-weight:550!important;font-size:.93rem!important;line-height:1.6!important;letter-spacing:-.01em!important}.cb-details-content h1,.cb-details-content h2,.cb-details-content h3,.cb-details-content h4,.cb-details-content h5,.cb-details-content h6,.cb-explanation-title{font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important;color:#0f172a!important;font-weight:700!important;letter-spacing:-.015em!important}.cb-details-content{background:#fffaec!important;padding:1.75rem 2.25rem!important;border:1.5px solid #e8d5b7!important;border-top:none!important;border-radius:0 0 18px 18px!important;color:#403b37!important;box-shadow:none!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important;box-sizing:border-box!important}.cb-direct-explanation-box{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;margin:.25rem auto 1.5rem!important;max-width:900px!important;width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important}.cb-explanation-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.6rem!important;font-size:.95rem!important;text-transform:none!important;letter-spacing:-.015em!important;color:#0f172a!important;margin:1.25rem 0 .85rem!important;font-weight:700!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important}.cb-direct-explanation-text{font-size:.93rem!important;font-weight:550!important;line-height:1.6!important;color:#403b37!important;margin:0!important;text-align:left!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important;letter-spacing:-.01em!important}.cb-topic-anim-wrapper{position:relative!important;width:100%!important;margin-top:1.5rem!important;margin-bottom:2rem!important;background:#0a0a0a!important;border:2px solid #3e3e44!important;border-radius:20px!important;padding:1.25rem 1.5rem!important;box-shadow:0 4px #2d2d34!important;display:flex!important;flex-direction:column!important;gap:1rem!important;overflow:visible!important}.cb-quick-question-container{width:100%!important;margin-top:2rem!important;background:#16161e!important;border:1.5px solid #2d2d38!important;border-radius:20px!important;padding:2.75rem 2.5rem 3rem!important;display:flex!important;flex-direction:column!important;gap:1.25rem!important;box-sizing:border-box!important}.cb-question-header{display:flex!important;flex-direction:column!important;gap:.5rem!important}.cb-question-badge{align-self:flex-start!important;font-family:monospace,sans-serif!important;font-size:.75rem!important;font-weight:900!important;background:#1e1e24!important;color:#fff!important;padding:.25rem .65rem!important;border-radius:6px!important;border:1px solid #3e3e44!important;letter-spacing:.05em!important}.cb-question-text{font-size:1.05rem!important;font-weight:700!important;color:#f8fafc!important;line-height:1.6!important;margin:0!important;padding-left:1.5rem!important}.cb-answer-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;width:100%!important;margin-top:0!important}.cb-quick-answer-input{flex:1!important;max-width:620px!important;margin-left:1.5rem!important;height:54px!important;background:#1e1e26!important;border:1.5px solid #52525b!important;border-radius:9999px!important;padding:0 1.5rem!important;color:#fff!important;font-size:.97rem!important;font-weight:500!important;outline:none!important;transition:border-color .2s ease,background .2s ease!important;box-shadow:inset 0 1px 3px #0006!important}.cb-quick-answer-input:focus{border-color:#a1a1aa!important;background:#27272f!important}.cb-check-answer-btn-white{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.5rem!important;background:#e2e8f0!important;border:1.5px solid #e2e8f0!important;border-radius:9999px!important;color:#0f172a!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.9rem!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:0 3px #cbd5e1!important;height:42px!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}.cb-check-answer-btn-white:hover{transform:translateY(-1px)!important;box-shadow:0 4px #cbd5e1!important;background:#cbd5e1!important;border-color:#cbd5e1!important;color:#0f172a!important}.cb-check-answer-btn-white:active{transform:translateY(2px)!important;box-shadow:0 1px #cbd5e1!important;background:#cbd5e1!important;color:#0f172a!important}.cb-answer-btn-row{display:flex!important;align-items:center!important;gap:.85rem!important;margin-left:auto!important;margin-right:1.5rem!important}.cb-answer-status-check{width:36px!important;height:36px!important;border-radius:50%!important;border:2px solid #52525b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;font-weight:800!important;flex-shrink:0!important;transition:background .3s ease,border-color .3s ease,color .3s ease!important;color:transparent!important;background:transparent!important}.cb-answer-status-check.is-correct{background:#7ed321!important;border-color:#7ed321!important;color:#fff!important}.cb-answer-status-check.is-wrong{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.cb-wrong-bubble{background:#ef4444!important;color:#fff!important;box-shadow:0 4px 20px #ef444466!important}.cb-wrong-bubble:after{border-top-color:#ef4444!important}.cb-question-feedback{padding:.75rem 1rem!important;border-radius:10px!important;font-size:.9rem!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:.5rem!important}.cb-question-feedback.success{background:#10b9811f!important;color:#10b981!important;border:1.5px solid #10b981!important}.cb-question-feedback.error{background:#f43f5e1f!important;color:#f43f5e!important;border:1.5px solid #f43f5e!important}.cb-twink-fixed-mascot{position:fixed!important;bottom:24px!important;left:24px!important;width:65px!important;height:auto!important;object-fit:contain!important;z-index:9999!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))!important;animation:cbPageJumpAnim 1.4s cubic-bezier(.28,.84,.42,1) infinite!important;pointer-events:none!important}@keyframes cbPageJumpAnim{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-24px) scaleY(1.08) scaleX(.92)}50%{transform:translateY(-28px) scale(1)}65%{transform:translateY(-20px) scaleY(1.05) scaleX(.95)}85%{transform:translateY(0) scaleY(.9) scaleX(1.1)}}.cb-twink-fixed-mascot.cb-twink-flying{animation:cbTwinkFlyRound 3.2s cubic-bezier(.4,0,.2,1) forwards!important;z-index:100000!important}@keyframes cbTwinkFlyRound{0%{transform:translate(0) scale(1)}38%{transform:translate(calc(50vw - 56px),calc(-50vh + 120px)) scale(1.6)}62%{transform:translate(calc(50vw - 56px),calc(-50vh + 120px)) scale(1.6)}to{transform:translate(0) scale(1)}}.cb-correct-center-bubble{position:fixed!important;top:calc(50vh - 120px)!important;left:50%!important;transform:translate(-50%)!important;z-index:100001!important;background:#7ed321!important;color:#fff!important;font-size:1.1rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:.5rem 1.6rem!important;border-radius:20px!important;box-shadow:none!important;pointer-events:none!important;white-space:nowrap!important;animation:cbBubbleFade 3.2s ease forwards!important}@keyframes cbBubbleFade{0%{opacity:0}35%{opacity:0}45%{opacity:1}60%{opacity:1}70%{opacity:0}to{opacity:0}}.cb-correct-center-bubble:after{content:""!important;position:absolute!important;bottom:-10px!important;left:50%!important;transform:translate(-50%)!important;border:6px solid transparent!important;border-top-color:#7ed321!important}.cb-burst-particle{position:fixed!important;top:50%!important;left:50%!important;width:34px!important;height:34px!important;object-fit:contain!important;pointer-events:none!important;z-index:99998!important;will-change:transform,opacity!important}.cb-correct-answer-text-overlay{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:100002!important;text-align:center!important;pointer-events:none!important;animation:cbCorrectTextPop 2.5s ease forwards!important}.cb-correct-answer-text-overlay span{display:block!important;font-size:2rem!important;font-weight:900!important;color:#fff!important;letter-spacing:.04em!important;text-shadow:0 2px 24px rgba(0,0,0,.6)!important;margin-bottom:.35rem!important}.cb-correct-answer-text-overlay p{font-size:1rem!important;font-weight:600!important;color:#ffffffbf!important;letter-spacing:.02em!important;margin:0!important}@keyframes cbCorrectTextPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.cb-anim-controls-bar{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:.75rem!important;margin-bottom:.25rem!important}.cb-anim-ctrl-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.45rem 1rem!important;background:#1c1c20!important;border:1.5px solid #3e3e44!important;border-radius:9999px!important;font-size:.78rem!important;font-weight:850!important;color:#94a3b8!important;letter-spacing:.05em!important;cursor:pointer!important;outline:none!important;transition:all .15s ease!important;box-shadow:0 3px #2d2d34!important}.cb-anim-ctrl-btn:hover{background:#26262c!important;transform:translateY(-1px)!important;box-shadow:0 4px #2d2d34!important}.cb-anim-ctrl-btn.target.active{background:#0284c7!important;border-color:#00f2fe!important;color:#fff!important;box-shadow:0 3px #0369a1!important}.cb-anim-ctrl-btn.radar.active{background:#047857!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 3px #065f46!important}.cb-anim-ctrl-btn.assets.active{background:#b45309!important;border-color:#fbbf24!important;color:#fff!important;box-shadow:0 3px #92400e!important}.cb-interactive-node{transition:transform .2s ease!important}.cb-interactive-node:hover{transform:scale(1.08)!important}.cb-radar-sweep.fast{animation:cbRotateRadar 1.2s linear infinite!important}.cb-anim-hud{width:100%!important;border-top:1.5px solid #2d2d34!important;padding-top:.85rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.cb-hud-info{display:flex!important;align-items:center!important;gap:.75rem!important;font-size:.85rem!important;color:#cbd5e1!important;font-family:monospace,sans-serif!important}.cb-hud-badge{padding:.25rem .6rem!important;border-radius:6px!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.06em!important}.cb-hud-badge.cyan{background:#00f2fe26!important;color:#00f2fe!important;border:1px solid #00f2fe!important}.cb-hud-badge.emerald{background:#10b98126!important;color:#10b981!important;border:1px solid #10b981!important}.cb-hud-badge.amber{background:#fbbf2426!important;color:#fbbf24!important;border:1px solid #fbbf24!important}.cb-anim-header{display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:monospace,sans-serif!important;font-size:.8rem!important;letter-spacing:.08em!important;border-bottom:1.5px solid #2d2d34!important;padding-bottom:.75rem!important}.cb-anim-title{display:flex!important;align-items:center!important;gap:.6rem!important;color:#fff!important;font-weight:850!important}.cb-anim-dot{width:8px!important;height:8px!important;background:#fff!important;border-radius:50%!important;animation:cbPulseDot 1.5s ease-in-out infinite!important}.cb-anim-status{color:#94a3b8!important;font-weight:700!important}.cb-anim-canvas{width:100%!important;display:flex!important;justify-content:center!important;padding:.5rem 0!important}.cb-anim-svg{width:100%!important;max-height:160px!important;overflow:visible!important}.cb-radar-sweep{transform-origin:0 0!important;animation:cbRotateRadar 4s linear infinite!important}.cb-pulse-ring{animation:cbPulseRing 2s cubic-bezier(.16,1,.3,1) infinite!important;transform-origin:center!important}.cb-anim-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:monospace,sans-serif!important;font-size:.78rem!important;color:#94a3b8!important;border-top:1.5px solid #2d2d34!important;padding-top:.75rem!important;font-weight:700!important}@keyframes cbRotateRadar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cbPulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes cbPulseRing{0%{r:8px;opacity:1}to{r:22px;opacity:0}}.cb-concept-items{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:1rem!important}.cb-concept-card{background:#ffffff05!important;border:1.5px solid #3e3e44!important;border-radius:14px!important;padding:1.1rem 1.25rem!important;transition:all .2s ease!important}.cb-concept-card:hover{background:#ffffff0a!important;border-color:#55555c!important;transform:translateY(-2px)!important}.cb-concept-card h6{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.82rem!important;color:#fff!important;font-weight:800!important;margin:0 0 .4rem!important;text-transform:uppercase!important;letter-spacing:.04em!important}.cb-concept-card p{font-size:.85rem!important;color:#94a3b8!important;line-height:1.55!important;margin:0!important}.cb-stats-spec-box{background:#ffffff05!important;border:1.5px solid #3e3e44!important;border-radius:14px!important;padding:1.25rem 1.5rem!important;display:flex!important;flex-direction:column!important;gap:1.2rem!important}.cb-stats-spec-box h5{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#fff!important;margin:0!important;font-weight:800!important}.cb-spec-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-bottom:.75rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.cb-spec-row:last-child{border-bottom:none!important;padding-bottom:0!important}.cb-spec-label{font-size:.82rem!important;color:#94a3b8!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:.4rem!important}.cb-spec-val{font-size:.85rem!important;color:#fff!important;font-weight:800!important;background:#ffffff0f!important;border:1px solid #3e3e44!important;padding:.25rem .65rem!important;border-radius:8px!important}.cb-start-lesson-btn{background:#000;color:#fff;border:none;padding:1rem 2rem;font-weight:900;font-size:.9rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s}.cb-start-lesson-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 10px 20px #16a34a33}.cb-details-footer{display:flex!important;justify-content:flex-end!important;margin-top:1.5rem!important;margin-left:auto!important;margin-right:auto!important;max-width:900px!important;width:100%!important;padding:1.25rem 0 .5rem!important;border-top:1px solid #e8d5b7!important;box-sizing:border-box!important}.cb-mark-complete-btn,.cb-btn-continue-3d,.cb-green-3d-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:linear-gradient(180deg,#62e52b,#36ab1a)!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.95rem!important;cursor:pointer!important;outline:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 3px #257c11!important;height:44px!important;line-height:1!important;text-decoration:none!important;box-sizing:border-box!important;letter-spacing:-.01em!important}.cb-mark-complete-btn:hover,.cb-btn-continue-3d:hover,.cb-green-3d-btn:hover{transform:translateY(-2px)!important;background:linear-gradient(180deg,#6cf032,#3cb81e)!important;box-shadow:0 5px #257c11!important;color:#000!important}.cb-mark-complete-btn:active,.cb-btn-continue-3d:active,.cb-green-3d-btn:active{transform:translateY(1px)!important;box-shadow:0 1px #257c11!important;background:linear-gradient(180deg,#62e52b,#36ab1a)!important;color:#000!important}.cb-lesson-completed-tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.75rem!important;background:linear-gradient(180deg,#62e52b,#36ab1a)!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.95rem!important;box-shadow:0 3px #257c11!important;height:44px!important;line-height:1!important;box-sizing:border-box!important;letter-spacing:-.01em!important}@media(max-width:768px){.cb-details-inner{padding:0!important}.cb-details-grid{grid-template-columns:1fr}}@media(max-width:1024px){.cb-learn-sidebar{width:100%!important;height:75px!important;top:auto!important;bottom:0!important;left:0!important;padding:0!important;background:#000!important;border-right:none!important;border-top:1px solid rgba(255,255,255,.1)!important;z-index:9999!important;border-radius:0!important;position:fixed!important}.cb-learn-sidebar:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.9));pointer-events:none;z-index:10000}.cb-sidebar-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;height:100%!important;gap:10px!important;padding:0 15px!important;align-items:center!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.cb-sidebar-nav::-webkit-scrollbar{display:none!important}.cb-learn-sidebar:hover{width:100%!important;padding:0!important}.cb-learn-layout:has(.cb-learn-sidebar:hover) .cb-learn-main{margin-left:0!important;width:100%!important}.cb-back-link{display:none!important}.cb-learn-main{margin-left:0!important;width:100%!important;padding:1rem!important;padding-bottom:120px!important}.cb-nav-item{flex-direction:row!important;min-width:110px!important;height:45px!important;padding:0 12px!important;gap:8px!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important}.cb-nav-icon{width:18px!important;height:18px!important}.cb-nav-txt{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.cb-nav-txt span{font-size:.7rem!important;font-weight:800!important;text-transform:uppercase!important;color:#fff!important}.cb-nav-txt small{display:none!important}.cb-learn-banner{padding:3rem 1.5rem;min-height:250px;text-align:center;justify-content:center}.cb-banner-left{text-align:center}.cb-banner-meta{justify-content:center}}@media(max-width:768px){.cb-learn-layout{padding-top:130px}.cb-learn-main{padding:1rem}.cb-learn-banner{padding:3rem 1rem;min-height:200px}.cb-learn-banner h1{font-size:1.8rem}.cb-lesson-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.6rem!important;padding:.85rem .8rem!important}.cb-row-num{width:32px!important;height:32px!important;font-size:.82rem!important;border-radius:8px!important;flex-shrink:0!important}.cb-row-icon{flex-shrink:0!important;font-size:.95rem!important}.cb-row-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.cb-row-info h4{font-size:.92rem!important;margin:0 0 .15rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.cb-row-meta{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:.6rem!important;font-size:.72rem!important;white-space:nowrap!important}.cb-row-meta span{display:inline-flex!important;align-items:center!important;gap:.25rem!important;white-space:nowrap!important}.cb-row-status{width:auto!important;justify-content:flex-end!important;gap:.4rem!important;padding-top:0!important;border-top:none!important;margin-left:auto!important;flex-shrink:0!important}.cb-status-badge{padding:.35rem .65rem!important;font-size:.7rem!important;white-space:nowrap!important;border-radius:9999px!important}}.cb-learn-main,.cb-lesson-list-section,.cb-lesson-rows{height:auto!important;min-height:min-content!important;max-height:none!important;overflow:visible!important}.cb-lesson-container{height:auto!important;overflow:visible!important}.cb-lesson-details{max-height:0!important;overflow:hidden!important;transition:max-height .5s ease}.cb-learn-main::-webkit-scrollbar,.cb-lesson-list-section::-webkit-scrollbar,.cb-lesson-rows::-webkit-scrollbar{display:none!important}.cb-lesson-details.show{max-height:none!important;height:auto!important;overflow:visible!important}.cb-learn-sidebar{overflow-y:auto!important}.cb-tab-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.cb-tab-header h2{font-size:2rem;font-weight:900;color:#0f172a;margin:0 0 .5rem}.cb-tab-header p{font-size:1rem;color:#64748b;margin:0}.cb-tab-practice-container{animation:fadeInTab .4s ease-out}.cb-practice-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.cb-sandbox-terminal-panel{background:#0f172a;border-radius:16px;border:1px solid #334155;box-shadow:0 20px 40px #00000026;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.cb-terminal-header{background:#1e293b;padding:.8rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid #334155}.cb-terminal-dots{display:flex;gap:.5rem;margin-right:1.5rem}.cb-terminal-dots .dot{width:12px;height:12px;border-radius:50%}.cb-terminal-dots .dot.red{background:#ef4444}.cb-terminal-dots .dot.yellow{background:#f59e0b}.cb-terminal-dots .dot.green{background:#10b981}.cb-terminal-title{font-family:Courier New,monospace;font-size:.8rem;color:#94a3b8;font-weight:700}.cb-terminal-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;background:#090d16}.cb-terminal-logs{overflow-y:auto;max-height:320px;color:#38bdf8;margin-bottom:1rem;white-space:pre-wrap}.cb-terminal-line{margin-bottom:.4rem}.cb-terminal-form{display:flex;align-items:center}.cb-terminal-prompt{color:#4ade80;margin-right:.5rem;font-weight:800}.cb-terminal-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Courier New,monospace;font-size:.95rem}.cb-terminal-instructions{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000005}.cb-terminal-instructions h3{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem}.cb-terminal-instructions p{font-size:.95rem;color:#475569;line-height:1.6;margin-bottom:1.5rem}.cb-instruction-step{background:#f8fafc;border-left:3px solid #7ed321;padding:1rem;border-radius:0 8px 8px 0;font-size:.9rem;color:#334155;margin-bottom:1rem}.cb-tab-challenges-container{animation:fadeInTab .4s ease-out}.cb-challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.cb-challenge-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 10px 30px #00000005;transition:all .3s ease}.cb-challenge-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000000d;border-color:#cbd5e1}.cb-challenge-card.completed{border-color:#7ed321;background:#7ed32105}.cb-challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cb-challenge-difficulty{font-size:.75rem;font-weight:900;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px}.cb-challenge-difficulty.easy{background:#10b9811a;color:#10b981}.cb-challenge-difficulty.medium{background:#f59e0b1a;color:#f59e0b}.cb-challenge-points{font-size:.85rem;font-weight:800;color:#6366f1}.cb-challenge-card h3{font-size:1.3rem;font-weight:850;color:#0f172a;margin:0 0 1rem}.cb-challenge-card p{font-size:.95rem;color:#475569;line-height:1.6;margin-bottom:1.5rem}.cb-challenge-hint{background:#fffbeb;border:1px solid #fef3c7;padding:1rem;border-radius:8px;font-size:.85rem;color:#d97706;margin-bottom:1.5rem}.cb-flag-submission-group{display:flex;gap:.8rem}.cb-flag-input{flex:1;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;outline:none;transition:all .2s}.cb-flag-input:focus{border-color:#6366f1;background:#fff}.cb-flag-submit-btn{background:#0f172a;color:#fff;border:none;border-radius:8px;padding:0 1.5rem;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s}.cb-flag-submit-btn:hover{background:#6366f1}.cb-challenge-done-badge{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#7ed3211a;color:#7ed321;font-weight:800;font-size:.95rem;padding:.8rem;border-radius:8px;width:100%}.cb-tab-build-container{animation:fadeInTab .4s ease-out}.cb-build-sandbox-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.cb-controls-panel{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0}.cb-controls-panel h3{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 2rem}.cb-control-switch-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.25rem;cursor:pointer;transition:all .2s}.cb-control-switch-item:hover{border-color:#cbd5e1;transform:translate(4px)}.cb-switch-info strong{display:block;font-size:.95rem;color:#0f172a;margin-bottom:.25rem}.cb-switch-info p{font-size:.8rem;color:#64748b;margin:0}.cb-switch-btn{font-size:.75rem;font-weight:900;padding:.4rem .8rem;border-radius:6px}.cb-switch-btn.on{background:#7ed32126;color:#7ed321}.cb-switch-btn.off{background:#ef44441a;color:#ef4444}.cb-simulator-terminal-panel{background:#0f172a;border-radius:16px;border:1px solid #334155;padding:2rem;display:flex;flex-direction:column;min-height:400px}.cb-sim-terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cb-sim-terminal-header h3{color:#fff;font-size:1.1rem;margin:0}.cb-sim-run-btn{background:#7ed321;color:#000;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:900;font-size:.85rem;cursor:pointer;transition:all .2s}.cb-sim-run-btn:hover{background:#8fe830;box-shadow:0 0 15px #7ed32166}.cb-sim-terminal-body{flex:1;background:#090d16;border-radius:8px;border:1px solid #1e293b;padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.cb-sim-empty-state{text-align:center;color:#64748b;font-size:.9rem;line-height:1.6;max-width:300px;margin:0 auto}.cb-sim-logs{font-family:Courier New,Courier,monospace;font-size:.9rem;color:#ef4444;text-align:left}.cb-sim-log-line{margin-bottom:.6rem;line-height:1.4}.cb-tab-quiz-container{animation:fadeInTab .4s ease-out;max-width:800px;margin:0 auto}.cb-quiz-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:3rem;box-shadow:0 10px 30px #00000005}.cb-quiz-results-panel{text-align:center}.cb-quiz-score-circle{width:140px;height:140px;border-radius:50%;border:5px solid #7ed321;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto}.cb-quiz-score-circle strong{font-size:2.2rem;color:#0f172a;font-weight:900}.cb-quiz-score-circle span{font-size:.8rem;color:#64748b;text-transform:uppercase}.cb-quiz-retry-btn{background:#0f172a;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .2s}.cb-quiz-retry-btn:hover{background:#6366f1}.cb-quiz-question-num{font-size:.8rem;font-weight:900;text-transform:uppercase;color:#6366f1;margin-bottom:1rem;display:block}.cb-quiz-question-panel h3{font-size:1.5rem;font-weight:900;color:#0f172a;line-height:1.4;margin:0 0 2rem}.cb-quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cb-quiz-option-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;text-align:left;font-size:1rem;font-weight:700;color:#334155;cursor:pointer;transition:all .2s}.cb-quiz-option-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translate(6px)}.cb-quiz-option-btn.correct{background:#10b98126!important;border-color:#10b981!important;color:#047857!important}.cb-quiz-option-btn.incorrect{background:#ef444426!important;border-color:#ef4444!important;color:#b91c1c!important}.cb-quiz-explanation-box{background:#f8fafc;border-left:4px solid #6366f1;padding:1.5rem;border-radius:0 12px 12px 0;margin-top:2rem}.cb-quiz-explanation-box strong{font-size:.95rem;color:#6366f1}.cb-quiz-explanation-box p{font-size:.95rem;color:#334155;line-height:1.6;margin:.5rem 0 1.5rem}.cb-quiz-next-btn{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:800;font-size:.9rem;cursor:pointer}.cb-tab-notes-container{animation:fadeInTab .4s ease-out}.cb-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.cb-note-block{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0}.cb-note-block h3{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem}.cb-note-block ul{list-style:none;padding:0}.cb-note-block li{font-size:.95rem;color:#334155;line-height:1.6;margin-bottom:1rem;display:flex;gap:.6rem}.cb-note-block li:before{content:"•";color:#6366f1;font-weight:900}.cb-notes-code-box{background:#0f172a;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.cb-notes-code-box code{font-family:Courier New,Courier,monospace;font-weight:800;font-size:.95rem;color:#f43f5e}.cb-notes-code-box p{font-size:.85rem;color:#94a3b8;margin:.5rem 0 0}.cb-tab-discussions-container{animation:fadeInTab .4s ease-out}.cb-discussions-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.cb-new-post-form{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0;height:fit-content}.cb-new-post-form h3{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem}.cb-post-title-input{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1rem;outline:none;box-sizing:border-box}.cb-post-content-textarea{width:100%;height:120px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1.5rem;outline:none;resize:none;box-sizing:border-box}.cb-post-submit-btn{width:100%;background:#0f172a;color:#fff;border:none;border-radius:8px;padding:.8rem;font-weight:800;font-size:.95rem;cursor:pointer}.cb-posts-list{display:flex;flex-direction:column;gap:1.5rem}.cb-discussion-post-card{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e2e8f0}.cb-post-card-meta{display:flex;gap:1rem;font-size:.8rem;color:#64748b;margin-bottom:.75rem}.cb-discussion-post-card h4{font-size:1.2rem;font-weight:850;color:#0f172a;margin:0 0 .75rem}.cb-discussion-post-card p{font-size:.95rem;color:#475569;line-height:1.6;margin-bottom:1.25rem}.cb-post-card-footer{display:flex;justify-content:space-between;font-size:.85rem;color:#64748b;font-weight:750}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.cb-practice-content,.cb-build-sandbox-layout,.cb-discussions-layout,.cb-notes-grid{grid-template-columns:1fr}}.cb-game-boot-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712;z-index:99999;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Courier New,Courier,monospace}.cb-boot-scanner{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#7ed321,transparent);box-shadow:0 0 12px #7ed321;animation:scannerSweep 2s infinite ease-in-out}@keyframes scannerSweep{0%{top:0%;opacity:.3}50%{top:100%;opacity:1}to{top:0%;opacity:.3}}.cb-boot-panel{position:relative;width:90%;max-width:650px;background:#0f172af2;border:1px solid rgba(126,211,33,.3);border-radius:16px;padding:3rem 2.5rem;box-shadow:0 0 40px #7ed32126,inset 0 0 20px #7ed3210d;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cb-boot-cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(126,211,33,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(126,211,33,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.cb-boot-logo-section{position:relative;z-index:1;text-align:center;margin-bottom:2rem}.cb-boot-glow-badge{background:#7ed32126;border:1px solid #7ed321;color:#7ed321;font-size:.75rem;font-weight:900;padding:.3rem .8rem;border-radius:4px;letter-spacing:2px;box-shadow:0 0 10px #7ed32133}.cb-boot-logo-section h2{font-size:1.6rem;font-weight:900;color:#fff;margin:1.5rem 0 .5rem;letter-spacing:1px}.cb-boot-status-msg{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:#94a3b8;font-weight:700}.cb-pulsing-dot{width:6px;height:6px;background:#7ed321;border-radius:50%;animation:dotPulse 1s infinite alternate}@keyframes dotPulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.3);opacity:1;box-shadow:0 0 8px #7ed321}}.cb-boot-log-terminal{position:relative;z-index:1;background:#020617e6;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1.5rem;margin-bottom:2rem;min-height:120px;display:flex;flex-direction:column;gap:.5rem}.cb-boot-log-row{font-size:.85rem;color:#38bdf8;line-height:1.4;text-align:left}.cb-boot-progress-wrapper{position:relative;z-index:1;margin-bottom:2rem}.cb-boot-progress-bar{height:6px;background:linear-gradient(90deg,#7ed321,#4ade80);border-radius:3px;box-shadow:0 0 12px #7ed32180;transition:width .15s ease-out}.cb-boot-progress-text{display:block;margin-top:.75rem;font-size:1.1rem;font-weight:900;color:#7ed321;text-align:center}.cb-boot-footer{position:relative;z-index:1;text-align:center;font-size:.75rem;color:#64748b;letter-spacing:1px}.cb-build-tab-wrapper{background-color:#f8fafc;padding:1rem 2.5rem 2.5rem;border-radius:6px;font-family:Ubuntu,Inter,sans-serif;color:#334155;animation:fadeInTab .4s ease-out}.cb-build-banner{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;min-height:180px}.cb-build-banner-left{max-width:60%;display:flex;flex-direction:column;justify-content:center;padding-left:40px}.cb-build-banner-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin:0 0 1rem;letter-spacing:-.5px;line-height:1.2}.cb-build-banner-title .red-text{color:#ef4444}.cb-build-banner-title .green-text{color:#22c55e}.cb-build-banner-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.cb-build-banner-right{display:flex;align-items:center;justify-content:center}.cb-build-banner-img{max-width:280px;height:auto;display:block;object-fit:contain}.cb-build-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;margin-bottom:2rem}.cb-build-main{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d}.cb-build-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.cb-build-header-left{display:flex;align-items:center;gap:1rem}.cb-build-header-icon-box{width:48px;height:48px;border-radius:12px;background:#f0fdf4;color:#22c55e;display:flex;align-items:center;justify-content:center}.cb-build-main-title{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 .25rem}.cb-build-main-subtitle{font-size:.9rem;color:#64748b;margin:0}.cb-level-dropdown{padding:.5rem 2rem .5rem 1rem!important;border:1px solid #cbd5e1!important;border-radius:8px!important;font-size:.85rem!important;font-weight:600!important;color:#334155!important;background-color:#fff!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .8rem center!important}.cb-project-cards-list{display:flex;flex-direction:column;gap:1.5rem}.cb-project-card{display:flex;justify-content:space-between;align-items:center;padding:1.75rem;border:1px solid #f1f5f9;border-radius:6px;background:#fff;transition:all .2s ease-in-out}.cb-project-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.cb-project-card-left{display:flex;gap:1.5rem;align-items:flex-start}.cb-project-icon-box{width:80px;height:80px;border-radius:6px;background:#f8fafc;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;flex-shrink:0}.cb-project-icon-img{width:100%;height:100%;object-fit:contain}.cb-project-info{display:flex;flex-direction:column}.cb-project-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.cb-project-desc{font-size:.95rem;color:#64748b;line-height:1.5;margin:0 0 1.25rem}.cb-project-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:2rem}.cb-project-level{font-size:.75rem;font-weight:800;padding:.25rem .75rem;border-radius:9999px;text-transform:capitalize}.cb-project-level.beginner{background:#f0fdf4;color:#15803d}.cb-project-level.intermediate{background:#fff7ed;color:#c2410c}.cb-project-level.advanced{background:#faf5ff;color:#7e22ce}.cb-project-skills-block,.cb-project-tools-block{display:flex;flex-direction:column;gap:.35rem}.cb-meta-label{font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:.5px}.cb-project-tags{display:flex;gap:.5rem}.cb-project-tag{font-size:.8rem;font-weight:600;color:#475569;background:#f1f5f9;padding:.2rem .6rem;border-radius:6px}.cb-project-tools-text{font-size:.85rem;font-weight:600;color:#334155}.cb-project-card-right{display:flex;align-items:center;gap:1.5rem}.cb-project-xp-gain{font-size:1.1rem;font-weight:900;color:#22c55e}.cb-project-action-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.cb-project-card:hover .cb-project-action-btn{background:#22c55e;border-color:#22c55e;color:#fff}.cb-build-view-more-row{display:flex;justify-content:center;margin-top:2.5rem}.cb-build-view-more-btn{padding:.75rem 2rem;background:#fff;border:1px solid #22c55e;border-radius:6px;color:#22c55e;font-weight:750;font-size:.95rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}.cb-build-view-more-btn:hover{background:#f0fdf4}.cb-build-sidebar{display:flex;flex-direction:column;gap:1.5rem}.cb-build-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.cb-build-sidebar-h{font-size:1rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem;display:flex;align-items:center}.cb-progress-radial-section{display:flex;justify-content:center;margin-bottom:2rem}.cb-progress-radial-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(#22c55e 65%,#f1f5f9 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 10px #0000000d}.cb-radial-inner{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem}.cb-radial-percent{font-size:2.2rem;font-weight:950;color:#0f172a}.cb-radial-label{font-size:.75rem;font-weight:750;color:#94a3b8;text-align:center;margin-top:.15rem}.cb-progress-stats-list{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:1.25rem 0;margin-bottom:1.5rem}.cb-progress-stat-row{display:flex;justify-content:space-between;font-size:.9rem}.cb-stat-key{color:#64748b;font-weight:650}.cb-stat-val.bold{font-weight:850;color:#0f172a}.cb-stat-val.green{color:#22c55e}.cb-stat-val.orange{color:#f97316}.cb-stat-val.green-text{color:#22c55e;font-weight:900}.cb-detailed-progress-btn{width:100%;padding:.8rem;background:#fff;border:1px solid #22c55e;border-radius:6px;color:#22c55e;font-weight:750;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-detailed-progress-btn:hover{background:#f0fdf4}.cb-why-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.cb-why-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:.9rem;line-height:1.5;color:#475569}.cb-why-check{color:#22c55e;font-size:1.1rem;flex-shrink:0;margin-top:.15rem}.cb-submit-icon-header{display:flex;gap:1rem;margin-bottom:1.5rem}.cb-submit-icon-box{width:42px;height:42px;border-radius:6px;background:#f5f3ff;color:#8b5cf6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-submit-title{font-size:.85rem;font-weight:900;color:#0f172a;margin:0 0 .25rem;letter-spacing:.5px}.cb-submit-desc{font-size:.8rem;color:#64748b;line-height:1.4;margin:0}.cb-submit-project-action-btn{width:100%;padding:.8rem;background:#f5f3ff;border:none;border-radius:6px;color:#8b5cf6;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-submit-project-action-btn:hover{background:#ede9fe}.cb-build-tip-banner{display:flex;align-items:center;gap:.75rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:1.25rem 1.75rem;margin-top:1.5rem}.cb-tip-emoji{font-size:1.25rem}.cb-tip-text{font-size:.9rem;color:#b45309;margin:0;line-height:1.5}.cb-notes-tab-wrapper{background-color:#f8fafc;padding:1rem 2.5rem 2.5rem;border-radius:6px;font-family:Ubuntu,Inter,sans-serif;color:#334155;animation:fadeInTab .4s ease-out}.cb-notes-banner{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;min-height:180px}.cb-notes-banner-left{max-width:60%;display:flex;flex-direction:column;justify-content:center;padding-left:40px}.cb-notes-banner-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin:0 0 1rem;letter-spacing:-.5px;line-height:1.2}.cb-notes-banner-title .blue-text{color:#2563eb}.cb-notes-banner-title .green-text{color:#22c55e}.cb-notes-banner-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.cb-notes-banner-right{display:flex;align-items:center;justify-content:center}.cb-notes-banner-img{max-width:280px;height:auto;display:block;object-fit:contain}.cb-notes-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;margin-bottom:2rem}.cb-notes-main{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d}.cb-notes-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.cb-notes-header-left{display:flex;align-items:center;gap:1rem}.cb-notes-header-icon-box{width:48px;height:48px;border-radius:6px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.cb-notes-main-title{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 .25rem}.cb-notes-main-subtitle{font-size:.9rem;color:#64748b;margin:0}.cb-notes-header-right{display:flex;align-items:center;gap:1rem}.cb-notes-level-dropdown{padding:.5rem 2rem .5rem 1rem!important;border:1px solid #cbd5e1!important;border-radius:6px!important;font-size:.85rem!important;font-weight:600!important;color:#334155!important;background-color:#fff!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-repeat:no-repeat!important;background-position:right .8rem center!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E")!important}.cb-notes-upload-btn{padding:.5rem 1.25rem;background:#2563eb;border:none;border-radius:6px;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;cursor:pointer;transition:background .2s}.cb-notes-upload-btn:hover{background:#1d4ed8}.cb-notes-cards-list{display:flex;flex-direction:column;gap:1.5rem}.cb-note-card{display:flex;justify-content:space-between;align-items:center;padding:1.75rem;border:1px solid #f1f5f9;border-radius:6px;background:#fff;transition:all .2s ease-in-out}.cb-note-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.cb-note-card-left{display:flex;gap:1.5rem;align-items:flex-start}.cb-note-icon-box{width:80px;height:80px;border-radius:6px;background:#f8fafc;border:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;flex-shrink:0}.cb-note-icon-img{width:100%;height:100%;object-fit:contain}.cb-note-info{display:flex;flex-direction:column}.cb-note-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.35rem}.cb-note-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0}.cb-note-tag{font-size:.8rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.2rem .6rem;border-radius:6px}.cb-note-stats{font-size:.8rem;color:#94a3b8;margin:0 0 .5rem;font-weight:600}.cb-note-desc{font-size:.95rem;color:#64748b;line-height:1.5;margin:0}.cb-note-card-right{display:flex;align-items:center;gap:1rem}.cb-note-read-btn{padding:.6rem 1.2rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2563eb;font-weight:750;font-size:.85rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}.cb-note-read-btn:hover{border-color:#2563eb;background:#eff6ff}.cb-note-more-btn{width:36px;height:36px;border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.cb-note-more-btn:hover{color:#475569}.cb-notes-view-more-row{display:flex;justify-content:center;margin-top:2.5rem}.cb-notes-view-more-btn{padding:.75rem 2rem;background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;font-weight:750;font-size:.95rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}.cb-notes-view-more-btn:hover{background:#eff6ff}.cb-notes-sidebar{display:flex;flex-direction:column;gap:1.5rem}.cb-notes-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.cb-notes-sidebar-h{font-size:1rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem;display:flex;align-items:center}.cb-notes-progress-radial-section{display:flex;justify-content:center;margin-bottom:2rem}.cb-notes-progress-radial-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(#22c55e 72%,#f1f5f9 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 10px #0000000d}.cb-notes-radial-inner{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem}.cb-notes-radial-percent{font-size:2.2rem;font-weight:950;color:#0f172a}.cb-notes-radial-label{font-size:.75rem;font-weight:750;color:#94a3b8;text-align:center;margin-top:.15rem}.cb-notes-progress-stats-list{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:1.25rem 0;margin-bottom:1.5rem}.cb-notes-progress-stat-row{display:flex;justify-content:space-between;font-size:.9rem}.cb-notes-stat-key{color:#64748b;font-weight:650}.cb-notes-stat-val.bold{font-weight:850;color:#0f172a}.cb-notes-stat-val.bold.green-text{color:#22c55e;font-weight:900}.cb-notes-detailed-progress-btn{width:100%;padding:.8rem;background:#eff6ff;border:none;border-radius:6px;color:#2563eb;font-weight:750;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-notes-detailed-progress-btn:hover{background:#dbeafe}.cb-notes-why-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cb-notes-why-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:.9rem;line-height:1.5;color:#475569}.cb-notes-why-check{color:#22c55e;font-size:1.1rem;flex-shrink:0;margin-top:.15rem}.cb-notes-bullet-sub{display:block;font-size:.8rem;color:#64748b;font-weight:500;margin-top:.15rem}.cb-notes-submit-icon-header{display:flex;gap:1rem;margin-bottom:1.5rem}.cb-notes-submit-icon-box{width:42px;height:42px;border-radius:6px;background:#f5f3ff;color:#8b5cf6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-notes-submit-title{font-size:.85rem;font-weight:900;color:#0f172a;margin:0 0 .25rem;letter-spacing:.5px}.cb-notes-submit-desc{font-size:.8rem;color:#64748b;line-height:1.4;margin:0}.cb-notes-submit-project-action-btn{width:100%;padding:.8rem;background:#f5f3ff;border:none;border-radius:6px;color:#8b5cf6;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-notes-submit-project-action-btn:hover{background:#ede9fe}.cb-notes-tip-banner{display:flex;align-items:center;gap:.75rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:1.25rem 1.75rem;margin-top:1.5rem}.cb-notes-tip-emoji{font-size:1.25rem}.cb-notes-tip-text{font-size:.9rem;color:#b45309;margin:0;line-height:1.5}.cb-disc-tab-wrapper{background-color:#f8fafc;padding:1rem 2.5rem 2.5rem;border-radius:6px;font-family:Ubuntu,Inter,sans-serif;color:#334155;animation:fadeInTab .4s ease-out}.cb-disc-banner{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;min-height:180px}.cb-disc-banner-left{max-width:60%;display:flex;flex-direction:column;justify-content:center;padding-left:40px}.cb-disc-banner-title{font-size:2.5rem;font-weight:900;color:#0f172a;margin:0 0 1rem;letter-spacing:-.5px;line-height:1.2}.cb-disc-banner-title .blue-text{color:#2563eb}.cb-disc-banner-title .green-text{color:#22c55e}.cb-disc-banner-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0}.cb-disc-banner-right{display:flex;align-items:center;justify-content:center}.cb-disc-banner-img{max-width:280px;height:auto;display:block;object-fit:contain}.cb-disc-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;margin-bottom:2rem}.cb-disc-main{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d}.cb-disc-main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.cb-disc-header-left{display:flex;align-items:center;gap:1rem}.cb-disc-header-icon-box{width:48px;height:48px;border-radius:6px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.cb-disc-main-title{font-size:1.25rem;font-weight:850;color:#0f172a;margin:0 0 .25rem}.cb-disc-main-subtitle{font-size:.9rem;color:#64748b;margin:0}.cb-disc-header-right{display:flex;align-items:center;gap:1rem}.cb-disc-level-dropdown{padding:.5rem 2rem .5rem 1rem!important;border:1px solid #cbd5e1!important;border-radius:6px!important;font-size:.85rem!important;font-weight:600!important;color:#334155!important;background-color:#fff!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-repeat:no-repeat!important;background-position:right .8rem center!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E")!important}.cb-disc-new-btn{padding:.5rem 1.25rem;background:#2563eb;border:none;border-radius:6px;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;cursor:pointer;transition:background .2s}.cb-disc-new-btn:hover{background:#1d4ed8}.cb-disc-tags-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:2rem}.cb-disc-tag-pill{font-size:.8rem;font-weight:700;color:#475569;background:#f1f5f9;padding:.4rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.cb-disc-tag-pill:hover{background:#e2e8f0}.cb-disc-tag-pill.active{color:#2563eb;background:#eff6ff}.cb-disc-cards-list{display:flex;flex-direction:column;gap:1.5rem}.cb-disc-card{display:flex;justify-content:space-between;align-items:center;padding:1.75rem;border:1px solid #f1f5f9;border-radius:6px;background:#fff;transition:all .2s ease-in-out}.cb-disc-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.cb-disc-card-left{display:flex;gap:1.5rem;align-items:flex-start}.cb-disc-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.cb-disc-info{display:flex;flex-direction:column}.cb-disc-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;line-height:1.4}.cb-disc-pinned-badge{font-size:.7rem;font-weight:800;color:#15803d;background:#dcfce7;padding:.15rem .5rem;border-radius:6px;display:inline-flex;align-items:center}.cb-disc-preview{font-size:.95rem;color:#64748b;line-height:1.5;margin:0 0 .75rem}.cb-disc-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cb-disc-author{font-size:.8rem;font-weight:700;color:#475569}.cb-disc-admin-badge{font-size:.7rem;font-weight:800;color:#15803d;background:#dcfce7;padding:.1rem .4rem;border-radius:6px}.cb-disc-admin-badge.small{font-size:.65rem;padding:.05rem .3rem}.cb-disc-bullet{font-size:.8rem;color:#94a3b8}.cb-disc-time{font-size:.8rem;color:#94a3b8;font-weight:600}.cb-disc-tag{font-size:.8rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.15rem .5rem;border-radius:6px}.cb-disc-card-right{display:flex;align-items:center;gap:1.5rem}.cb-disc-stats-box{display:flex;gap:1rem;color:#64748b;font-size:.85rem;font-weight:600}.cb-disc-stat-item{display:flex;align-items:center;gap:.35rem}.cb-disc-more-btn{width:36px;height:36px;border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.cb-disc-more-btn:hover{color:#475569}.cb-disc-view-more-row{display:flex;justify-content:center;margin-top:2.5rem}.cb-disc-view-more-btn{padding:.75rem 2rem;background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;font-weight:750;font-size:.95rem;display:flex;align-items:center;cursor:pointer;transition:all .2s}.cb-disc-view-more-btn:hover{background:#eff6ff}.cb-disc-sidebar{display:flex;flex-direction:column;gap:1.5rem}.cb-disc-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.cb-disc-sidebar-h{font-size:1rem;font-weight:850;color:#0f172a;margin:0 0 1.5rem;display:flex;align-items:center}.cb-disc-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem;margin-bottom:1.5rem}.cb-disc-stat-col{display:flex;flex-direction:column;align-items:center;text-align:center}.cb-disc-stat-val{font-size:1.5rem;font-weight:900;color:#0f172a}.cb-disc-stat-val.blue-text{color:#2563eb}.cb-disc-stat-lbl{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-top:.25rem}.cb-disc-contributors-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cb-disc-section-title{font-size:.75rem;font-weight:900;color:#94a3b8;letter-spacing:.5px;margin:0 0 .5rem}.cb-disc-contributors-list{display:flex;flex-direction:column;gap:.85rem}.cb-disc-contributor-row{display:flex;justify-content:space-between;align-items:center}.cb-disc-contrib-left{display:flex;align-items:center;gap:.75rem}.cb-disc-contrib-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem}.cb-disc-contrib-name{font-size:.85rem;font-weight:700;color:#334155}.cb-disc-contrib-points{font-size:.85rem;font-weight:700;color:#64748b}.cb-disc-leaderboard-btn{width:100%;padding:.8rem;background:#f0fdf4;border:none;border-radius:6px;color:#16a34a;font-weight:750;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-disc-leaderboard-btn:hover{background:#dcfce7}.cb-disc-trending-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cb-disc-trending-row{display:flex;justify-content:space-between;align-items:center}.cb-disc-trend-topic{font-size:.85rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:.5rem}.cb-disc-trend-dot{width:6px;height:6px;border-radius:50%;background:#f97316}.cb-disc-trend-count{font-size:.8rem;color:#64748b;font-weight:650}.cb-disc-explore-btn{width:100%;padding:.8rem;background:#f5f3ff;border:none;border-radius:6px;color:#8b5cf6;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cb-disc-explore-btn:hover{background:#ede9fe}.cb-disc-tip-banner{display:flex;align-items:center;gap:.75rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:1.25rem 1.75rem;margin-top:1.5rem}.cb-disc-tip-emoji{font-size:1.25rem}.cb-disc-tip-text{font-size:.9rem;color:#b45309;margin:0;line-height:1.5}@media(max-width:768px){.cb-learn-layout{padding-top:80px!important}.cb-learn-main{padding:.75rem .75rem 100px!important}.cb-banner-hero-layout{grid-template-columns:1fr!important;gap:1rem!important}.cb-banner-right-image-box{height:140px!important;width:100%!important}.cb-learn-banner{padding:1.25rem 1rem!important;border-radius:16px!important;margin-bottom:1rem!important;min-height:auto!important}.cb-banner-big-title{font-size:1.3rem!important;line-height:1.25!important}.cb-banner-desc{font-size:.85rem!important}.cb-banner-specs-pills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;margin-top:1rem!important}.cb-banner-spec-pill,.cb-banner-reset-btn{width:100%!important;min-width:0!important;font-size:.85rem!important;padding:.6rem!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important}.cb-section-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.cb-section-title{font-size:1.2rem!important}.cb-lesson-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;padding:.85rem 1rem!important}.cb-row-right{width:100%!important;justify-content:flex-end!important}.cb-row-meta{flex-wrap:wrap!important;gap:.4rem!important}.cb-details-inner{padding:0!important}.cb-direct-explanation-box{width:100%!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.cb-details-grid{grid-template-columns:1fr!important;gap:1rem!important}.cb-details-footer{padding:1rem 0 .5rem!important;justify-content:stretch!important}.cb-details-content{width:100%!important;padding:1.25rem 1.15rem!important;box-sizing:border-box!important;border-radius:0 0 16px 16px!important}.cb-quick-question-container{width:100%!important;background:#16161e!important;border:1.5px solid #2d2d38!important;padding:2.25rem 1.5rem 2.5rem!important;border-radius:18px!important;margin-top:1.25rem!important;gap:1.15rem!important;box-sizing:border-box!important;text-align:center!important;align-items:center!important}.cb-question-header{align-items:center!important;text-align:center!important}.cb-question-badge{align-self:center!important}.cb-question-text{font-size:.95rem!important;padding-left:0!important;text-align:center!important;line-height:1.5!important;margin:0!important}.cb-answer-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.85rem!important;margin-top:0!important;width:100%!important}.cb-quick-answer-input{width:100%!important;max-width:100%!important;margin-left:0!important;height:58px!important;min-height:58px!important;font-size:.92rem!important;padding:0 1.25rem!important;border-radius:9999px!important;background:#101016!important;border:1.5px solid #3d3d4b!important;box-sizing:border-box!important;text-align:center!important}.cb-answer-btn-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;width:100%!important;margin-left:0!important;margin-right:0!important}.cb-answer-status-check{display:flex!important;width:38px!important;height:38px!important;flex-shrink:0!important}.cb-check-answer-btn-white{flex:1!important;height:48px!important;font-size:.85rem!important;box-sizing:border-box!important}.cb-mark-complete-btn{width:100%!important;justify-content:center!important;height:44px!important;box-sizing:border-box!important}.cb-lesson-list-tagline{flex-wrap:wrap!important;gap:.5rem!important}.cb-module-tabs{flex-wrap:wrap!important;gap:.4rem!important;padding:.5rem!important}.cb-tab-btn{font-size:.75rem!important;padding:.4rem .8rem!important}.cb-quick-stats-row{flex-wrap:wrap!important;gap:.5rem!important}.cb-quick-stat-card{flex:1 1 calc(50% - .5rem)!important;min-width:0!important}.cb-twink-fixed-mascot{width:38px!important;bottom:18px!important;left:10px!important;pointer-events:none!important}.cb-correct-center-bubble{font-size:.88rem!important;padding:.4rem 1rem!important;top:calc(50vh - 90px)!important}.cb-correct-answer-text-overlay span{font-size:1.3rem!important}.cb-correct-answer-text-overlay p{font-size:.82rem!important}@keyframes cbTwinkFlyRound{0%{transform:translate(0) scale(1)}38%{transform:translate(calc(50vw - 32px),calc(-40vh + 80px)) scale(1.4)}62%{transform:translate(calc(50vw - 32px),calc(-40vh + 80px)) scale(1.4)}to{transform:translate(0) scale(1)}}.cb-anim-scene{height:180px!important}.cb-notes-textarea{font-size:.9rem!important;min-height:120px!important}.cb-disc-tip-banner{flex-direction:column!important;padding:1rem!important;text-align:center!important}}@media(max-width:480px){.cb-learn-layout{padding-top:70px!important}.cb-learn-main{padding:.5rem .5rem 95px!important}.cb-banner-big-title{font-size:1.1rem!important}.cb-banner-specs-pills{grid-template-columns:1fr 1fr!important}.cb-banner-spec-pill,.cb-banner-reset-btn{font-size:.8rem!important;padding:.55rem .5rem!important}.cb-section-title{font-size:1rem!important}.cb-lesson-row{padding:.65rem!important}.cb-quick-question-container{padding:1.85rem 1rem 2.1rem 1.35rem!important;border-radius:16px!important;gap:1.1rem!important}.cb-question-text{font-size:.9rem!important;padding-left:0!important}.cb-quick-answer-input{width:100%!important;height:56px!important;min-height:56px!important;font-size:.9rem!important;padding:0 1rem!important;border-radius:9999px!important;box-sizing:border-box!important}.cb-check-answer-btn-white{height:46px!important;font-size:.82rem!important}.cb-twink-fixed-mascot{width:38px!important;bottom:85px!important;left:10px!important}.cb-correct-center-bubble{font-size:.78rem!important;padding:.32rem .85rem!important}.cb-burst-particle{width:20px!important;height:20px!important}.cb-quick-stat-card{flex:1 1 100%!important}}.genius-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#090d16d1!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999999!important;padding:1.5rem!important;animation:geniusFadeIn .3s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes geniusFadeIn{0%{opacity:0}to{opacity:1}}.genius-modal-box{background:#ebf1f7!important;color:#0f172a!important;border-radius:32px!important;padding:2.75rem 2.5rem 2.25rem!important;width:100%!important;max-width:520px!important;text-align:center!important;position:relative!important;box-shadow:0 35px 90px #0009,0 0 0 2px #fffc!important;animation:geniusPopIn .45s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes geniusPopIn{0%{transform:scale(.7) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.emitting-particle{position:absolute!important;width:64px!important;height:64px!important;object-fit:contain!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.35))!important;pointer-events:none!important;z-index:10!important}.particle-streak{top:-28px!important;left:-28px!important;animation:emitTopLeft 3.5s ease-in-out infinite alternate!important}@keyframes emitTopLeft{0%{transform:translate(0) rotate(-10deg) scale(.9)}to{transform:translate(-32px,-35px) rotate(15deg) scale(1.18)}}.particle-xp{top:-28px!important;right:-28px!important;animation:emitTopRight 3.2s ease-in-out infinite alternate!important}@keyframes emitTopRight{0%{transform:translate(0) rotate(10deg) scale(.9)}to{transform:translate(32px,-35px) rotate(-15deg) scale(1.18)}}.particle-progress{top:42%!important;left:-42px!important;animation:emitMidLeft 3.8s ease-in-out infinite alternate!important}@keyframes emitMidLeft{0%{transform:translate(0) rotate(0) scale(.85)}to{transform:translate(-36px,-10px) rotate(-20deg) scale(1.15)}}.particle-cube{top:42%!important;right:-42px!important;animation:emitMidRight 3.4s ease-in-out infinite alternate!important}@keyframes emitMidRight{0%{transform:translate(0) rotate(0) scale(.85)}to{transform:translate(36px,10px) rotate(20deg) scale(1.15)}}.particle-lab{bottom:-28px!important;left:-28px!important;animation:emitBottomLeft 3.6s ease-in-out infinite alternate!important}@keyframes emitBottomLeft{0%{transform:translate(0) rotate(5deg) scale(.9)}to{transform:translate(-32px,35px) rotate(-15deg) scale(1.18)}}.particle-video{bottom:-28px!important;right:-28px!important;animation:emitBottomRight 3.3s ease-in-out infinite alternate!important}@keyframes emitBottomRight{0%{transform:translate(0) rotate(-5deg) scale(.9)}to{transform:translate(32px,35px) rotate(15deg) scale(1.18)}}.genius-badge-header{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.45rem 1.25rem!important;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;font-size:.85rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-radius:9999px!important;margin-bottom:1.25rem!important;box-shadow:none!important;filter:none!important}.genius-modal-title{margin:0 0 .4rem!important;font-size:2.25rem!important;font-weight:950!important;color:#0f172a!important;letter-spacing:-.03em!important}.genius-modal-sub{margin:0 0 1.75rem!important;font-size:1rem!important;color:#475569!important;font-weight:700!important;line-height:1.5!important}.genius-stats-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important;margin-bottom:1.75rem!important}.genius-stat-card{background:#fff!important;border-radius:20px!important;padding:1rem .75rem!important;border:1.5px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 24px #0000000a!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.35rem!important}.stat-icon-wrap{width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.15rem!important}.stat-icon-wrap.xp{background:#fef3c7!important;color:#d97706!important}.stat-icon-wrap.streak{background:#ffedd5!important;color:#ea580c!important}.stat-icon-wrap.progress{background:#dcfce7!important;color:#16a34a!important}.stat-value{font-size:1.15rem!important;font-weight:950!important;color:#0f172a!important}.stat-label{font-size:.72rem!important;font-weight:850!important;color:#64748b!important;text-transform:uppercase!important}.genius-share-section{background:#fff!important;border-radius:22px!important;padding:1.25rem!important;margin-bottom:1.5rem!important;border:1.5px solid rgba(15,23,42,.08)!important;box-shadow:0 4px 18px #00000008!important}.share-header-label{font-size:.85rem!important;font-weight:850!important;color:#334155!important;margin-bottom:.85rem!important}.social-share-btns-grid{display:flex!important;justify-content:center!important;align-items:center!important;gap:.6rem!important;flex-wrap:wrap!important}.social-share-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;padding:.65rem .95rem!important;border-radius:12px!important;font-weight:850!important;font-size:.82rem!important;border:none!important;cursor:pointer!important;color:#fff!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s!important}.social-share-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #0000002e!important}.social-share-btn.linkedin{background:#0a66c2!important}.social-share-btn.twitter{background:#000!important}.social-share-btn.whatsapp{background:#25d366!important}.social-share-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.social-share-btn.copy{background:#475569!important}.genius-close-icon{position:absolute!important;top:18px!important;right:20px!important;background:#0f172a14!important;border:none!important;width:36px!important;height:36px!important;border-radius:50%!important;color:#475569!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important}.genius-close-icon:hover{background:#0f172a26!important;color:#0f172a!important}.genius-primary-action-btn{width:100%!important;max-width:100%!important;min-width:unset!important;height:50px!important;padding:0 1.75rem!important;background:#334155!important;border:1.5px solid #475569!important;box-shadow:0 2.5px #0f172a!important;color:#fff!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:850!important;font-size:1rem!important;letter-spacing:.018em!important;border-radius:9999px!important;cursor:pointer!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .2s ease!important;margin-top:.5rem!important}.genius-primary-action-btn:hover{background:#000!important;border-color:#000!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px #0f172a!important}.genius-primary-action-btn:active{transform:translateY(1px)!important;box-shadow:0 1px #000!important}.cb-profile-card{background:#fff!important;border-radius:28px!important;border:1.5px solid #e2e8f0!important;box-shadow:0 6px #cbd5e1,0 12px 28px #00000014!important;padding:1.5rem 1.75rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:1.15rem!important;cursor:pointer!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease!important;min-height:200px!important;box-sizing:border-box!important;width:100%!important;max-width:1240px!important;margin:1.25rem auto 1.75rem!important}.cb-profile-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px #cbd5e1,0 16px 36px #0000001f!important}.cb-profile-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.cb-profile-league-badge{display:inline-flex!important;align-items:center!important;gap:.45rem!important;font-size:.82rem!important;font-weight:800!important;color:#1e293b!important;background:#f0f6ff!important;border:1px solid #dbeafe!important;padding:.35rem .85rem!important;border-radius:9999px!important;font-family:Ubuntu,sans-serif!important}.cb-profile-league-icon{width:17px!important;height:17px!important;object-fit:contain!important}.cb-profile-incomplete-tag{background:#dc2626!important;color:#fff!important;font-size:.72rem!important;font-weight:800!important;padding:.3rem .75rem!important;border-radius:999px!important;letter-spacing:.04em!important;animation:pulseTag 2s infinite!important}.cb-profile-premium-tag{background:#1a1a1a!important;color:#ffead2!important;font-size:.7rem!important;font-weight:800!important;padding:.25rem .6rem!important;border-radius:999px!important;letter-spacing:.08em!important}.cb-profile-card-body{flex:1!important}.cb-profile-last-completed{display:flex!important;flex-direction:column!important;gap:.4rem!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:1.1rem 1.35rem!important;box-shadow:none!important}.cb-profile-last-completed-label{font-size:.72rem!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-family:Ubuntu,sans-serif!important}.cb-profile-last-completed-title{font-size:.98rem!important;font-weight:800!important;color:#0f172a!important;font-family:Ubuntu,sans-serif!important}.cb-profile-last-completed-date{font-size:.78rem!important;color:#64748b!important;font-weight:600!important}.cb-profile-last-completed-empty{font-size:.88rem!important;color:#475569!important;font-style:italic!important;font-weight:500!important;font-family:Ubuntu,sans-serif!important}.cb-profile-card-footer{display:flex!important}.cb-profile-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.85rem!important;background:linear-gradient(180deg,#65db14,#4fb80a)!important;background-color:#65db14!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.95rem!important;letter-spacing:-.01em!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important;box-shadow:0 4px #3a8c05,0 6px 16px #65db1459!important;height:44px!important;outline:none!important;text-transform:none!important}.cb-profile-action-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px #3a8c05,0 8px 20px #65db1473!important}.cb-profile-action-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #3a8c05,0 4px 10px #65db1440!important}.cb-white-header-card{background:#fff!important;border-radius:18px!important;border:1px solid #cbd5e1!important;border-bottom:2px solid #cbd5e1!important;box-shadow:0 4px 10px #00000008!important;padding:.95rem 1.65rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:auto!important;cursor:default!important;margin:1.25rem auto 1.75rem!important;max-width:1240px!important;width:100%!important;box-sizing:border-box!important}.cb-white-header-card:hover{transform:none!important}.cb-white-header-card .learn-title{color:#0f172a!important;font-weight:700!important;font-size:1rem!important;letter-spacing:-.015em!important;font-family:Ubuntu,Nunito,Geist,Inter,sans-serif!important;text-transform:none!important}.cb-white-header-card .cb-expand-btn{background:#fff!important;border:1.5px solid #cbd5e1!important;color:#0f172a!important;padding:.42rem 1.1rem!important;border-radius:9999px!important;font-size:.82rem!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.45rem!important;box-shadow:0 3px #cbd5e1!important;transition:all .15s ease!important;font-family:Ubuntu,Nunito,Inter,sans-serif!important}.cb-white-header-card .cb-expand-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important;transform:translateY(-1px)!important;box-shadow:0 4px #cbd5e1!important}.cb-white-header-card .cb-expand-btn:active{transform:translateY(1px)!important;box-shadow:0 1px #cbd5e1!important}.cb-cube-complete-icon-anim{position:relative;display:inline-flex;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;animation:cbTrophyFloat 3s ease-in-out infinite}@keyframes cbTrophyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cb-sparkle{position:absolute;opacity:0}.cb-sparkle.s1{top:5%;right:-5%;animation:cbSparkleAnim 2s ease-in-out infinite .2s}.cb-sparkle.s2{top:45%;left:-10%;animation:cbSparkleAnim 2.5s ease-in-out infinite .7s}.cb-sparkle.s3{bottom:10%;right:-15%;animation:cbSparkleAnim 2.2s ease-in-out infinite 1.1s}@keyframes cbSparkleAnim{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(90deg);opacity:1}}.cb-game-page{background-color:#141414!important;color:#fff!important;min-height:100vh;padding:110px 0 80px!important;font-family:Ubuntu,Inter,sans-serif;box-sizing:border-box!important;width:100%!important}.cb-game-banner-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;flex-shrink:0}.cb-game-page .cb-courses-cube-topbar{width:100%!important;min-height:180px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.5rem 1.25rem!important;box-shadow:0 4px 20px #0000000d!important}.cb-game-topbar-rhombus{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#88e523,#75da17);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #88e52359;flex-shrink:0;margin:4px 8px 4px 4px}.cb-game-rhombus-inner{transform:rotate(-45deg);color:#000;font-size:1.15rem;font-weight:900;line-height:1}.cb-game-page .cb-courses-controls-bar{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.85rem 2.5rem!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}.cb-game-page .cb-courses-search-wrap{position:relative;width:240px;flex-shrink:0}.cb-game-page .cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8a8175;font-size:.8rem}.cb-game-page .cb-courses-search-input{width:100%;height:40px;background:#2b2b2b!important;border:none!important;border-radius:8px!important;padding-left:2.6rem!important;padding-right:2.2rem!important;font-size:.88rem!important;color:#faf9f5!important;outline:none;transition:all .2s ease;box-sizing:border-box!important;box-shadow:0 4px 14px #0003!important}.cb-game-page .cb-courses-search-input:focus{background:#3a3a3a!important;box-shadow:0 6px 20px #0000004d!important}.cb-game-page .cb-courses-search-input::placeholder{color:#8a8175}.cb-game-page .cb-search-clear-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#8a8175;cursor:pointer;font-size:.78rem;transition:color .2s;z-index:10}.cb-game-page .cb-courses-dropdown-wrapper{position:relative;display:inline-block;flex-shrink:0}.cb-game-page .cb-courses-dropdown-btn,.cb-game-page .cb-course-chip{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:color .35s ease!important;z-index:1!important;box-shadow:none!important;height:40px!important;padding:0 1.25rem!important;box-sizing:border-box!important;white-space:nowrap}.cb-game-page .cb-courses-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#000!important;border:1.5px solid #2b2b2b!important;border-radius:12px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.cb-game-page .cb-dropdown-item{padding:.65rem .9rem!important;font-size:.86rem!important;font-weight:600!important;color:#94a3b8!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s ease!important}.cb-game-page .cb-dropdown-item:hover{background:#2b2b2b!important;color:#faf9f5!important}.cb-game-page .cb-dropdown-item.active{background:#fffaec26!important;color:#fffaec!important;font-weight:800!important}.cb-game-page .cb-courses-chips{display:flex;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cb-game-page .cb-courses-chips::-webkit-scrollbar{display:none}.cb-game-page .cb-course-chip.active{background:#7ed321!important;color:#000!important;border:1.5px solid #7ed321!important;font-weight:900!important}.cb-game-page .cb-courses-result-row{display:flex;align-items:center;gap:.75rem}.cb-game-page .cb-courses-result-label{font-size:1.45rem;font-weight:900;color:#fff!important;font-family:Geist,monospace;letter-spacing:-.02em;display:flex;align-items:center;gap:.1rem}.cb-game-page .cb-result-brace{color:#7ed321!important;font-size:1.5rem}.cb-game-page .cb-result-filter-note{font-size:.85rem;font-weight:600;color:#94a3b8}.cb-game-page .cb-result-filter-note strong{color:#faf9f5}.cb-game-page .cb-courses-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,300px))!important;gap:1.5rem!important;width:100%!important;box-sizing:border-box!important;transform:translate(10px)!important}@media(min-width:1350px){.cb-game-page .cb-courses-grid{grid-template-columns:repeat(4,minmax(0,300px))!important}}.cb-game-page .cb-module-column{background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease!important;display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;width:100%!important;max-width:300px!important;min-height:370px!important;height:370px!important;max-height:370px!important}.cb-game-page .cb-module-column:hover{transform:translateY(-4px)!important;border-color:#cbd5e1!important;box-shadow:0 10px 28px #0000001f!important}.cb-game-page .cb-continue-path-btn{background:linear-gradient(180deg,#88e523,#75da17)!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.85rem!important;padding:.5rem 1.4rem!important;min-width:85px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 3px 10px #88e52359!important;transition:transform .2s ease,box-shadow .2s ease!important;letter-spacing:-.01em!important}.cb-game-page .cb-continue-path-btn:hover{transform:translateY(-2px)!important;box-shadow:0 5px 14px #88e52380!important}.cb-game-page .cb-continue-path-btn:active{transform:translateY(1px)!important}@media(max-width:768px){.cb-game-page{padding:75px 0 60px!important}.cb-game-page .cb-courses-cube-topbar{padding:1.25rem 1rem!important;min-height:auto!important}.cb-game-banner-icon{width:36px;height:36px}.cb-game-page .cb-courses-controls-bar{padding:.85rem 1rem!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important}.cb-game-page .cb-courses-search-wrap{width:100%!important}.cb-game-page .cb-courses-chips{width:100%!important;padding-bottom:4px}.cb-game-page .cb-courses-grid{grid-template-columns:1fr!important;justify-items:center!important}.cb-game-page .cb-module-column{max-width:300px!important}}.cb-game-detail-page{background-color:#141414!important;min-height:100vh;padding-bottom:80px}.cb-game-detail-topbar{max-width:1100px;margin:0 auto;padding:1.25rem 2rem .5rem}.cb-game-back-btn{display:inline-flex;align-items:center;background:#242424;color:#e2e8f0;border:1px solid #3b3b3b;border-radius:8px;padding:8px 16px;font-family:Ubuntu,sans-serif;font-weight:700;font-size:.86rem;cursor:pointer;transition:all .2s ease}.cb-game-back-btn:hover{background:#333;color:#88e523;border-color:#88e523;transform:translate(-3px)}.cb-game-detail-hero{max-width:1100px;margin:1rem auto 2.5rem;padding:0 2rem}.cb-game-detail-hero .cb-profile-card{background:#fff!important;border-radius:28px!important;border:1.5px solid #e2e8f0!important;box-shadow:0 6px #cbd5e1,0 12px 28px #00000014!important;padding:1.5rem 1.75rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:1.15rem!important;cursor:pointer!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease!important;min-height:200px!important;box-sizing:border-box!important}.cb-game-detail-hero .cb-profile-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px #cbd5e1,0 16px 36px #0000001f!important}.cb-game-detail-hero .cb-profile-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.cb-game-detail-hero .cb-profile-league-badge{display:inline-flex!important;align-items:center!important;gap:.45rem!important;font-size:.82rem!important;font-weight:800!important;color:#1e293b!important;background:#f0f6ff!important;border:1px solid #dbeafe!important;padding:.35rem .85rem!important;border-radius:9999px!important;font-family:Ubuntu,sans-serif!important}.cb-game-detail-hero .cb-profile-league-icon{width:17px!important;height:17px!important;object-fit:contain!important}.cb-game-detail-hero .cb-profile-card-body{flex:1!important}.cb-game-detail-hero .cb-profile-last-completed{display:flex!important;flex-direction:column!important;gap:.4rem!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:1.1rem 1.35rem!important;box-shadow:none!important}.cb-game-detail-hero .cb-profile-last-completed-label{font-size:.78rem!important;font-weight:800!important;color:#000!important;text-transform:none!important;letter-spacing:.01em!important;font-family:Ubuntu,sans-serif!important}.cb-game-detail-hero .cb-profile-last-completed-empty{font-size:.88rem!important;color:#475569!important;font-style:italic!important;font-weight:500!important;font-family:Ubuntu,sans-serif!important}.cb-game-detail-hero .cb-profile-card-footer{display:flex!important;justify-content:center!important;width:100%!important}.cb-game-detail-hero .cb-profile-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:0 1.85rem!important;background:linear-gradient(180deg,#65db14,#4fb80a)!important;background-color:#65db14!important;border:none!important;border-radius:9999px!important;color:#000!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.95rem!important;letter-spacing:-.01em!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important;box-shadow:0 4px #3a8c05,0 6px 16px #65db1459!important;height:44px!important;outline:none!important;text-transform:none!important}.cb-game-detail-hero .cb-profile-action-btn:hover{transform:translateY(-1px)!important;box-shadow:0 5px #3a8c05,0 8px 20px #65db1473!important;background:linear-gradient(180deg,#74ea20,#59c711)!important;color:#000!important}.cb-game-detail-hero .cb-profile-action-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #3a8c05!important;background:linear-gradient(180deg,#4fb80a,#419c07)!important;color:#000!important}.cb-game-detail-title{font-size:2rem;font-weight:900;color:#fff;margin:0 0 8px;font-family:Ubuntu,sans-serif;letter-spacing:-.02em}.cb-game-detail-desc{font-size:.95rem;color:#94a3b8;margin:0 0 1.5rem;line-height:1.5;max-width:800px}.cb-game-progress-box{background:#121212;border:1px solid #282828;border-radius:12px;padding:1rem 1.25rem}.cb-progress-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cb-progress-label{font-size:.88rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center}.cb-progress-percent{font-size:.9rem;font-weight:900;color:#88e523}.cb-progress-bar-track{width:100%;height:10px;background:#262626;border-radius:999px;overflow:hidden}.cb-progress-bar-fill{height:100%;background:linear-gradient(90deg,#88e523,#a3e635);border-radius:999px;transition:width .4s ease;box-shadow:0 0 10px #88e52380}.cb-level-path-section{max-width:1000px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center}.cb-path-section-sub{font-size:.9rem;color:#64748b;margin:0 0 2.5rem;text-align:center}.cb-level-path-container{position:relative;width:100%;max-width:750px;display:flex;flex-direction:column;align-items:center;gap:2.2rem;padding:1rem 0 3rem}.cb-path-connecting-line{position:absolute;top:40px;bottom:40px;left:50%;width:6px;background:repeating-linear-gradient(180deg,#334155 0px,#334155 12px,transparent 12px,transparent 22px);transform:translate(-50%);z-index:1}.cb-path-node-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:2rem;transition:transform .3s ease;width:100%;max-width:620px}.cb-plate-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-level-plate-card{position:relative;width:95px;height:95px;border-radius:50%;cursor:pointer;transition:transform .25s ease,filter .25s ease;display:flex;align-items:center;justify-content:center}.cb-level-plate-card:hover{transform:scale(1.08)}.cb-plate-img{width:95px;height:95px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.cb-level-plate-card.notstarted .cb-plate-img{opacity:.75;filter:grayscale(.2) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.cb-level-plate-card.notstarted:hover .cb-plate-img{opacity:1;filter:grayscale(0) drop-shadow(0 6px 14px rgba(136,229,35,.3))}.cb-plate-glow-pulse{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:3px solid #88e523;animation:platePulse 2s infinite;pointer-events:none}@keyframes platePulse{0%{transform:scale(.95);box-shadow:0 0 #88e523b3}70%{transform:scale(1.1);box-shadow:0 0 0 15px #88e52300}to{transform:scale(.95);box-shadow:0 0 #88e52300}}.cb-plate-active-callout{position:absolute;top:-12px;background:linear-gradient(180deg,#88e523,#75da17);color:#000;font-weight:900;font-size:.68rem;padding:3px 10px;border-radius:12px;box-shadow:0 3px 8px #88e52399;letter-spacing:.05em;display:flex;align-items:center;white-space:nowrap}.cb-plate-completed-badge{position:absolute;bottom:0;right:0;width:26px;height:26px;background:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #141414;box-shadow:0 2px 6px #0006}.cb-level-info-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 5px #cbd5e1,0 10px 24px #00000014!important;padding:1rem 1.15rem!important;width:320px!important;display:flex!important;flex-direction:column!important;gap:.85rem!important;box-sizing:border-box!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease!important}.cb-level-info-card:hover{transform:translateY(-2px)!important;box-shadow:0 7px #cbd5e1,0 14px 30px #0000001f!important}.cb-level-inner-panel{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:.9rem 1.1rem!important;display:flex!important;flex-direction:column!important;gap:.35rem!important}.cb-level-info-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:2px!important}.cb-level-num-tag{font-size:.78rem!important;font-weight:800!important;color:#000!important;text-transform:none!important;letter-spacing:.01em!important;font-family:Ubuntu,sans-serif!important}.cb-status-pill{font-size:.72rem!important;font-weight:800!important;padding:2px 8px!important;border-radius:6px!important;font-family:Ubuntu,sans-serif!important}.cb-status-pill.completed{background:#dcfce7!important;color:#15803d!important;border:1px solid #bbf7d0!important}.cb-status-pill.inprogress{background:#ecfccb!important;color:#4d7c0f!important;border:1px solid #d9f99d!important}.cb-status-pill.notstarted{background:#e2e8f0!important;color:#64748b!important;border:1px solid #cbd5e1!important}.cb-level-card-title{font-size:.98rem!important;font-weight:800!important;color:#0f172a!important;margin:2px 0 0!important;font-family:Ubuntu,sans-serif!important;line-height:1.35!important}.cb-level-card-desc{font-size:.82rem!important;color:#475569!important;font-weight:500!important;margin:0!important;line-height:1.45!important}.cb-start-level-btn{width:100%!important;height:40px!important;border-radius:9999px!important;border:none!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:900!important;font-size:.88rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#65db14,#4fb80a)!important;background-color:#65db14!important;color:#000!important;box-shadow:0 4px #3a8c05,0 6px 16px #65db1459!important;transition:all .15s ease!important;letter-spacing:-.01em!important}.cb-start-level-btn:hover{transform:translateY(-1px)!important;box-shadow:0 5px #3a8c05,0 8px 20px #65db1473!important;background:linear-gradient(180deg,#74ea20,#59c711)!important;color:#000!important}.cb-start-level-btn:active{transform:translateY(2px)!important;box-shadow:0 2px #3a8c05!important;background:linear-gradient(180deg,#4fb80a,#419c07)!important;color:#000!important}@media(max-width:640px){.cb-path-node-row{flex-direction:column!important;transform:none!important;gap:1rem!important}.cb-level-info-card{width:100%!important;max-width:300px!important}}.about-page{font-family:Ubuntu,Inter,sans-serif;color:#0f172a;background-color:#fff;width:100%}.serif{font-family:Ubuntu,Inter,sans-serif}.about-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:78vh;padding:12rem 2rem 6rem!important;background:linear-gradient(120deg,#fefae0,#fff 40%,#f3e8ff,#fce7f3);overflow:hidden}.about-hero-bg-arc{position:absolute;bottom:-20%;left:50%;transform:translate(-50%);width:150vw;height:100%;background:radial-gradient(circle at top,rgba(255,255,255,.8) 0%,rgba(224,231,255,.3) 60%,transparent 80%);border-radius:50% 50% 0 0;pointer-events:none}.about-hero-bg-arc:before,.about-hero-bg-arc:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:-200px 100px 2px #fff,-150px 150px 1px #fff,200px 120px 3px #fff,100px 200px 2px #fff,250px 180px 1px #fff,-50px 220px 2px #fff;opacity:.8;top:20%;left:50%}.about-hero-content{position:relative;z-index:10}.mission-label{font-size:.85rem;letter-spacing:.15em;font-weight:700;color:#64748b;margin-bottom:2rem}.hero-title{font-size:4.5rem;font-weight:850;line-height:1.1;color:#000;letter-spacing:-.02em}.about-statement{background-color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:8rem 2rem!important;text-align:center}.statement-text{font-family:Ubuntu,Inter,sans-serif;font-size:3.5rem;font-weight:400;line-height:1.4;color:#0f172a;max-width:1000px;margin:0 auto}.highlight-circle{position:relative;display:inline-block}.highlight-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:150%;border:4px solid #34d399;border-radius:50%;z-index:0}.highlight-underline-purple{position:relative;display:inline-block}.highlight-underline-purple:after{content:"";position:absolute;bottom:-4px;left:-5%;width:110%;height:10px;background-color:#d8b4fe;border-radius:6px;opacity:.8;z-index:0;transform:rotate(-1deg)}.highlight-underline-yellow{position:relative;display:inline-block}.highlight-underline-yellow:after{content:"";position:absolute;bottom:-4px;left:-5%;width:110%;height:8px;background-color:#fcd34d;border-radius:6px;z-index:0;transform:rotate(1deg)}.highlight-circle,.highlight-underline-purple,.highlight-underline-yellow{z-index:1}.about-split-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1200px!important;margin:0 auto!important;padding:8rem 2rem!important;gap:6rem}.about-split-section.reverse{background-color:#f8fafc;max-width:100%!important;padding-left:max(2rem,calc((100vw - 1200px)/2))!important;padding-right:max(2rem,calc((100vw - 1200px)/2))!important;box-sizing:border-box}.split-content-left,.split-content-right{flex:1}.section-heading{font-size:3rem;font-weight:500;margin-bottom:2rem;color:#000}.section-paragraph{font-size:1.1rem;line-height:1.6;color:#334155;margin-bottom:1.5rem}.chart-container{display:flex;flex-direction:column;align-items:center}.bar-chart{display:flex;align-items:flex-end;height:300px;gap:16px;margin-bottom:1rem}.chart-bar{width:16px;background-color:#6366f1;border-radius:4px 4px 0 0}.chart-labels{display:flex;justify-content:space-between;width:100%;padding:0 10px;color:#94a3b8;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.chart-title{color:#64748b;font-weight:600;font-size:1.1rem}.method-section{align-items:flex-start;padding-bottom:10rem!important}.method-list{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000008;overflow:hidden}.method-item{display:flex;align-items:center;padding:1.8rem 2rem;font-weight:700;font-size:1.2rem;line-height:1.3;color:#0f172a;border-bottom:1px solid #f1f5f9}.method-item:last-child{border-bottom:none}@media(max-width:1024px){.about-hero{padding:11rem 2rem 5rem!important}.hero-title{font-size:3.5rem}.statement-text{font-size:2.75rem}.section-heading{font-size:2.5rem}.about-split-section{gap:3.5rem;padding:6rem 2rem!important}}@media(max-width:768px){.about-hero{min-height:auto;padding:9rem 1.25rem 4rem!important}.about-hero-bg-arc{width:220vw}.mission-label{font-size:.75rem;margin-bottom:1.25rem}.hero-title{font-size:2.1rem;line-height:1.15}.about-statement{padding:5.5rem 1.25rem!important}.statement-text{font-size:1.6rem;line-height:1.5}.about-split-section,.about-split-section.reverse{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2.5rem;max-width:100%!important;padding:3.5rem 1.25rem!important}.about-split-section.reverse{padding-left:1.25rem!important;padding-right:1.25rem!important}.split-content-left,.split-content-right{flex:1 1 auto}.method-section{padding-bottom:3.5rem!important}.method-section .split-content-left,.method-section .split-content-right{flex:1 1 auto!important}.section-heading{font-size:1.9rem;margin-bottom:1.25rem}.section-paragraph{font-size:1rem}.placeholder-graphic-surface svg{height:180px}.bar-chart{height:180px;gap:10px}.chart-bar{width:10px}.chart-title{font-size:.95rem}.method-item{padding:1.1rem 1.25rem;font-size:1rem}}@media(max-width:420px){.hero-title{font-size:1.8rem}.statement-text{font-size:1.4rem}.section-heading{font-size:1.65rem}.bar-chart{gap:7px}.chart-bar{width:9px}}.cb-help-wrapper{background-color:#0d0d0e!important;min-height:100vh;padding:100px 20px 60px;font-family:Ubuntu,Inter,sans-serif;color:#fff}.cb-help-container{max-width:1100px;margin:0 auto}.cb-help-breadcrumb{font-size:.92rem;font-weight:700;margin-bottom:2rem;color:#9ca3af}.cb-help-breadcrumb .home-link{color:#22c55e;cursor:pointer;transition:color .2s ease}.cb-help-breadcrumb .home-link:hover{color:#4ade80}.cb-help-breadcrumb .separator{margin:0 .5rem;color:#4b5563}.cb-help-main-title{font-family:Georgia,Ubuntu,Inter,serif;font-size:3.2rem;font-weight:800;text-align:center;color:#fff!important;margin-bottom:2rem;letter-spacing:-.02em}.cb-help-search-box{position:relative;max-width:480px;margin:0 auto 3.5rem}.cb-help-search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:#71717a;font-size:1.15rem;pointer-events:none}.cb-help-search-input{width:100%;padding:.8rem 2.8rem;font-size:.95rem;font-family:Ubuntu,sans-serif;border:1px solid #333336!important;border-radius:9999px!important;background-color:#18181b!important;color:#fff!important;outline:none;box-shadow:0 4px 20px #0000004d;transition:all .2s ease;box-sizing:border-box}.cb-help-search-input::placeholder{color:#71717a}.cb-help-search-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e40!important}.cb-help-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#a1a1aa;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.cb-help-search-clear:hover{color:#fff}.cb-help-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.cb-help-card{background:#18181b!important;border:1px solid #27272a!important;border-radius:20px!important;padding:2rem 1.8rem!important;box-shadow:0 10px 30px #0006!important;transition:transform .2s ease,border-color .2s ease}.cb-help-card:hover{border-color:#3f3f46!important;transform:translateY(-2px)}.cb-help-card-title{font-family:Georgia,Ubuntu,Inter,serif;font-size:1.45rem;font-weight:800;color:#fff!important;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #27272a}.cb-help-questions-list{list-style:none;padding:0;margin:0}.cb-help-question-item{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.85rem;cursor:pointer;transition:transform .2s ease}.cb-help-question-item:last-child{margin-bottom:0}.cb-help-question-item .bullet-dot{color:#6b7280;font-size:1.1rem;line-height:1.4;flex-shrink:0;transition:color .2s ease}.cb-help-question-item .question-text{color:#d1d5db;font-size:.91rem;line-height:1.55;font-weight:500;transition:color .2s ease}.cb-help-question-item:hover{transform:translate(4px)}.cb-help-question-item:hover .question-text{color:#fff}.cb-help-question-item:hover .bullet-dot{color:#22c55e}.cb-help-no-results{text-align:center;padding:4rem 2rem;background:#18181b;border:1px solid #27272a;border-radius:20px;max-width:500px;margin:0 auto}.cb-help-no-results h3{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:.5rem}.cb-help-no-results p{font-size:.9rem;color:#9ca3af;margin:0}.cb-help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.cb-help-modal-card{background:#18181b;border:1px solid #27272a;border-radius:24px;padding:2.2rem;max-width:540px;width:100%;box-shadow:0 20px 60px #0009;position:relative;color:#fff;animation:modalPop .25s cubic-bezier(.175,.885,.32,1.275)}.cb-help-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#27272a;border:1px solid #3f3f46;border-radius:50%;width:32px;height:32px;color:#a1a1aa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cb-help-modal-close:hover{color:#fff;background:#3f3f46}.cb-help-modal-header{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;padding-right:2rem}.cb-help-modal-header h3{font-size:1.2rem;font-weight:800;color:#fff;line-height:1.4;margin:0}.cb-help-modal-body{font-size:.95rem;color:#d1d5db;line-height:1.6;margin-bottom:2rem}.cb-help-modal-footer{display:flex;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:868px){.cb-help-wrapper{padding:80px 16px 40px!important}.cb-help-main-title{font-size:2.2rem!important;margin-bottom:1.5rem!important}.cb-help-search-box{max-width:100%!important;margin-bottom:2.2rem!important}.cb-help-cards-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.cb-help-card{padding:1.5rem 1.25rem!important;border-radius:16px!important}.cb-help-card-title{font-size:1.3rem!important}.cb-help-question-item .question-text{font-size:.88rem!important}}.cb-paths-page{background-color:#141414!important;min-height:100vh;padding:110px 0 80px!important;font-family:Ubuntu,Inter,sans-serif;color:#fff!important;box-sizing:border-box!important;width:100%!important}.cb-paths-container{max-width:1400px;margin:0 auto;padding:0 40px!important;box-sizing:border-box!important;width:100%!important}.cb-paths-banner-box{width:100%!important;height:210px!important;min-height:210px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border:1.5px solid #F3D0EF!important;border-radius:0!important;margin-bottom:.35rem!important;box-sizing:border-box!important;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.25rem 1.25rem!important}.cb-section-nav-group{display:flex;align-items:center;gap:2.25rem}.cb-path-header-item{display:flex;align-items:center;gap:.35rem;font-size:1.35rem!important;font-weight:850!important;color:#fff!important;margin:0!important;letter-spacing:-.01em}.cb-path-header-item.cb-clickable{cursor:pointer;opacity:.85;transition:opacity .2s ease,transform .2s ease}.cb-path-header-item.cb-clickable:hover{opacity:1;transform:translateY(-1px)}.cb-white-brace{color:#7ed321!important;font-size:1.35rem!important;font-weight:900!important;line-height:1}.cb-white-text{color:#fff!important;fill:#fff!important;font-size:1.35rem!important;font-weight:850!important;line-height:1}.cb-white-icon{font-size:1.15rem!important;color:#7ed321!important;fill:#7ed321!important;margin:0 .2rem!important}.cb-banner-wave-bg{display:none!important}.cb-banner-top-bar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;width:100%}.cb-banner-brand-left{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#7b8ba5;font-weight:800;font-size:.78rem;letter-spacing:.05em}.cb-banner-brand-icon{font-size:1.4rem;color:#94a3b8}.cb-banner-controls-right{display:flex;align-items:center;gap:1.1rem}.cb-banner-icon-btn{background:transparent!important;border:none!important;color:#94a3b8!important;font-size:1.15rem!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.cb-banner-icon-btn:hover{color:#fff!important}.cb-banner-premium-btn{background:linear-gradient(135deg,#a2ef43,#7ed321)!important;color:#000!important;border:none!important;border-radius:10px!important;padding:.55rem 1.15rem!important;font-weight:850!important;font-size:.88rem!important;cursor:pointer!important;transition:transform .15s ease,filter .15s ease!important;letter-spacing:-.01em}.cb-banner-premium-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cb-banner-divider{width:1px;height:24px;background:#ffffff26}.cb-banner-stat{display:flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:850;color:#fff}.cb-gem-icon{color:#6b7280;font-size:1.1rem}.cb-fire-icon{color:#22c55e;font-size:1.1rem}.cb-banner-user-avatar{width:44px;height:44px;border-radius:50%;border:2.5px solid #8b5cf6;background:#2a1b4e;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 14px #8b5cf659}.cb-avatar-inner{color:#d8b4fe;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.cb-banner-content-wrapper{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.cb-cube-topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative;z-index:5;max-width:800px}.cb-cube-title-header-row{display:flex;align-items:center;gap:.85rem;margin-bottom:.25rem}.cb-path-banner-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;flex-shrink:0}.cb-cube-topbar-brace{font-size:2.2rem!important;font-weight:950!important;color:#111827!important;font-family:Geist,Ubuntu,monospace;letter-spacing:-.02em;line-height:1;margin:0!important}.cb-cube-topbar-desc{font-size:.95rem!important;color:#374151!important;margin:0 0 1rem!important;line-height:1.5;font-weight:500}.cb-banner-stats-row{display:flex;align-items:center;gap:2.8rem;margin-top:1rem!important;padding-bottom:0!important}.cb-banner-stat-item{display:flex;align-items:center;gap:.65rem}.cb-stat-num{font-size:2.5rem;font-weight:900;color:#111827!important;letter-spacing:-.03em;line-height:1;font-family:Ubuntu,Inter,sans-serif}.cb-stat-label{font-size:.88rem;font-weight:700;color:#4b5563!important;line-height:1.25;text-align:left;text-transform:none!important}.cb-banner-badge{display:inline-block;padding:.35rem .85rem;background:#efe3c3!important;color:#1f2937!important;border:1.5px solid #D8C7A5!important;border-radius:9999px!important;font-size:.72rem;font-weight:900;letter-spacing:.06em;margin-bottom:.75rem;box-shadow:0 2px 8px #0000000f!important}.cb-banner-title{font-size:2.2rem!important;font-weight:950!important;color:#111827!important;margin:0 0 .4rem!important;letter-spacing:-.02em}.cb-banner-subtitle{font-size:.95rem!important;color:#374151!important;margin:0!important;line-height:1.5;font-weight:500}.cb-paths-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;width:100%}.cb-header-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cb-header-left h1{font-size:2.5rem;font-weight:850;color:#fff!important;margin:0 0 8px;display:flex;align-items:center;gap:12px;letter-spacing:-.025em}.cb-title-icon{color:#fff!important}.cb-header-left p{font-size:1.05rem;color:#94a3b8!important;margin:0;font-weight:500}.cb-map-view-btn{background:#232326!important;border:1.5px solid #38383e!important;border-radius:12px;padding:10px 20px!important;font-size:.9rem;font-weight:700;color:#fff!important;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:none!important}.cb-map-view-btn:hover{border-color:#7ed321!important;color:#a2ef43!important}.cb-under-box-header{display:flex;justify-content:flex-start;align-items:center;margin:1.5rem auto 1rem!important;padding:0 2.5rem!important;max-width:1560px!important;width:100%;box-sizing:border-box;background:transparent!important;border:none!important;box-shadow:none!important}.cb-horizontal-line-divider{display:none!important}.cb-paths-page .cb-courses-cube-topbar{width:100%!important;min-height:180px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem 2.5rem 1.25rem!important;box-shadow:0 4px 20px #0000000d!important}.cb-paths-page .cb-courses-controls-bar{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.85rem 2.5rem!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;border-radius:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}.cb-paths-page .cb-courses-search-wrap{position:relative;width:240px;flex-shrink:0}.cb-paths-page .cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8a8175;font-size:.8rem}.cb-paths-page .cb-courses-search-input{width:100%;height:40px;background:#2b2b2b!important;border:none!important;border-radius:8px!important;padding-left:2.6rem!important;padding-right:2.2rem!important;font-size:.88rem!important;color:#faf9f5!important;outline:none;transition:all .2s ease;box-sizing:border-box!important;box-shadow:0 4px 14px #0003!important}.cb-paths-page .cb-courses-search-input:focus{background:#3a3a3a!important;box-shadow:0 6px 20px #0000004d!important}.cb-paths-page .cb-courses-search-input::placeholder{color:#8a8175}.cb-paths-page .cb-search-clear-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#8a8175;cursor:pointer;font-size:.78rem;transition:color .2s;z-index:10}.cb-paths-page .cb-courses-dropdown-wrapper{position:relative;display:inline-block;flex-shrink:0}.cb-paths-page .cb-courses-dropdown-btn,.cb-paths-page .cb-course-chip{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#2b2b2b!important;color:#fff!important;border:none!important;border-radius:8px!important;font-family:Ubuntu,Inter,sans-serif!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:color .35s ease!important;z-index:1!important;box-shadow:none!important;height:40px!important;padding:0 1.25rem!important;box-sizing:border-box!important;white-space:nowrap}.cb-paths-page .cb-courses-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#000!important;border:1.5px solid #2b2b2b!important;border-radius:12px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200;padding:.4rem;display:flex;flex-direction:column;gap:.2rem}.cb-paths-page .cb-dropdown-item{padding:.65rem .9rem!important;font-size:.86rem!important;font-weight:600!important;color:#94a3b8!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s ease!important}.cb-paths-page .cb-dropdown-item:hover{background:#2b2b2b!important;color:#faf9f5!important}.cb-paths-page .cb-dropdown-item.active{background:#fffaec26!important;color:#fffaec!important;font-weight:800!important}.cb-paths-page .cb-courses-chips{display:flex;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cb-paths-page .cb-courses-chips::-webkit-scrollbar{display:none}.cb-paths-page .cb-course-chip.active{background:#000!important;color:#ffead2!important;border:1.5px solid #FFEAD2!important}.cb-paths-search-inner{display:flex!important;align-items:center!important;flex:1!important;min-width:260px!important;max-width:480px!important;height:46px!important;background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;padding:0 1.1rem!important;box-shadow:0 4px 14px #00000014!important;transition:border-color .2s ease,box-shadow .2s ease!important}.cb-paths-search-inner:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}.cb-paths-search-icon{color:#64748b!important;font-size:1rem!important;margin-right:.75rem!important;flex-shrink:0!important}.cb-paths-search-input{flex:1!important;background:transparent!important;border:none!important;outline:none!important;color:#1f2937!important;font-family:Ubuntu,sans-serif!important;font-size:.92rem!important;font-weight:500!important}.cb-paths-search-input::placeholder{color:#6b7280!important}.cb-paths-search-clear{color:#64748b!important;font-size:.9rem!important;cursor:pointer!important;margin-left:.5rem!important;transition:color .15s ease!important}.cb-paths-search-clear:hover{color:#111827!important}.cb-paths-dropdown-wrapper{position:relative!important;flex-shrink:0!important}.cb-paths-dropdown-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;height:46px!important;padding:0 1.1rem!important;background:#fffaec!important;background-color:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;color:#1f2937!important;font-family:Ubuntu,sans-serif!important;font-size:.88rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #0000000f!important;white-space:nowrap!important}.cb-paths-dropdown-btn:hover{background:#fffdf5!important;border-color:#d1bc9a!important}.cb-paths-dropdown-menu{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;min-width:190px!important;background:#000!important;border:1.5px solid #2e2e36!important;border-radius:8px!important;box-shadow:0 12px 30px #000000b3!important;z-index:200!important;padding:.4rem!important;display:flex!important;flex-direction:column!important;gap:.2rem!important}.cb-paths-dropdown-item{padding:.65rem .9rem!important;font-size:.86rem!important;font-weight:600!important;color:#94a3b8!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s ease!important}.cb-paths-dropdown-item:hover{background:#2b2b2b!important;color:#faf9f5!important}.cb-paths-dropdown-item.active{background:#fffaec26!important;color:#fffaec!important;font-weight:800!important}.cb-paths-clear-filters-btn{display:inline-flex!important;align-items:center!important;gap:.4rem!important;height:46px!important;padding:0 1.1rem!important;background:#fffaec!important;background-color:#fffaec!important;border:1.5px solid #e8d5b7!important;border-radius:8px!important;color:#1f2937!important;font-family:Ubuntu,sans-serif!important;font-size:.88rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #0000000f!important;flex-shrink:0!important}.cb-paths-clear-filters-btn:hover{background:#fffdf5!important;border-color:#d1bc9a!important;color:#ef4444!important}.cb-paths-stats-bar{background:#1e1e24!important;border:1.5px solid #2e2e36!important;border-radius:16px;padding:18px 32px!important;display:flex;align-items:center;gap:0;box-shadow:none!important;margin-bottom:2rem;box-sizing:border-box}.cb-paths-stat-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;gap:2px}.cb-paths-stat-num{font-size:1.75rem;font-weight:850;color:#fff!important;line-height:1;letter-spacing:-.025em}.cb-paths-stat-label{font-size:.78rem;font-weight:700;color:#94a3b8!important;text-transform:uppercase;letter-spacing:.04em}.cb-paths-stat-divider{width:1px;height:40px;background:#2e2e36!important;flex-shrink:0}.cb-paths-columns{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,300px))!important;gap:1.5rem!important;padding:2.25rem 2.5rem 3rem!important;max-width:1560px!important;width:100%!important;justify-content:center!important;box-sizing:border-box!important;margin:0 auto!important}@media(min-width:1350px){.cb-paths-columns{grid-template-columns:repeat(auto-fit,minmax(220px,300px))!important}}.cb-paths-columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,calc(33.333% - .667rem)));gap:1.5rem;width:100%;box-sizing:border-box;margin-bottom:2rem;justify-content:center}.cb-module-column{background-color:#fffaec!important;background:#fffaec!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;padding:0!important;box-shadow:0 4px 20px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important;height:370px!important;min-height:370px!important;max-height:370px!important;width:100%!important;max-width:300px!important}.cb-module-column:hover{transform:translateY(-4px);border-color:#cbd5e1!important;box-shadow:0 10px 28px #0000001f!important}.cb-card-image-top{position:relative!important;width:100%!important;height:155px!important;min-height:155px!important;max-height:155px!important;overflow:hidden!important;flex-shrink:0!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important}.cb-card-cover-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.cb-card-badge-num{position:absolute;top:12px;left:12px;background:#0f172ad9!important;color:#fff!important;font-weight:850;font-size:.82rem;padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.04em}.cb-card-content-bottom{background-color:#fffaec!important;background:#fffaec!important;padding:.85rem 1.15rem 1.45rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;flex:1!important;justify-content:space-between!important;box-sizing:border-box!important;height:215px!important}.cb-card-header-block{background-color:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;width:100%!important;margin-top:4px!important}.cb-h2-title-row{display:flex;align-items:center;justify-content:center!important;gap:10px;width:100%}.cb-card-h2-title{font-family:Ubuntu,sans-serif!important;font-size:1.25rem!important;font-weight:700!important;color:#1f2937!important;margin:0!important;line-height:1.35!important;text-align:center!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.cb-card-description{font-family:Ubuntu,sans-serif!important;font-size:.88rem!important;font-weight:400!important;color:#4b5563!important;margin:4px 0 0!important;line-height:1.45!important;text-align:center!important;opacity:1!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.cb-progress-meta{font-family:Ubuntu,sans-serif!important;font-size:.78rem!important;font-weight:500!important;color:#6b7280!important;margin-top:6px!important;text-align:center!important;opacity:1!important}.cb-column-footer{margin-top:auto!important;margin-bottom:8px!important;padding:0 4px!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.cb-diff-signal-box{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:4px!important}.cb-diff-signal-text{font-size:.85rem!important;font-weight:700!important;line-height:1;letter-spacing:-.01em}.cb-continue-path-btn{width:auto!important;min-width:95px!important;max-width:155px!important;background:linear-gradient(180deg,#88e523,#75da17)!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,sans-serif!important;font-weight:900!important;font-size:.85rem!important;padding:8px 18px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:0 3px 10px #88e52359!important;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease!important;flex-shrink:0!important;margin-right:6px!important}.cb-continue-path-btn:hover{opacity:.92!important}.cb-continue-path-btn:active{opacity:.85!important}.cb-steps-container{position:relative;display:flex;flex-direction:column;gap:1.35rem;padding-left:0;width:100%;flex:1}.cb-vertical-line{position:absolute;left:25px;top:24px;bottom:24px;width:2px;background:#f2d5bd!important;z-index:1}.cb-step-card{display:flex;align-items:center;gap:16px;padding:14px 12px!important;border-radius:4px!important;transition:all .2s ease;position:relative;z-index:2;cursor:pointer;border:1px solid #F2D5BD!important;background:#fff!important}.cb-step-card:hover{background:#fff8f2!important;border-color:#ebd0b9!important}.cb-step-card.locked{cursor:not-allowed;opacity:.75;background:#f7e7d7!important;border-color:#ebd0b9!important}.cb-step-card.locked:hover{background:#f7e7d7!important;border-color:#ebd0b9!important}.cb-hex-inner{width:100%;height:100%;background:#fff8f2!important;border:2px solid #F2D5BD!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7a5c45!important;transition:all .2s ease;box-shadow:none!important}.cb-step-card.in-progress .cb-hex-inner{border-color:var(--accent)!important;color:var(--accent)!important;font-weight:800;background:#fff!important}.cb-step-sub{font-size:.72rem;font-weight:800;color:#7a5c45!important;text-transform:uppercase;letter-spacing:.03em}.cb-step-name{font-size:.92rem;font-weight:750;color:#2d1c10!important;margin:2px 0 0}.cb-step-card.completed .cb-step-name,.cb-step-card.in-progress .cb-step-name{color:#2d1c10!important;font-weight:850}.cb-step-hex-node{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.cb-hex-inner{width:100%;height:100%;background:#1a1a20!important;border:2px solid #383842!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8!important;transition:all .2s ease;box-shadow:none!important}.cb-step-card.completed .cb-hex-inner{background:var(--accent)!important;border-color:var(--accent)!important;color:#000!important}.cb-step-card.in-progress .cb-hex-inner{border-color:var(--accent)!important;color:var(--accent)!important;font-weight:800;background:#1e1e24!important}.cb-node-check{position:absolute;bottom:-2px;right:-2px;background:#000!important;color:var(--accent)!important;border-radius:50%;font-size:11px}.cb-node-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--accent);border-radius:50%;animation:cb-ring-pulse 2s infinite ease-in-out}@keyframes cb-ring-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:.3}to{transform:scale(.95);opacity:.8}}.cb-step-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cb-step-sub{font-size:.72rem;font-weight:800;color:#94a3b8!important;text-transform:uppercase;letter-spacing:.03em}.cb-step-name{font-size:.92rem;font-weight:700;color:#e2e8f0!important;margin:2px 0 0}.cb-step-card.completed .cb-step-name{color:#fff!important}.cb-step-card.in-progress .cb-step-name{color:#fff!important;font-weight:850}.cb-step-chevron{color:#64748b!important;transition:all .2s ease;display:flex;align-items:center}.cb-step-card:hover .cb-step-chevron{color:var(--accent)!important;transform:translate(3px)}.cb-step-card.locked:hover .cb-step-chevron{color:#64748b!important;transform:none}.cb-column-footer{margin-top:24px}.cb-continue-path-btn{width:100%;background:linear-gradient(135deg,#a2ef43,#7ed321)!important;color:#000!important;border:none!important;padding:12px!important;border-radius:12px;font-weight:850;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:none!important}.cb-continue-path-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cb-continue-path-btn:active{transform:translateY(1px)}@media(max-width:1200px){.cb-under-box-header,.cb-paths-columns{padding-left:2rem!important;padding-right:2rem!important}.cb-horizontal-line-divider{width:100%!important;max-width:100%!important}.cb-paths-columns{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.cb-paths-columns-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.cb-under-box-header,.cb-paths-columns{padding-left:1.5rem!important;padding-right:1.5rem!important}.cb-horizontal-line-divider{width:100%!important;max-width:100%!important}.cb-paths-columns{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:768px){.cb-paths-page{padding:85px 0 60px!important}.cb-paths-container{padding:0!important;width:100%!important;box-sizing:border-box!important}.cb-paths-banner-box{height:auto!important;min-height:auto!important;padding:1.25rem 1rem!important;margin-bottom:.75rem!important;border-radius:28px!important;box-sizing:border-box!important}.cb-banner-content-wrapper{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.cb-cube-title-header-row{gap:.5rem!important;flex-wrap:wrap!important}.cb-path-banner-icon{width:36px;height:36px}.cb-topbar-single-cube-icon{width:44px!important;height:44px!important}.cb-cube-topbar-brace{font-size:clamp(1.35rem,5.5vw,1.75rem)!important;word-break:break-word!important;line-height:1.25!important}.cb-cube-topbar-desc{font-size:.88rem!important;line-height:1.45!important;margin-bottom:.75rem!important}.cb-banner-hero-content{max-width:100%!important}.cb-banner-title{font-size:1.55rem!important;line-height:1.25!important;margin-bottom:.5rem!important}.cb-banner-subtitle{font-size:.85rem!important;line-height:1.45!important}.cb-banner-stats-row{margin-top:1.25rem!important;gap:1rem!important;justify-content:space-between!important;width:100%!important;flex-wrap:wrap!important}.cb-banner-stat-item{gap:.45rem!important}.cb-stat-num{font-size:1.6rem!important}.cb-stat-label{font-size:.75rem!important}.cb-under-box-header{padding:.65rem 1rem!important;margin:.5rem 1rem!important;width:calc(100% - 2rem)!important;box-sizing:border-box!important}.cb-paths-search-bar-wrap{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;margin:.5rem 1rem 1.25rem!important;padding:0!important;width:calc(100% - 2rem)!important;box-sizing:border-box!important}.cb-paths-search-inner{max-width:100%!important;width:100%!important;height:46px!important;min-height:46px!important;padding:0 1rem!important;box-sizing:border-box!important}.cb-paths-search-input{height:100%!important;font-size:.92rem!important}.cb-paths-dropdown-wrapper{width:100%!important}.cb-paths-dropdown-btn{width:100%!important;height:46px!important;min-height:46px!important;justify-content:space-between!important;box-sizing:border-box!important}.cb-paths-dropdown-menu{width:100%!important;box-sizing:border-box!important}.cb-paths-clear-filters-btn{width:100%!important;height:46px!important;min-height:46px!important;justify-content:center!important;box-sizing:border-box!important}.cb-paths-columns,.cb-paths-columns-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),300px))!important;justify-content:center!important;justify-items:center!important;gap:1.2rem!important;padding:1rem 1rem 2rem!important;width:100%!important;box-sizing:border-box!important}.cb-module-column{max-width:100%!important;width:100%!important;height:370px!important;min-height:370px!important;max-height:370px!important}.cb-paths-stats-bar{padding:14px 16px!important;gap:0;margin:0 1rem 1.5rem!important}}@media(max-width:480px){.cb-paths-banner-box{padding:1rem .85rem!important}.cb-banner-title{font-size:1.35rem!important}.cb-banner-stats-row{gap:.85rem!important;margin-top:1rem!important}.cb-stat-num{font-size:1.4rem!important}.cb-under-box-header{padding:.5rem .85rem!important;margin:.5rem .85rem!important;width:calc(100% - 1.7rem)!important}.cb-paths-search-bar-wrap{margin:.5rem .85rem 1.25rem!important;width:calc(100% - 1.7rem)!important}.cb-paths-columns{grid-template-columns:1fr!important;padding:1rem .85rem 2rem!important}.cb-module-column{max-width:100%!important;width:100%!important;height:370px!important}}.cb-blank-path-page{background-color:#141414!important;min-height:100vh;width:100%;padding-top:80px!important;padding-bottom:80px!important;box-sizing:border-box;color:#fff;font-family:Ubuntu,Inter,sans-serif;overflow-x:hidden!important}.cb-path-hero-showcase{width:100%!important;min-height:380px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:2.25rem 0!important;box-sizing:border-box!important;box-shadow:0 6px 24px #00000014!important}.cb-path-hero-wave{display:none!important}.cb-path-hero-inner{position:relative;z-index:5;display:grid!important;grid-template-columns:1fr 360px!important;gap:2.5rem!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0 2rem 0 60px!important;box-sizing:border-box!important;align-items:center!important}.cb-path-hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.cb-path-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0000000f!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:8px!important;padding:.35rem .85rem!important;font-size:.78rem!important;font-weight:800!important;color:#374151!important;cursor:pointer!important;transition:all .2s ease!important;margin-bottom:.25rem!important}.cb-path-back-btn:hover{background:#0000001a!important;color:#111827!important;transform:translate(-2px)!important}.cb-path-main-title{font-size:clamp(1.75rem,3vw,2.35rem)!important;font-weight:900!important;color:#111827!important;margin:0!important;line-height:1.2!important;letter-spacing:-.02em!important;font-family:Ubuntu,Inter,sans-serif!important}.cb-path-main-desc{font-size:.95rem!important;color:#374151!important;line-height:1.6!important;margin:.2rem 0 .5rem!important;max-width:780px!important;font-weight:500!important}.cb-path-specs-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:.25rem}.cb-spec-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .4rem;background:transparent!important;border:none!important;font-size:.75rem!important;font-weight:850!important;color:#000!important;letter-spacing:.02em!important;box-shadow:none!important}.cb-spec-badge.level-badge,.cb-spec-badge.time-badge,.cb-spec-badge.modules-badge,.cb-spec-badge.xp-badge{background:transparent!important;color:#000!important;border:none!important;box-shadow:none!important}.cb-path-skills-row{display:flex;align-items:center;gap:.65rem;margin-top:.5rem;flex-wrap:wrap}.cb-skills-label{font-size:.72rem;font-weight:900;color:#4b5563;letter-spacing:.05em;flex-shrink:0}.cb-skills-chips{display:flex;flex-wrap:wrap;gap:.4rem}.cb-skill-chip{font-size:.72rem;font-weight:700;padding:.2rem .6rem;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:6px;color:#1f2937}.cb-path-actions-row{display:flex;align-items:center;gap:.85rem;margin-top:.85rem}.cb-path-primary-start-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.65rem 1.6rem!important;background:#7ed321!important;color:#000!important;border:none!important;border-radius:9999px!important;font-weight:900!important;font-size:.92rem!important;cursor:pointer!important;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;box-shadow:0 4px 14px #7ed32159!important;letter-spacing:-.01em!important}.cb-path-primary-start-btn:hover{filter:brightness(1.08)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #7ed32173!important}.cb-path-primary-start-btn:active{transform:translateY(1px)!important}.cb-path-bookmark-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.65rem 1.4rem!important;background:#fff!important;color:#374151!important;border:1.5px solid #cbd5e1!important;border-radius:9999px!important;font-weight:800!important;font-size:.88rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px #0000000a!important}.cb-path-bookmark-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#111827!important}.cb-path-bookmark-btn.saved{background:#7ed32126!important;border-color:#7ed321!important;color:#3d7500!important}.cb-path-hero-right{display:flex;justify-content:center;align-items:center}.cb-path-image-card{position:relative!important;width:100%!important;max-width:350px!important;height:240px!important;background:#fffaec!important;border:2px solid #e8d5b7!important;border-radius:18px!important;padding:1.25rem!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 35px #0000001a!important;animation:cb-hero-card-float 4s ease-in-out infinite}@keyframes cb-hero-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cb-path-hero-img{max-height:190px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}.cb-path-image-floating-badge{position:absolute;bottom:12px;right:12px;background:#0f172ae0!important;color:#7ed321!important;font-weight:850;font-size:.78rem;padding:.35rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cb-path-2col-layout{display:grid;grid-template-columns:480px 1fr;gap:2.25rem;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem 0 60px;box-sizing:border-box}@media(max-width:1024px){.cb-path-2col-layout{grid-template-columns:1fr;padding:0 1rem}}.cb-left-career-preview-box{background:#faf8f5!important;border:1.5px solid #E5E0D8!important;border-radius:8px!important;margin-top:140px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:none!important;height:fit-content}.cb-left-box-top-tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;color:#15803d;letter-spacing:.08em;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);padding:4px 10px;border-radius:6px;width:fit-content}.cb-mini-radar-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:none!important;animation:cb-radar-ping 1.5s infinite}@keyframes cb-radar-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.cb-left-box-title{font-size:1.25rem;font-weight:800;color:#0f172a!important;margin:0;line-height:1.3}.cb-left-box-desc{font-size:.82rem;color:#475569!important;line-height:1.45;margin:0}.cb-claymorphism-scene-box{position:relative;width:100%;height:180px;background:#111115!important;border-radius:16px;border:1.5px solid #272732!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-around;padding:1rem 1.5rem;box-sizing:border-box;overflow:hidden}.cb-clay-tube-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cb-clay-tube-path{filter:none!important;stroke-dasharray:400;stroke-dashoffset:0;animation:cb-clay-tube-flow 6s linear infinite}@keyframes cb-clay-tube-flow{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.cb-clay-node{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cb-clay-node.node-1{transform:translateY(20px)}.cb-clay-node.node-2{transform:translateY(-15px)}.cb-clay-node.node-3{transform:translateY(10px)}.cb-clay-pedestal{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:none!important;animation:cb-clay-levitate 3s ease-in-out infinite alternate}.cb-clay-node.node-1 .cb-clay-pedestal{background:linear-gradient(135deg,#4ade80,#16a34a);animation-delay:0s}.cb-clay-node.node-2 .cb-clay-pedestal{background:linear-gradient(135deg,#60a5fa,#1d4ed8);animation-delay:.6s;box-shadow:none!important}.cb-clay-node.node-3 .cb-clay-pedestal{background:linear-gradient(135deg,#fbbf24,#d97706);animation-delay:1.2s}@keyframes cb-clay-levitate{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.04)}}.cb-clay-icon{font-size:1.3rem;color:#fff;font-weight:900;text-shadow:none!important}.cb-clay-character-img{width:46px;height:46px;object-fit:contain;filter:none!important}.cb-clay-label{font-size:.65rem;font-weight:800;color:#64748b;letter-spacing:.06em;background:#0f0f17b3;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.cb-clay-label.active{color:#60a5fa;border-color:#3b82f666}.cb-mini-active-pulse{width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 10px #60a5fa;animation:cb-active-dot-glow 1.2s ease-in-out infinite alternate}@keyframes cb-active-dot-glow{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.3);opacity:1}}.cb-mini-step-num{font-size:.65rem;font-weight:700;color:#64748b}.cb-mini-step-info{display:flex;flex-direction:column}.cb-mini-step-title{font-size:.8rem;font-weight:700;color:#e2e8f0}.cb-mini-timeline-step.locked .cb-mini-step-title{color:#64748b}.cb-mini-step-status{font-size:.65rem;color:#64748b}.cb-mini-timeline-step.completed .cb-mini-step-status{color:#4ade80}.cb-mini-timeline-step.active .cb-mini-step-status{color:#60a5fa;font-weight:700}.cb-left-active-cta-card{background:#efeae1!important;border:1px solid #DCD4C6!important;border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:none!important}.cb-cta-header{display:flex;justify-content:space-between;align-items:center}.cb-cta-badge{font-size:.68rem;font-weight:800;color:#15803d!important;letter-spacing:.03em;text-transform:none!important}.cb-cta-xp{font-size:.68rem;font-weight:800;color:#9333ea!important}.cb-cta-stage-name{font-size:.92rem;font-weight:800;color:#0f172a!important}.cb-left-box-cta-btn{width:100%;padding:.75rem 1rem;background:#7ed321!important;border:none;border-radius:9999px!important;color:#000!important;font-size:.88rem;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .15s ease,background .15s ease;box-shadow:none!important}.cb-left-box-cta-btn:hover{background:#8cf024!important;transform:translateY(-2px);box-shadow:none!important}.cb-gamified-path-card{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-sizing:border-box;width:100%;position:relative;overflow:visible!important;box-shadow:none!important}.cb-gamified-map-header{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid #23232f;box-sizing:border-box}.cb-gamified-title-group{display:flex;align-items:center;gap:.5rem}.cb-gamified-header-icon{color:#7ed321!important;font-size:1.25rem}.cb-gamified-h2-title{font-size:1.25rem!important;font-weight:900!important;color:#fff!important;margin:0!important;letter-spacing:.02em}.cb-path-header-brace{color:#7ed321!important;font-weight:900;font-size:1.3rem}.cb-gamified-progress-stat{display:flex;align-items:center;gap:.75rem}.cb-prog-label{font-size:.75rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.cb-prog-pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#7ed3211f!important;border:1px solid rgba(126,211,33,.3)!important;border-radius:9999px;color:#a2ef43!important;font-size:.78rem;font-weight:850}.cb-trophy-gold{color:#eab308}.cb-gamified-map-canvas{position:relative;width:100%;min-height:550px;padding:3.5rem 0 2rem;display:flex;justify-content:center;overflow:visible!important}.cb-gamified-connecting-svg{position:absolute;top:0;left:50%;margin-left:0!important;transform:translate(-50%);width:100%;max-width:800px;height:100%;pointer-events:none;z-index:1}.cb-gamified-nodes-list{position:relative;z-index:5;display:flex;flex-direction:column;gap:3.5rem;width:100%;max-width:800px;margin:0 auto!important;padding:1.5rem 0 3rem;overflow:visible!important}.cb-3d-path-node-row{position:relative;display:flex;align-items:center;width:100%;height:120px;overflow:visible!important}.cb-plate-click-wrapper{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:20;overflow:visible!important;transition:transform .2s ease}.cb-plate-click-wrapper:hover{transform:translate(-50%,-55%) scale(1.08)}.cb-3d-path-node-row.node-left .cb-plate-click-wrapper{left:38%}.cb-3d-path-node-row.node-right .cb-plate-click-wrapper{left:62%}.cb-exact-plate-container{position:relative;width:120px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;overflow:visible!important}.cb-3d-node-popover-card{position:fixed!important;bottom:28px!important;left:50%!important;top:auto!important;right:auto!important;transform:translate(calc(-50% + 5px))!important;margin:0!important;z-index:9999!important;width:360px!important;max-width:90vw!important;background:#f8f9fa!important;border:1.5px solid #E2E8F0!important;border-radius:8px!important;padding:1.25rem 1.5rem!important;box-shadow:0 16px 40px #00000073!important;animation:cb-popover-slide-up .3s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes cb-popover-slide-up{0%{opacity:0;transform:translate(calc(-50% + 5px),25px) scale(.95)}to{opacity:1;transform:translate(calc(-50% + 5px)) scale(1)}}.cb-3d-path-node-row.node-left .cb-3d-node-popover-card,.cb-3d-path-node-row.node-right .cb-3d-node-popover-card{left:50%!important;right:auto!important;margin:0!important;transform:translate(calc(-50% + 5px))!important}.cb-path-node-desktop-label{position:absolute;top:50%;transform:translateY(-50%);z-index:15;pointer-events:none;white-space:nowrap}.cb-3d-path-node-row.node-left .cb-path-node-desktop-label{left:38%;margin-left:90px}.cb-3d-path-node-row.node-right .cb-path-node-desktop-label{left:62%;margin-left:90px}.cb-desktop-label-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:#000!important;background:#f8f7f4!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1.5px solid #000000!important;padding:8px 16px;border-radius:8px;box-shadow:none!important;transition:border-color .25s ease,color .25s ease,background .25s ease;display:inline-flex;align-items:center}.cb-label-sno{font-weight:700;color:#000!important;margin-right:6px}.cb-path-node-desktop-label.completed .cb-label-sno,.cb-path-node-desktop-label.in-progress .cb-label-sno,.cb-path-node-desktop-label.locked .cb-label-sno{color:#000!important}.cb-path-node-desktop-label.completed .cb-desktop-label-title,.cb-path-node-desktop-label.in-progress .cb-desktop-label-title,.cb-path-node-desktop-label.locked .cb-desktop-label-title{color:#000!important;background:#f8f7f4!important;border:1.5px solid #000000!important;box-shadow:none!important}.cb-scifi-platform-wrapper{position:relative;width:var(--puck-width, 118px);height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;overflow:visible!important;background:transparent!important}.cb-plate-jumping-character-wrapper{position:absolute;top:-52px;left:50%;transform:translate(-50%);z-index:9999!important;width:78px;height:78px;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:visible!important;animation:cb-loading-jump-bounce 1.6s cubic-bezier(.45,0,.55,1) infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));transition:transform .1s linear}.cb-plate-jumping-character-img{width:74px;height:74px;object-fit:contain;display:block}@keyframes cb-loading-jump-bounce{0%,to{transform:translate(-50%) translateY(0) scale(1)}45%{transform:translate(-50%) translateY(-16px) scale(1.06)}55%{transform:translate(-50%) translateY(-16px) scale(1.06) rotate(4deg)}75%{transform:translate(-50%) translateY(-4px) scale(.97,1.03)}}.cb-plate-floating-badge.challenge{background:radial-gradient(circle at top,#db2777,#31071d);border-color:#f472b6}.cb-plate-icon{color:#fff}.cb-plate-icon.trophy{color:#facc15}:root{--puck-width: 118px;--puck-height: 56px;--orange-color: #F97316;--green-color: #22C55E;--loading-duration: 2.5s;--jump-duration: .65s;--plate-spacing: 120px;--puck-color-dark: #666666;--puck-color-mid: #949494;--puck-color-groove: #9E9E9E;--puck-color-ring: #D4D4D4;--puck-color-center: #CCCCCC;--puck-color-highlight: #F0F0F0}.cb-puck-platform-wrapper{position:relative;width:var(--puck-width);height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;overflow:visible!important;background:transparent!important}.cb-puck-platform{position:relative;width:var(--puck-width);height:var(--puck-height);display:flex;align-items:center;justify-content:center;background:transparent!important;box-sizing:border-box;transition:transform .25s ease,filter .25s ease}.cb-plate-click-wrapper:hover .cb-puck-platform{transform:scale(1.08)}.cb-puck-base-sidewall{position:absolute;bottom:0;left:0;width:var(--puck-width);height:48px;border-radius:50%;background:linear-gradient(180deg,var(--puck-color-mid) 0%,var(--puck-color-dark) 100%);box-shadow:0 8px 18px #0000007a;z-index:1}.cb-puck-top-surface{position:absolute;top:1px;width:calc(var(--puck-width) - 6px);height:43px;border-radius:50%;background:linear-gradient(180deg,var(--puck-color-highlight) 0%,var(--puck-color-ring) 100%);border:1px solid var(--puck-color-highlight);box-shadow:inset 0 2.5px 4px #ffffffe6;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cb-puck-outer-ring{position:relative;width:95px;height:35px;border-radius:50%;background:linear-gradient(180deg,var(--puck-color-ring) 0%,var(--puck-color-center) 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #ffffffbf;z-index:3;box-sizing:border-box}.cb-puck-inner-groove{position:relative;width:63px;height:23px;border-radius:50%;border:3.5px solid var(--puck-color-groove);box-sizing:border-box;box-shadow:inset 0 1.5px 3px #00000061;display:flex;align-items:center;justify-content:center;z-index:4}.cb-puck-inner-groove:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:6px;height:8px;background:var(--puck-color-ring);z-index:5}.cb-puck-inner-groove:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:6px;height:8px;background:var(--puck-color-ring);z-index:5}.cb-hologram-beam{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:48px;height:64px;background:linear-gradient(to top,#fffffff2,#60a5fa80,#3b82f626 70%,#3b82f600);clip-path:polygon(18% 0%,82% 0%,100% 100%,0% 100%);opacity:.88;pointer-events:none;z-index:1;animation:cb-hologram-beam-pulse 2s ease-in-out infinite alternate}@keyframes cb-hologram-beam-pulse{0%{opacity:.75;transform:translate(-50%) scaleX(.94)}to{opacity:.95;transform:translate(-50%) scaleX(1.06)}}.cb-puck-center-disk{position:relative;width:36px;height:13px;border-radius:50%;background:linear-gradient(180deg,var(--puck-color-highlight) 0%,var(--puck-color-center) 100%);border:1px solid var(--puck-color-highlight);box-shadow:0 1.5px 3px #0000004d,inset 0 1px 2px #fffffff2;z-index:6;box-sizing:border-box}.cb-puck-platform-wrapper.in-progress .cb-puck-base-sidewall{background:linear-gradient(180deg,#9333ea,#581c87)!important;box-shadow:0 8px 24px #9333ea99!important}.cb-puck-platform-wrapper.completed .cb-puck-base-sidewall{background:linear-gradient(180deg,#22c55e,#15803d)!important;box-shadow:0 8px 24px #22c55e99!important}.cb-puck-platform-wrapper.in-progress .cb-puck-top-surface{background:linear-gradient(180deg,#a855f7,#7e22ce)!important;border-color:#c084fc!important;box-shadow:0 0 20px #a855f7bf,inset 0 2px 4px #ffffffd9!important}.cb-puck-platform-wrapper.completed .cb-puck-top-surface{background:linear-gradient(180deg,#4ade80,#16a34a)!important;border-color:#86efac!important;box-shadow:0 0 20px #4ade80bf,inset 0 2px 4px #ffffffd9!important}.cb-puck-platform-wrapper.in-progress .cb-puck-outer-ring{background:linear-gradient(180deg,#9333ea,#6b21a8)!important}.cb-puck-platform-wrapper.completed .cb-puck-outer-ring{background:linear-gradient(180deg,#22c55e,#15803d)!important}.cb-puck-platform-wrapper.in-progress .cb-puck-inner-groove{border-color:#c084fc!important}.cb-puck-platform-wrapper.completed .cb-puck-inner-groove{border-color:#86efac!important}.cb-puck-platform-wrapper.in-progress .cb-puck-center-disk{background:radial-gradient(circle,#fff,#e9d5ff 45%,#a855f7)!important;border-color:#fff!important;box-shadow:0 0 16px #fff,0 0 28px #a855f7f2,inset 0 1px 2px #fff!important}.cb-puck-platform-wrapper.completed .cb-puck-center-disk{background:radial-gradient(circle,#fff,#bbf7d0 45%,#22c55e)!important;border-color:#fff!important;box-shadow:0 0 16px #fff,0 0 28px #22c55ef2,inset 0 1px 2px #fff!important}.cb-puck-platform-wrapper.locked{opacity:.75;filter:grayscale(.25)}.cb-3d-path-node-row:hover .cb-path-png-image{transform:scale(1.06)}.cb-3d-node-label-card{background:#1c1c24!important;border:1.5px solid #2d2d3c!important;border-radius:16px!important;padding:1.15rem 1.4rem!important;max-width:380px;width:100%;box-sizing:border-box;box-shadow:0 8px 24px #0000004d!important;transition:border-color .2s ease,transform .2s ease!important}.cb-3d-path-node-row:hover .cb-3d-node-label-card{border-color:#7ed321!important;box-shadow:0 12px 30px #7ed32126!important}.cb-node-label-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.cb-node-step-tag{font-size:.72rem;font-weight:800;color:#9333ea!important;letter-spacing:.03em;text-transform:none!important}.cb-node-status-pill{font-size:.75rem!important;font-weight:700!important;padding:0!important;border-radius:0!important;background:transparent!important;border:none!important}.cb-node-status-pill.completed{color:#16a34a!important;background:transparent!important;border:none!important}.cb-node-status-pill.in-progress{color:#9333ea!important;background:transparent!important;border:none!important}.cb-node-status-pill.locked{color:#64748b!important;background:transparent!important;border:none!important}.cb-node-title-text{font-size:1.05rem!important;font-weight:800!important;color:#0f172a!important;margin:0 0 .3rem!important}.cb-node-sub-text{font-size:.8rem!important;color:#475569!important;margin:0 0 .85rem!important;display:flex;align-items:center;gap:.35rem}.cb-node-action-btn{width:100%!important;padding:.7rem 1.25rem!important;border-radius:9999px!important;border:none!important;background:#7ed321!important;color:#000!important;font-weight:850!important;font-size:.88rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;transition:transform .15s ease,background .15s ease!important;box-shadow:none!important}.cb-node-action-btn:hover{background:#8cf024!important;transform:translateY(-2px)!important}.cb-node-action-btn.completed,.cb-node-action-btn.in-progress,.cb-node-action-btn.locked{background:#7ed321!important;color:#000!important;border:none!important}@media(max-width:768px){.cb-gamified-path-card{padding:1.25rem 1rem!important}.cb-3d-path-node-row{flex-direction:column!important;align-items:center!important;padding:0!important;gap:1rem!important}.cb-3d-node-label-card{max-width:100%!important;width:100%!important}}@media(max-width:1024px){.cb-path-hero-inner{grid-template-columns:1fr!important;gap:1.75rem!important}.cb-path-2col-layout{grid-template-columns:1fr!important;padding:0 1.25rem!important;gap:1.5rem!important}.cb-left-career-preview-box{margin-top:1rem!important;width:100%!important;max-width:100%!important}}@media(max-width:768px){.cb-blank-path-page{padding-top:70px!important;padding-bottom:50px!important}.cb-path-hero-showcase{min-height:auto!important;padding:1.5rem 0!important}.cb-path-hero-inner{grid-template-columns:1fr!important;gap:1.5rem!important;padding:0 1rem!important}.cb-path-hero-right{order:-1;width:100%!important;justify-content:center!important}.cb-path-image-card{max-width:100%!important;width:100%!important;height:180px!important}.cb-path-hero-img{max-height:140px!important}.cb-path-main-title{font-size:1.55rem!important}.cb-path-main-desc{font-size:.88rem!important;line-height:1.5!important}.cb-path-specs-row{flex-wrap:wrap!important;gap:.45rem!important}.cb-spec-badge{font-size:.72rem!important;padding:.3rem .65rem!important}.cb-path-learn-section{margin:.9rem 0!important}.cb-path-learn-item{font-size:.82rem!important}.cb-path-actions-row{flex-direction:column!important;width:100%!important;gap:.75rem!important}.cb-path-primary-start-btn,.cb-path-bookmark-btn{width:100%!important;justify-content:center!important;text-align:center!important}.cb-path-2col-layout{grid-template-columns:1fr!important;padding:0 1rem!important}.cb-left-career-preview-box{margin-top:.75rem!important;padding:1.25rem 1rem!important;width:100%!important}.cb-claymorphism-scene-box{height:160px!important}.cb-gamified-nodes-list{padding:1rem 0!important;gap:1.75rem!important;max-width:100%!important}.cb-3d-path-node-row{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important;height:auto!important;min-height:80px!important;width:100%!important;padding:0 .25rem!important;box-sizing:border-box!important}.cb-plate-click-wrapper,.cb-3d-path-node-row.node-left .cb-plate-click-wrapper,.cb-3d-path-node-row.node-right .cb-plate-click-wrapper{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;flex-shrink:0!important;margin:0!important;z-index:20!important}.cb-path-node-desktop-label,.cb-3d-path-node-row.node-left .cb-path-node-desktop-label,.cb-3d-path-node-row.node-right .cb-path-node-desktop-label{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;flex:1!important;min-width:0!important;max-width:100%!important;z-index:15!important}.cb-desktop-label-title{display:block!important;width:100%!important;font-size:.8rem!important;padding:8px 12px!important;white-space:normal!important;word-break:break-word!important;line-height:1.35!important;box-sizing:border-box!important}.cb-exact-plate-container{width:80px!important;height:60px!important}.cb-3d-node-popover-card{width:calc(100vw - 32px)!important;max-width:360px!important;bottom:16px!important;left:50%!important;transform:translate(-50%)!important;padding:1rem!important}.cb-path-body-container{padding:0 1rem!important;gap:1.25rem!important}.cb-path-outcomes-card,.cb-path-curriculum-card{padding:1.25rem 1rem!important}.cb-outcomes-grid{grid-template-columns:1fr!important}.cb-module-row-header{padding:1rem .85rem!important;gap:.75rem!important}.cb-mod-right-actions{gap:.5rem!important}}@media(max-width:480px){.cb-path-specs-row{gap:.35rem!important}.cb-spec-badge{font-size:.68rem!important;padding:.25rem .55rem!important}.cb-path-main-title{font-size:1.35rem!important}.cb-desktop-label-title{font-size:.75rem!important;padding:6px 10px!important}.cb-exact-plate-container{width:70px!important;height:55px!important}}.video-admin-container{color:#f5f5f7;font-family:Geist,Ubuntu,Inter,sans-serif;width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}.video-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.video-admin-header>div{padding-top:1rem;padding-left:1.25rem}.video-admin-title{font-size:1.6rem;font-weight:800;color:#f5f5f7;margin:0 0 .4rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.video-admin-subtitle{color:#a1a1aa;font-size:.9rem;margin:0}.video-stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:2rem}.video-stat-card{background:#17171a;border:1px solid #2D2D32;border-radius:20px;padding:1.4rem 1.25rem;width:145px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;box-shadow:0 4px 16px #0006;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box}.video-stat-card:hover{transform:translateY(-2px);border-color:#22c55e66;box-shadow:0 6px 24px #0009}.video-stat-label{font-size:.8rem;font-weight:600;color:#a1a1aa;text-transform:none;letter-spacing:-.01em;line-height:1.25}.video-stat-val{font-size:1.85rem;font-weight:800;color:#f5f5f7;line-height:1}.video-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto 2rem;max-width:900px;width:100%;box-sizing:border-box;flex-wrap:wrap;background:#17171a;padding:.85rem 1.25rem;border-radius:9999px;border:1px solid #2D2D32;box-shadow:0 4px 16px #0006}.video-search-box{display:flex;align-items:center;gap:.6rem;background:#18181b;border:1px solid #2D2D32;border-radius:9999px;padding:.6rem 1.25rem;flex:1;min-width:260px}.video-search-input{background:transparent;border:none;color:#f5f5f7;outline:none;font-size:.9rem;font-weight:600;width:100%}.video-search-input::placeholder{color:#71717a}.video-filter-select{background:#18181b;border:1px solid #2D2D32;color:#f5f5f7;padding:.65rem 1.2rem;border-radius:9999px;font-size:.88rem;font-weight:700;outline:none;cursor:pointer}.video-btn-add{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#22c55e;color:#0b0b0d;border:none;padding:.65rem 1.6rem;border-radius:9999px;font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:0 3px 12px #22c55e4d;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em;margin-right:1.25rem;margin-top:.65rem}.video-btn-add:hover{transform:translateY(-1px);background:#16a34a;box-shadow:0 5px 16px #22c55e66}.video-btn-add:active{transform:translateY(1px)}.video-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1320px;width:100%;margin:0 auto;align-items:stretch}@media(max-width:1280px){.video-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.video-card{background:#17171a;border:1px solid #2D2D32;border-radius:20px;overflow:hidden!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box;box-shadow:0 4px 16px #0006;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.video-card:hover{border-color:#22c55e66;transform:translateY(-2px);box-shadow:0 6px 24px #0009}.video-card-thumb-wrap{position:relative;width:100%;height:180px!important;min-height:180px!important;max-height:180px!important;flex-shrink:0!important;background:#0b0b0d;overflow:hidden!important}.video-card-thumb-img{width:100%!important;height:180px!important;max-height:180px!important;object-fit:cover!important;display:block!important}.video-card-dur-badge{position:absolute;bottom:10px;right:10px;background:#0b0b0dd9;color:#f5f5f7;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #2D2D32}.video-card-lesson-badge{position:absolute;top:10px;left:10px;background:#17171ad9;color:#22c55e;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(34,197,94,.3)}.video-card-body{padding:1.15rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1;justify-content:space-between;background:#17171a;box-sizing:border-box;text-align:center;align-items:center}.video-card-header{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.4rem;text-align:center;width:100%}.video-card-title{font-size:1.05rem;font-weight:800;color:#f5f5f7;margin:0;line-height:1.35;text-align:center}.video-card-desc{font-size:.82rem;color:#a1a1aa;margin:0;line-height:1.45;text-align:center;word-break:break-word}.video-card-meta{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;margin-top:.6rem;margin-bottom:.85rem;width:100%}.meta-pill{font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:9999px;letter-spacing:.02em;line-height:1.2;display:inline-flex;align-items:center;white-space:nowrap}.status-pill-published{background:#102a1a;color:#22c55e!important;border:1px solid rgba(34,197,94,.3)}.status-pill-draft{background:#f59e0b1f;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)}.proc-pill-ready{background:#3b82f61f;color:#3b82f6!important;border:1px solid rgba(59,130,246,.3)}.proc-pill-uploading{background:#a855f71f;color:#c084fc!important;border:1px solid rgba(168,85,247,.3)}.proc-pill-error{background:#ef44441f;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)}.video-card-actions{display:flex;align-items:center;justify-content:center;gap:.4rem;padding-top:.85rem;border-top:1px solid #2D2D32;margin-top:auto;width:100%}.video-act-btn{flex:1;min-width:0;height:36px;padding:0 .4rem;border-radius:9999px;font-size:.76rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;white-space:nowrap;box-sizing:border-box;background:#1a1a1e!important;color:#f5f5f7!important;border:1px solid #2D2D32!important;box-shadow:none!important}.video-act-btn:hover{background:#26262d!important;color:#fff!important;border-color:#71717a!important;transform:translateY(-1px)}.video-act-btn:active{transform:translateY(1px)}.act-edit,.act-preview,.act-publish,.act-unpublish{background:#1a1a1e!important;color:#f5f5f7!important;border:1px solid #2D2D32!important}.act-delete{flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:9999px;background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important}.act-delete:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.video-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1.5rem}.video-modal-box{background:#17171a;border:1px solid #2D2D32;border-radius:20px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;color:#f5f5f7}.video-modal-header{padding:1.5rem 1.75rem;border-bottom:1px solid #2D2D32;display:flex;justify-content:space-between;align-items:center;background:#111113}.video-modal-title{font-size:1.35rem;font-weight:800;color:#f5f5f7;margin:0}.video-modal-body{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.modal-form-group{display:flex;flex-direction:column;gap:.4rem}.modal-form-label{font-size:.78rem;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em}.modal-form-input,.modal-form-textarea,.modal-form-select,.video-modal-box input,.video-modal-box textarea,.video-modal-box select{background:#18181b!important;border:1px solid #2D2D32!important;border-radius:12px!important;padding:.75rem 1rem!important;color:#f5f5f7!important;font-size:.92rem!important;outline:none!important;font-family:inherit!important;box-sizing:border-box!important}.modal-form-input::placeholder,.modal-form-textarea::placeholder,.video-modal-box input::placeholder,.video-modal-box textarea::placeholder{color:#71717a!important;opacity:1!important}.video-modal-box select option{background-color:#17171a!important;color:#f5f5f7!important}.modal-form-input:focus,.modal-form-textarea:focus,.modal-form-select:focus,.video-modal-box input:focus,.video-modal-box textarea:focus,.video-modal-box select:focus{border-color:#22c55e!important;box-shadow:0 0 0 2px #22c55e33!important}.modal-dropzone{border:2px dashed #2D2D32;border-radius:16px;padding:1.5rem;text-align:center;background:#18181b;cursor:pointer;transition:all .2s ease;color:#a1a1aa}.modal-dropzone:hover{border-color:#22c55e;background:#1a1a1e;color:#f5f5f7}.video-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #2D2D32;display:flex;justify-content:flex-end;gap:.75rem;background:#111113}.modal-cancel-btn{padding:.65rem 1.4rem;border:1px solid #2D2D32;border-radius:9999px;font-weight:700;font-size:.92rem;cursor:pointer;background:#1a1a1e;color:#f5f5f7;transition:all .2s}.modal-cancel-btn:hover{background:#26262d;border-color:#71717a}.modal-submit-btn{padding:.65rem 1.5rem;border:none;border-radius:9999px;font-weight:800;font-size:.92rem;cursor:pointer;background:#22c55e;color:#0b0b0d;box-shadow:0 4px 12px #22c55e4d;transition:all .2s}.modal-submit-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.source-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.source-option-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border-radius:14px;border:1px solid #2D2D32;background:#18181b;color:#a1a1aa;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit}.source-option-card:hover{border-color:#3f3f46;background:#1a1a1e;color:#f5f5f7}.source-option-card.active{border-color:#22c55e;background:#22c55e14;color:#f5f5f7;box-shadow:0 0 0 1px #22c55e59}.source-option-card.active svg{color:#22c55e}.source-option-card span{font-size:.9rem;font-weight:800}.source-option-card small{font-size:.76rem;color:#71717a;line-height:1.35}.source-help{font-size:.78rem;color:#71717a;line-height:1.45;margin-top:.15rem}.source-access-note{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(34,197,94,.3);background:#22c55e14;color:#d4d4d8;font-size:.8rem;line-height:1.5}.source-access-note svg{flex-shrink:0;color:#22c55e;margin-top:2px}.source-access-note strong{display:block;color:#f5f5f7;margin-bottom:.15rem}.source-preview{border:1px solid #2D2D32;border-radius:14px;overflow:hidden;background:#000}.source-preview-head{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .9rem;background:#18181b;border-bottom:1px solid #2D2D32;font-size:.75rem;font-weight:700;color:#a1a1aa}.source-preview-head span{display:inline-flex;align-items:center;gap:.35rem}.source-preview-url{font-family:monospace;font-weight:500;color:#71717a;overflow-wrap:anywhere}.source-preview-frame{width:100%;aspect-ratio:16 / 9;background:#000}.source-preview-frame iframe,.source-preview-frame video{width:100%;height:100%;border:none;display:block}@media(max-width:640px){.source-option-grid{grid-template-columns:1fr}}.game-admin-container{padding:0 0 2rem;color:#f5f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:100%;width:100%!important;margin:0 auto;box-sizing:border-box;min-width:0}.game-admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.game-admin-header>div{padding:.5rem .25rem .25rem .5rem}.game-admin-title{font-size:1.85rem;font-weight:800;color:#f5f5f7;margin:0;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.game-admin-subtitle{color:#a1a1aa;font-size:.95rem;margin-top:.4rem;margin-bottom:0}.game-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;margin-bottom:1.75rem;max-width:100%;width:100%}.stat-card{background:#17171a!important;border:1px solid #2D2D32!important;border-radius:20px!important;padding:.9rem 1rem!important;display:flex;flex-direction:column;box-shadow:0 4px 16px #0006!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover{border-color:#22c55e66!important;transform:translateY(-2px);box-shadow:0 6px 24px #0009!important}.stat-card-title{font-size:.72rem!important;font-weight:700!important;color:#a1a1aa!important;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;white-space:nowrap}.stat-card-value{font-size:1.6rem!important;font-weight:800!important;color:#f5f5f7!important;margin-top:.15rem;line-height:1}.game-admin-tabs{display:flex;gap:.65rem;border-bottom:1px solid #2D2D32;padding-bottom:.85rem;margin-bottom:1.75rem;overflow-x:auto}.admin-tab-btn{background:#17171a;border:1px solid #2D2D32;color:#a1a1aa;font-weight:700;padding:.6rem 1.25rem;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;font-size:.88rem;white-space:nowrap}.admin-tab-btn:hover{color:#f5f5f7;background:#1a1a1e}.admin-tab-btn.active{background:#26262d!important;color:#f5f5f7!important;border-color:#22c55e!important;box-shadow:0 2px 8px #0006!important}.admin-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;background:#17171a!important;border:1px solid #2D2D32!important;border-radius:9999px!important;box-shadow:0 4px 16px #0006!important;flex-wrap:wrap;max-width:100%;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}.admin-search-input{background:#18181b!important;border:1px solid #2D2D32!important;color:#f5f5f7!important;padding:.6rem 1.25rem!important;border-radius:9999px!important;width:320px;font-size:.92rem!important;font-weight:600!important;outline:none}.admin-search-input::placeholder{color:#71717a!important}.admin-select{background:#18181b!important;border:1px solid #2D2D32!important;color:#f5f5f7!important;padding:.6rem 1.25rem!important;border-radius:9999px!important;font-size:.92rem!important;font-weight:700!important;outline:none;cursor:pointer}.btn-primary{background:#22c55e!important;color:#0b0b0d!important;border:none!important;padding:.65rem 1.6rem!important;border-radius:9999px!important;font-weight:800!important;font-size:.92rem!important;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #22c55e40!important;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em;margin-right:1.25rem;margin-top:.65rem}.btn-primary:hover{transform:translateY(-1px);background:#16a34a!important;box-shadow:0 6px 16px #22c55e59!important}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#1a1a1e!important;color:#f5f5f7!important;border:1px solid #2D2D32!important;padding:6px 14px;border-radius:9999px;font-weight:700;font-size:.8rem;cursor:pointer;box-shadow:none;transition:all .2s ease}.btn-secondary:hover{background:#26262d!important;border-color:#71717a!important;color:#fff!important}.btn-danger{background:#ef44441f!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important;padding:6px 12px;border-radius:9999px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.admin-table-wrapper{background:#17171a!important;border:1px solid #2D2D32!important;border-radius:20px!important;overflow-x:auto!important;overflow-y:hidden!important;box-shadow:0 4px 16px #0006!important;max-width:100%;width:100%;margin-left:0;margin-right:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.admin-table{width:100%;min-width:1120px;border-collapse:separate!important;border-spacing:0!important;text-align:left;font-size:14px}.admin-table th{background:#111113!important;color:#a1a1aa!important;font-weight:700!important;padding:1rem 1.25rem!important;border-bottom:1px solid #2D2D32!important;text-transform:uppercase;font-size:.75rem!important;letter-spacing:.05em}.admin-table th:first-child{border-top-left-radius:19px!important}.admin-table th:last-child{border-top-right-radius:19px!important}.admin-table td{padding:1rem 1.25rem!important;border-bottom:1px solid #2D2D32!important;color:#f5f5f7!important;vertical-align:middle;white-space:nowrap}.admin-table td:first-child{white-space:normal;min-width:240px;max-width:300px}.admin-table td:last-child{white-space:nowrap}.admin-table td:last-child>div{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important}.admin-table td:last-child .btn-secondary,.admin-table td:last-child .btn-danger{padding:.42rem .6rem!important;min-width:34px;height:34px;display:inline-flex!important;align-items:center;justify-content:center;font-size:12px!important;white-space:nowrap}.admin-table td:last-child .btn-secondary:first-child{padding:.42rem .85rem!important}.admin-table tr:last-child td{border-bottom:none!important}.admin-table tr:hover{background:#1a1a1e!important}.game-thumb-cell{display:flex;align-items:center;gap:12px}.game-thumb-img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #2D2D32}.status-badge{padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge.published{background:#102a1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.draft{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.archived{background:#71717a26;color:#a1a1aa;border:1px solid #2D2D32}.badge-tag{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;margin-left:6px}.badge-tag.NEW{background:#3b82f6;color:#fff}.badge-tag.POPULAR{background:#ec4899;color:#fff}.badge-tag.FEATURED{background:#8b5cf6;color:#fff}.badge-tag.TRENDING{background:#22c55e;color:#0b0b0d}.toggle-switch{cursor:pointer;display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.toggle-switch.active{background:#102a1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.toggle-switch.inactive{background:#1a1a1e;color:#71717a;border:1px solid #2D2D32}.game-editor-container{background:#17171a;border:1px solid #2D2D32;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0006}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group label{font-size:13px;font-weight:600;color:#a1a1aa}.form-control{background:#18181b;border:1px solid #2D2D32;color:#f5f5f7;padding:10px 14px;border-radius:12px;font-size:14px;outline:none;font-weight:500;transition:border-color .2s}.form-control:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}textarea.form-control{min-height:100px;resize:vertical;font-family:inherit}.code-editor-tabs{display:flex;gap:8px;background:#111113;padding:8px 12px;border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid #2D2D32;border-bottom:none;flex-wrap:wrap}.code-tab-btn{background:transparent;border:none;color:#a1a1aa;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.code-tab-btn:hover{color:#f5f5f7}.code-tab-btn.active{background:#1a1a1e;color:#22c55e}.code-tab-btn.highlight-levels{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.code-tab-btn.highlight-levels.active{background:#22c55e;color:#0b0b0d;border-color:#22c55e}.code-textarea{width:100%;height:280px;background:#0b0b0d;border:1px solid #2D2D32;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#22c55e;font-family:Fira Code,Courier New,monospace;font-size:13px;padding:14px;box-sizing:border-box;outline:none;resize:vertical}.sandbox-preview-box{background:#0b0b0d;border:1px solid #2D2D32;border-radius:8px;overflow:hidden;height:380px;margin-top:10px}.sandbox-iframe{width:100%;height:100%;border:none;background:#0b0b0d}.game-admin-container select option,.game-editor-container select option{background-color:#17171a!important;color:#f5f5f7!important}.recent-activity-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%}.recent-activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.recent-activity-title{display:flex;align-items:center;gap:.65rem;margin:0;color:var(--admin-text-primary, #F5F5F7);font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.recent-activity-title svg{color:var(--admin-accent-green, #22C55E)}.recent-activity-subtitle{margin:.4rem 0 0;color:var(--admin-text-secondary, #A1A1AA);font-size:.9rem;line-height:1.5}.recent-activity-refresh{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.6rem 1rem;border-radius:var(--admin-radius-pill, 9999px);border:1px solid var(--admin-border, #2D2D32);background:var(--admin-surface-secondary, #17171A);color:var(--admin-text-primary, #F5F5F7);font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.recent-activity-refresh:hover:not(:disabled){border-color:#22c55e73;background:var(--admin-elevated-hover, #222228)}.recent-activity-refresh:disabled{cursor:not-allowed;opacity:.6}.recent-activity-refresh .spin{animation:recent-activity-spin .9s linear infinite}.recent-activity-section{padding:1.5rem;border-radius:var(--admin-radius-xl, 24px);border:1px solid var(--admin-border, #2D2D32);background:var(--admin-surface-secondary, #17171A);box-shadow:var(--admin-shadow-md, 0 4px 20px rgba(0, 0, 0, .5))}.recent-activity-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.recent-activity-section-head h3{margin:0;color:var(--admin-text-primary, #F5F5F7);font-size:1.02rem;font-weight:800;letter-spacing:-.01em}.recent-activity-section-head p{margin:.3rem 0 0;color:var(--admin-text-secondary, #A1A1AA);font-size:.82rem;line-height:1.5;max-width:680px}.recent-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem}.recent-activity-card{display:flex;flex-direction:column;gap:.65rem;min-width:0;min-height:150px;padding:1rem;border-radius:var(--admin-radius-lg, 18px);border:1px solid var(--admin-border, #2D2D32);background:var(--admin-surface-primary, #111113);color:var(--admin-text-primary, #F5F5F7);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.recent-activity-card.has-activity:hover{transform:translateY(-2px);border-color:var(--activity-accent, var(--admin-accent-green, #22C55E));box-shadow:var(--admin-shadow-sm, 0 2px 8px rgba(0, 0, 0, .4))}.recent-activity-card.is-empty{border-style:dashed;background:#1111138c}.recent-activity-card-top{display:flex;align-items:center;gap:.6rem;min-width:0}.recent-activity-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--activity-accent-soft, rgba(34, 197, 94, .14));color:var(--activity-accent, var(--admin-accent-green, #22C55E));border:1px solid rgba(255,255,255,.06)}.recent-activity-category{color:var(--admin-text-primary, #F5F5F7);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.recent-activity-open-icon{margin-left:auto;flex:0 0 auto;color:var(--admin-text-muted, #71717A)}.recent-activity-card.has-activity:hover .recent-activity-open-icon{color:var(--activity-accent, var(--admin-accent-green, #22C55E))}.recent-activity-item-title{margin:0;color:var(--admin-text-primary, #F5F5F7);font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.recent-activity-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:auto}.recent-activity-action,.recent-activity-time{color:var(--admin-text-secondary, #A1A1AA);font-size:.76rem;font-weight:600}.recent-activity-time{white-space:nowrap}.recent-activity-empty{margin:auto 0;color:var(--admin-text-muted, #71717A);font-size:.85rem;font-weight:600}.recent-activity-progress{align-self:flex-start;padding:.22rem .5rem;border-radius:var(--admin-radius-pill, 9999px);border:1px solid var(--admin-border, #2D2D32);color:var(--admin-text-secondary, #A1A1AA);background:var(--admin-elevated, #1A1A1E);font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.recent-activity-progress.completed{color:#86efac;border-color:#22c55e59;background:#22c55e1f}.recent-activity-progress.in_progress,.recent-activity-progress.attempted{color:#fcd34d;border-color:#f59e0b59;background:#f59e0b1f}.recent-activity-student-section{background:var(--admin-surface-secondary, #17171A)}.recent-activity-student-head{align-items:center}.recent-activity-student-picker{display:flex;align-items:center;gap:.6rem;min-width:240px}.recent-activity-student-picker label{color:var(--admin-text-secondary, #A1A1AA);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.recent-activity-student-picker select{flex:1;min-height:40px;padding:.55rem .85rem;border-radius:var(--admin-radius-pill, 9999px);border:1px solid var(--admin-border, #2D2D32);background:var(--admin-input-bg, #18181B);color:var(--admin-text-primary, #F5F5F7);font-size:.82rem;font-weight:600;outline:none}.recent-activity-student-picker select:focus{border-color:var(--admin-accent-green, #22C55E);box-shadow:0 0 0 2px #22c55e29}.recent-activity-student-picker select:disabled{opacity:.65}.recent-activity-selected-student{margin:0 0 1rem;color:var(--admin-text-secondary, #A1A1AA);font-size:.82rem}.recent-activity-selected-student strong{color:var(--admin-text-primary, #F5F5F7)}.recent-activity-placeholder{display:flex;align-items:center;gap:.45rem;padding:1rem 1.1rem;border-radius:var(--admin-radius-lg, 18px);border:1px dashed var(--admin-border, #2D2D32);color:var(--admin-text-secondary, #A1A1AA);font-size:.85rem;font-weight:600}.recent-activity-error{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border-radius:var(--admin-radius-lg, 18px);border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#fca5a5;font-size:.85rem;font-weight:600}.recent-activity-error span{flex:1}.recent-activity-retry{padding:.35rem .7rem;border-radius:var(--admin-radius-pill, 9999px);border:1px solid rgba(239,68,68,.4);background:transparent;color:#fca5a5;font-size:.75rem;font-weight:800;cursor:pointer}.recent-activity-retry:hover{background:#ef444429}.recent-activity-card-loading{pointer-events:none}.recent-activity-skeleton-strip,.recent-activity-skeleton-line{border-radius:8px;background:linear-gradient(90deg,#1e1e22 25%,#2a2a30,#1e1e22 75%);background-size:200% 100%;animation:recent-activity-shimmer 1.4s ease-in-out infinite}.recent-activity-skeleton-strip{width:34px;height:34px;border-radius:11px}.recent-activity-skeleton-line{height:10px}.recent-activity-skeleton-line.wide{width:82%}.recent-activity-skeleton-line.short{width:48%}@keyframes recent-activity-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes recent-activity-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.recent-activity-student-head{align-items:flex-start}.recent-activity-student-picker{width:100%;min-width:0}}@media(max-width:640px){.recent-activity-section{padding:1.1rem}.recent-activity-header{align-items:stretch}.recent-activity-refresh{width:100%}.recent-activity-grid{grid-template-columns:1fr}.recent-activity-student-picker{flex-direction:column;align-items:stretch;gap:.35rem}}:root{--admin-bg: #0B0B0D;--admin-surface-primary: #111113;--admin-surface-secondary: #17171A;--admin-elevated: #1A1A1E;--admin-elevated-hover: #222228;--admin-pill-active: #26262D;--admin-input-bg: #18181B;--admin-text-primary: #F5F5F7;--admin-text-secondary: #A1A1AA;--admin-text-muted: #71717A;--admin-border: #2D2D32;--admin-border-subtle: rgba(255, 255, 255, .08);--admin-border-focus: #22C55E;--admin-accent-green: #22C55E;--admin-accent-hover: #16A34A;--admin-accent-subtle: #102A1A;--admin-error: #EF4444;--admin-warning: #F59E0B;--admin-info: #3B82F6;--admin-radius-sm: 8px;--admin-radius-md: 12px;--admin-radius-lg: 18px;--admin-radius-xl: 24px;--admin-radius-pill: 9999px;--admin-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--admin-shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--admin-shadow-lg: 0 12px 35px rgba(0, 0, 0, .7);--admin-shadow-modal: 0 25px 60px rgba(0, 0, 0, .85)}.admin-page-container{background-color:var(--admin-bg)!important;color:var(--admin-text-primary)!important;min-height:100vh;width:100%;font-family:Geist,Ubuntu,Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-page-container .admin-layout{background-color:var(--admin-bg)!important;color:var(--admin-text-primary)!important}.admin-page-container .admin-sidebar{background-color:var(--admin-surface-primary)!important;border-right:1px solid var(--admin-border)!important}.admin-page-container .admin-sidebar-header{border-bottom:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important}.admin-page-container .admin-nav-item{color:var(--admin-text-secondary)!important;border-radius:var(--admin-radius-md)!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;border:1px solid transparent!important;background:transparent!important;padding:.75rem 1rem!important;display:flex!important;align-items:center!important;gap:.85rem!important;margin-bottom:2px!important}.admin-page-container .admin-nav-item:hover{background-color:var(--admin-surface-secondary)!important;color:var(--admin-text-primary)!important;border-color:var(--admin-border)!important}.admin-page-container .admin-nav-item.active{background-color:var(--admin-pill-active)!important;color:var(--admin-text-primary)!important;border-color:var(--admin-border)!important;font-weight:700!important;box-shadow:var(--admin-shadow-sm)!important;position:relative}.admin-page-container .admin-nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background-color:var(--admin-accent-green);border-radius:0 4px 4px 0}.admin-page-container .admin-nav-item.active .nav-icon{color:var(--admin-accent-green)!important}.admin-page-container .admin-main{background-color:var(--admin-bg)!important}.admin-page-container .admin-topbar{background-color:var(--admin-surface-primary)!important;border-bottom:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important}.admin-page-container .admin-content{background-color:var(--admin-bg)!important;color:var(--admin-text-primary)!important}.admin-page-container .management-card{background:var(--admin-surface-secondary)!important;color:var(--admin-text-primary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-xl)!important;box-shadow:var(--admin-shadow-md)!important}.admin-page-container .manager-container{background-color:var(--admin-bg)!important;color:var(--admin-text-primary)!important}.admin-page-container .manager-header-bar,.admin-page-container .layout-manager-header,.admin-page-container .video-admin-header,.admin-page-container .game-admin-header,.admin-page-container .cb-admin-header{color:var(--admin-text-primary)!important}.admin-page-container .stat-card,.admin-page-container .video-stat-card,.admin-page-container .cb-admin-stat-card,.admin-page-container .cb-metric-card,.admin-page-container .kpi-card-hover,.admin-page-container .soc-stat-card,.admin-page-container .kpi-card-anim{background:var(--admin-surface-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-lg)!important;color:var(--admin-text-primary)!important;box-shadow:var(--admin-shadow-sm)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}.admin-page-container .stat-card:hover,.admin-page-container .video-stat-card:hover,.admin-page-container .cb-admin-stat-card:hover,.admin-page-container .cb-metric-card:hover,.admin-page-container .kpi-card-hover:hover,.admin-page-container .soc-stat-card:hover{transform:translateY(-2px)!important;border-color:#22c55e66!important;box-shadow:var(--admin-shadow-md)!important}.admin-page-container .stat-card-title,.admin-page-container .video-stat-label,.admin-page-container .cb-stat-label,.admin-page-container .cb-metric-label{color:var(--admin-text-secondary)!important;font-weight:600!important}.admin-page-container .stat-card-value,.admin-page-container .video-stat-val,.admin-page-container .cb-stat-num,.admin-page-container .cb-metric-val{color:var(--admin-text-primary)!important;font-weight:800!important}.admin-page-container .admin-controls-bar,.admin-page-container .video-controls-bar,.admin-page-container .cb-admin-controls-bar,.admin-page-container .cb-admin-lp-toolbar,.admin-page-container .manager-header-bar{background:var(--admin-surface-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-lg)!important;box-shadow:var(--admin-shadow-sm)!important;color:var(--admin-text-primary)!important}.admin-page-container .admin-search-input,.admin-page-container .video-search-input,.admin-page-container .cb-admin-search-input,.admin-page-container .video-search-box,.admin-page-container .cb-admin-search-wrapper,.admin-page-container .cb-admin-search-wrap input{background:var(--admin-input-bg)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important;border-radius:var(--admin-radius-pill)!important;outline:none!important}.admin-page-container .admin-search-input:focus,.admin-page-container .video-search-input:focus,.admin-page-container .cb-admin-search-input:focus,.admin-page-container .cb-admin-search-wrap input:focus{border-color:var(--admin-accent-green)!important;box-shadow:0 0 0 2px #22c55e33!important}.admin-page-container .admin-select,.admin-page-container .video-filter-select,.admin-page-container .cb-admin-select,.admin-page-container .cb-admin-filter-group,.admin-page-container .cb-admin-filter-select{background:var(--admin-input-bg)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important;border-radius:var(--admin-radius-pill)!important;outline:none!important}.admin-page-container select option{background:var(--admin-surface-secondary)!important;color:var(--admin-text-primary)!important}.admin-page-container .video-card,.admin-page-container .cb-admin-path-card,.admin-page-container .cb-admin-quiz-card,.admin-page-container .user-card,.admin-page-container .admin-item-card,.admin-page-container .card-row-item,.admin-page-container .card-editor-box,.admin-page-container .section-layout-card,.admin-page-container .game-editor-container{background:var(--admin-surface-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-lg)!important;color:var(--admin-text-primary)!important;box-shadow:var(--admin-shadow-sm)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}.admin-page-container .video-card:hover,.admin-page-container .cb-admin-path-card:hover,.admin-page-container .cb-admin-quiz-card:hover,.admin-page-container .user-card:hover,.admin-page-container .admin-item-card:hover,.admin-page-container .card-row-item:hover,.admin-page-container .section-layout-card:hover{border-color:#22c55e66!important;transform:translateY(-2px)!important;box-shadow:var(--admin-shadow-md)!important}.admin-page-container .video-card-body,.admin-page-container .card-box-header,.admin-page-container .user-details{background:transparent!important;color:var(--admin-text-primary)!important}.admin-page-container .video-card-title,.admin-page-container .user-name,.admin-page-container .manager-title,.admin-page-container .card-box-name,.admin-page-container .title-row h3,.admin-page-container .item-info h3{color:var(--admin-text-primary)!important}.admin-page-container .video-card-desc,.admin-page-container .user-email,.admin-page-container .manager-subtitle,.admin-page-container .subtitle-txt,.admin-page-container .section-subtitle-txt{color:var(--admin-text-secondary)!important}.admin-page-container .user-avatar-mini{background:var(--admin-elevated)!important;color:var(--admin-text-primary)!important;border:1px solid var(--admin-border)!important}.admin-page-container .admin-table-wrapper,.admin-page-container .table-card{background:var(--admin-surface-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-lg)!important;box-shadow:var(--admin-shadow-sm)!important;overflow:hidden!important}.admin-page-container .admin-table,.admin-page-container .custom-table,.admin-page-container .soc-table{background:transparent!important;color:var(--admin-text-primary)!important;width:100%}.admin-page-container .admin-table th,.admin-page-container .custom-table th,.admin-page-container .soc-table th{background:var(--admin-surface-primary)!important;color:var(--admin-text-secondary)!important;border-bottom:1px solid var(--admin-border)!important;font-weight:700!important;font-size:.75rem!important;letter-spacing:.05em!important;text-transform:uppercase!important}.admin-page-container .admin-table td,.admin-page-container .custom-table td,.admin-page-container .soc-table td{background:var(--admin-surface-secondary)!important;color:var(--admin-text-primary)!important;border-bottom:1px solid var(--admin-border)!important}.admin-page-container .admin-table tr:hover td,.admin-page-container .custom-table tr:hover td,.admin-page-container .soc-table tr:hover td{background:var(--admin-elevated)!important}.admin-page-container input:not([type=checkbox]):not([type=radio]):not([type=range]),.admin-page-container textarea,.admin-page-container select,.admin-page-container .form-control,.admin-page-container .modal-form-input,.admin-page-container .modal-form-textarea,.admin-page-container .modal-form-select{background:var(--admin-input-bg)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important;border-radius:var(--admin-radius-md)!important;outline:none!important;font-family:inherit!important;transition:border-color .2s ease,box-shadow .2s ease!important}.admin-page-container input:focus,.admin-page-container textarea:focus,.admin-page-container select:focus,.admin-page-container .form-control:focus,.admin-page-container .modal-form-input:focus,.admin-page-container .modal-form-textarea:focus,.admin-page-container .modal-form-select:focus{border-color:var(--admin-accent-green)!important;box-shadow:0 0 0 2px #22c55e33!important}.admin-page-container input::placeholder,.admin-page-container textarea::placeholder{color:var(--admin-text-muted)!important}.admin-page-container label,.admin-page-container .form-group label,.admin-page-container .modal-form-label{color:var(--admin-text-secondary)!important;font-weight:600!important}.admin-page-container .btn-primary,.admin-page-container .submit-btn,.admin-page-container .video-btn-add,.admin-page-container .cb-create-lp-btn,.admin-page-container .cb-btn-create-quiz,.admin-page-container .add-btn,.admin-page-container .create-section-btn,.admin-page-container .action-btn-primary{background:var(--admin-accent-green)!important;color:#0b0b0d!important;border:1px solid transparent!important;border-radius:var(--admin-radius-pill)!important;font-weight:700!important;box-shadow:0 2px 10px #22c55e40!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.admin-page-container .btn-primary:hover,.admin-page-container .submit-btn:hover,.admin-page-container .video-btn-add:hover,.admin-page-container .cb-create-lp-btn:hover,.admin-page-container .cb-btn-create-quiz:hover,.admin-page-container .add-btn:hover,.admin-page-container .create-section-btn:hover,.admin-page-container .action-btn-primary:hover{background:var(--admin-accent-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #22c55e59!important}.admin-page-container .btn-secondary,.admin-page-container .cancel-btn,.admin-page-container .modal-cancel-btn,.admin-page-container .dlm-cancel-btn,.admin-page-container .ctrl-btn.reset,.admin-page-container .video-act-btn,.admin-page-container .cube-act-btn,.admin-page-container .icon-btn,.admin-page-container .edit-btn-action{background:var(--admin-elevated)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important;border-radius:var(--admin-radius-pill)!important;font-weight:600!important;box-shadow:none!important;cursor:pointer!important;transition:all .2s ease!important}.admin-page-container .btn-secondary:hover,.admin-page-container .cancel-btn:hover,.admin-page-container .modal-cancel-btn:hover,.admin-page-container .dlm-cancel-btn:hover,.admin-page-container .ctrl-btn.reset:hover,.admin-page-container .video-act-btn:hover,.admin-page-container .cube-act-btn:hover,.admin-page-container .icon-btn:hover,.admin-page-container .edit-btn-action:hover{background:var(--admin-elevated-hover)!important;border-color:var(--admin-text-muted)!important;color:#fff!important}.admin-page-container .act-delete,.admin-page-container .btn-danger,.admin-page-container .submit-btn.danger-btn,.admin-page-container .delete-btn-action,.admin-page-container .icon-btn.delete{background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important;color:var(--admin-error)!important;border-radius:var(--admin-radius-md)!important;transition:all .2s ease!important}.admin-page-container .act-delete:hover,.admin-page-container .btn-danger:hover,.admin-page-container .submit-btn.danger-btn:hover,.admin-page-container .delete-btn-action:hover,.admin-page-container .icon-btn.delete:hover{background:var(--admin-error)!important;color:#fff!important;border-color:var(--admin-error)!important}.admin-page-container .admin-tab-btn,.admin-page-container .tab-btn,.admin-page-container .modal-tab-btn{background:var(--admin-surface-secondary)!important;color:var(--admin-text-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-pill)!important;font-weight:600!important;transition:all .2s ease!important;box-shadow:none!important}.admin-page-container .admin-tab-btn:hover,.admin-page-container .tab-btn:hover,.admin-page-container .modal-tab-btn:hover{color:var(--admin-text-primary)!important;background:var(--admin-elevated)!important}.admin-page-container .admin-tab-btn.active,.admin-page-container .tab-btn.active,.admin-page-container .modal-tab-btn.active{background:var(--admin-elevated-hover)!important;color:var(--admin-text-primary)!important;border-color:var(--admin-accent-green)!important;box-shadow:var(--admin-shadow-sm)!important}.admin-modal,.video-modal-box,.modal-content,.dlm-modal-container{background:var(--admin-surface-secondary)!important;border:1px solid var(--admin-border)!important;border-radius:var(--admin-radius-xl)!important;color:var(--admin-text-primary)!important;box-shadow:var(--admin-shadow-modal)!important}.modal-header,.video-modal-header,.dlm-modal-header{background:var(--admin-surface-primary)!important;border-bottom:1px solid var(--admin-border)!important;color:var(--admin-text-primary)!important}.modal-header h3,.video-modal-title,.dlm-modal-header h3{color:var(--admin-text-primary)!important;font-weight:800!important}.modal-actions,.video-modal-footer,.dlm-modal-footer{border-top:1px solid var(--admin-border)!important;background:var(--admin-surface-primary)!important}.modal-overlay,.video-modal-backdrop,.dlm-modal-overlay{background:#000000d1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.admin-page-container .badge,.admin-page-container .status-badge,.admin-page-container .meta-pill,.admin-page-container .status-pill,.admin-page-container .cb-status-pill,.admin-page-container .badge-active-status{border-radius:var(--admin-radius-pill)!important;font-weight:700!important;font-size:.72rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:.25rem .65rem!important}.admin-page-container .status-badge.published,.admin-page-container .status-pill-published,.admin-page-container .badge-student,.admin-page-container .badge-active-status.active,.admin-page-container .plan-badge,.admin-page-container .risk-badge.risk-safe{background:var(--admin-accent-subtle)!important;color:var(--admin-accent-green)!important;border:1px solid rgba(34,197,94,.3)!important}.admin-page-container .status-badge.draft,.admin-page-container .status-pill-draft,.admin-page-container .risk-badge.risk-watch{background:#f59e0b1f!important;color:var(--admin-warning)!important;border:1px solid rgba(245,158,11,.3)!important}.admin-page-container .badge-admin,.admin-page-container .badge-active-status.suspended,.admin-page-container .risk-badge.risk-critical,.admin-page-container .expiry-warning.danger{background:#ef44441f!important;color:var(--admin-error)!important;border:1px solid rgba(239,68,68,.3)!important}.admin-page-container .toggle-switch,.admin-page-container .visibility-toggle-btn{background:var(--admin-elevated)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text-secondary)!important;border-radius:var(--admin-radius-pill)!important;transition:all .2s ease!important}.admin-page-container .toggle-switch.active,.admin-page-container .visibility-toggle-btn.visible{background:var(--admin-accent-subtle)!important;border-color:#22c55e66!important;color:var(--admin-accent-green)!important}.admin-page-container ::-webkit-scrollbar{width:6px;height:6px}.admin-page-container ::-webkit-scrollbar-track{background:var(--admin-bg)}.admin-page-container ::-webkit-scrollbar-thumb{background:var(--admin-border);border-radius:4px}.admin-page-container ::-webkit-scrollbar-thumb:hover{background:var(--admin-text-muted)}.cb-videos-page{background-color:#141414!important;background:#141414!important;min-height:100vh!important;padding:110px 0 60px!important;font-family:Ubuntu,Plus Jakarta Sans,Inter,sans-serif;color:#fff!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.cb-videos-banner-icon{width:40px;height:40px;color:#6b7280;stroke-width:2.25;flex-shrink:0}.cb-videos-page .cb-courses-cube-topbar{width:100%!important;height:auto!important;min-height:200px!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;box-sizing:border-box!important;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:1.75rem 2.5rem 1.5rem!important}.cb-videos-page .cb-cube-topbar-brace{font-size:2.2rem!important;font-weight:950!important;color:#111827!important;font-family:Geist,Ubuntu,monospace;letter-spacing:-.02em;line-height:1;margin:0!important}.cb-videos-page .cb-cube-topbar-desc{font-size:.95rem!important;color:#374151!important;margin:.4rem 0 1rem!important;line-height:1.5;font-weight:500}.cb-videos-page .cb-banner-stats-row{display:flex;align-items:center;gap:2rem;margin-top:.25rem}.cb-videos-page .cb-banner-stat-item{display:flex;align-items:center;gap:.5rem}.cb-videos-page .cb-stat-num{font-size:1.75rem!important;font-weight:950!important;color:#111827!important;line-height:1}.cb-videos-page .cb-stat-label{font-size:.78rem!important;font-weight:700!important;color:#4b5563!important;line-height:1.25!important;text-transform:none!important}.cb-videos-page .cb-courses-controls-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem 2.5rem!important;background:linear-gradient(115deg,#f3e8ff,#fef9c3 48%,#fce7f3)!important;border-bottom:1.5px solid #F3D0EF!important;width:100%!important;box-sizing:border-box!important;flex-wrap:wrap}.cb-videos-page .cb-courses-search-wrap{position:relative;width:260px;flex-shrink:0}.cb-videos-page .cb-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#475569;font-size:.8rem}.cb-videos-page .cb-courses-search-input{width:100%;height:40px;padding:0 2.2rem 0 2.5rem;background:#2b2b2b!important;border:1.5px solid #3d3d3d!important;border-radius:8px;color:#fff!important;font-size:.85rem;font-weight:600;outline:none;box-sizing:border-box}.cb-videos-page .cb-courses-search-input::placeholder{color:#94a3b8}.cb-videos-page .cb-search-clear-icon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;font-size:.8rem}.cb-videos-page .cb-courses-dropdown-wrapper{position:relative}.cb-videos-page .cb-courses-dropdown-btn{height:40px;padding:0 1rem;background:#2b2b2b!important;border:1.5px solid #3d3d3d!important;border-radius:8px;color:#fff!important;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;cursor:pointer;white-space:nowrap}.cb-videos-page .cb-courses-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#2b2b2b;border:1.5px solid #3d3d3d;border-radius:8px;padding:6px;z-index:100;min-width:160px;box-shadow:0 10px 25px #00000080}.cb-videos-page .cb-dropdown-item{padding:8px 12px;color:#d1d5db;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer}.cb-videos-page .cb-dropdown-item:hover,.cb-videos-page .cb-dropdown-item.active{background:#7ed321;color:#000;font-weight:800}.cb-videos-page .cb-courses-chips{display:flex;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cb-videos-page .cb-courses-chips::-webkit-scrollbar{display:none}.cb-videos-page .cb-course-chip{height:38px;padding:0 1rem;background:#2b2b2b!important;border:1.5px solid #3d3d3d!important;border-radius:8px;color:#fff!important;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.cb-videos-page .cb-course-chip.active{background:#000!important;color:#ffead2!important;border:1.5px solid #FFEAD2!important}.cb-videos-container{max-width:1440px;width:95%;margin:0 auto}.cb-video-tab:hover{border-color:#84cc16!important;color:#84cc16!important}.cb-video-tab.active{border-color:#84cc16!important;color:#84cc16!important;background:#84cc160d!important}.cb-spotlight-carousel-section{padding:2.5rem 2.5rem 1.5rem;max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}.cb-spotlight-carousel-container{display:flex;align-items:center;justify-content:center;gap:1.25rem;position:relative;width:100%}.cb-spotlight-nav-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid #e2e8f0;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;z-index:10;transition:all .2s ease;box-shadow:0 4px 12px #00000014}.cb-spotlight-nav-btn:hover{background:#52d415;color:#000;border-color:#4ecb0d}.cb-spotlight-cards-track{flex:1;width:100%;max-width:1100px}.cb-spotlight-card-slide{width:100%}.cb-top-spotlight-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-bottom:3.5px solid #cbd5e1!important;border-radius:24px!important;padding:1.5rem 1.75rem!important;width:100%;box-shadow:0 8px 28px #0000000f,0 2px 8px #00000008!important;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box;position:relative;overflow:hidden}.cb-spotlight-badge-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.cb-spotlight-badge-pill{display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:none!important;border-bottom:none!important;border-radius:0!important;padding:0!important;font-size:.9rem!important;font-weight:850!important;color:#000!important;text-transform:none!important}.cb-spotlight-category-tag{font-size:.85rem;font-weight:800;color:#64748b;font-family:Geist,monospace}.cb-spotlight-inner-box{display:flex;align-items:stretch;gap:1.75rem;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-bottom:2.5px solid #cbd5e1!important;border-radius:16px!important;padding:1.25rem;box-sizing:border-box;overflow:hidden}.cb-spotlight-thumb-wrap{width:300px;height:175px;min-width:300px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0;background:#fff;border:1.5px solid #cbd5e1;border-bottom:2px solid #94a3b8}.cb-spotlight-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cb-spotlight-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center}.cb-spotlight-play-icon{width:44px;height:44px;border-radius:50%;background:#52d415;color:#000;display:flex;align-items:center;justify-content:center}.cb-spotlight-thumb-badge{position:absolute;bottom:8px;right:8px;background:#0f172ad9;color:#fff;font-weight:800;font-size:.72rem;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cb-spotlight-inner-text{display:flex;flex-direction:column;justify-content:center;gap:.4rem;flex:1;min-width:0}.cb-spotlight-subhead{font-size:.78rem!important;font-weight:850!important;color:#000!important;letter-spacing:.04em;text-transform:none!important}.cb-spotlight-title{font-size:1.4rem;font-weight:900;color:#0f172a!important;margin:0;line-height:1.25}.cb-spotlight-desc{font-size:.88rem;color:#475569!important;line-height:1.5;margin:0;font-weight:500}.cb-spotlight-takeaways-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cb-spotlight-takeaway-pill{display:inline-flex;align-items:center;gap:6px;background:#fff!important;border:1px solid #cbd5e1!important;border-bottom:1.5px solid #cbd5e1!important;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;color:#334155!important}.cb-takeaway-check{color:#16a34a;font-weight:900}.cb-spotlight-footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.cb-spotlight-watch-btn{background:linear-gradient(180deg,#62e52b,#36ab1a)!important;color:#000!important;border:none!important;border-radius:9999px!important;font-family:Ubuntu,sans-serif;font-weight:900!important;font-size:.9rem!important;padding:10px 24px!important;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px #257c11!important;transition:all .15s ease}.cb-spotlight-watch-btn:hover{transform:translateY(1px);box-shadow:0 2px #257c11!important}.cb-spotlight-watch-btn:active{transform:translateY(3px);box-shadow:0 0 #257c11!important}.cb-spotlight-meta-right{display:flex;align-items:center;gap:1rem}.cb-spotlight-duration{font-size:.85rem;font-weight:700;color:#94a3b8}.cb-spotlight-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1.25rem}.cb-spotlight-dot{width:10px;height:10px;border-radius:50%;background:#3d3d3d;cursor:pointer;transition:all .2s ease}.cb-spotlight-dot.active{background:#7ed321;width:24px;border-radius:12px}.cb-featured-left-info{flex:1;max-width:60%;z-index:2}.cb-featured-main-h{font-size:2.8rem;line-height:1.15;font-weight:900;color:#0f172a;margin:0 0 1.2rem;letter-spacing:-.02em}.cb-featured-sub-h{font-size:1.05rem;color:#475569;line-height:1.5;margin:0 0 2rem;font-weight:500}.cb-featured-right-img-box{width:250px;height:250px;display:flex;align-items:center;justify-content:center;z-index:1}.cb-featured-brain-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(132,204,22,.35))}.cb-featured-time-pill{position:absolute;bottom:1.5rem;right:1.5rem;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.35rem .75rem;border-radius:8px;font-size:.75rem;font-weight:800}.cb-featured-sidebar-cards{display:flex;flex-direction:column;gap:1rem}.cb-featured-sidebar-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;display:flex;align-items:center;padding:1rem;gap:1.2rem;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.cb-featured-sidebar-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000000a;border-color:#84cc16}.cb-card-play-icon{position:absolute;top:1rem;left:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#84cc16;font-size:.75rem;z-index:10;box-shadow:0 4px 10px #00000014}.cb-card-image-box{width:90px;height:90px;border-radius:14px;background:#f8fafc;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cb-card-image-box img{width:75%;height:75%;object-fit:contain}.cb-card-body{flex:1}.cb-card-category{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.2rem}.cb-card-category.green-text{color:#16a34a}.cb-card-title{font-size:.95rem;font-weight:850;color:#1e293b;margin:0 0 .15rem}.cb-card-desc{font-size:.8rem;color:#64748b;margin:0 0 .4rem;line-height:1.35}.cb-card-meta-row{display:flex;gap:.8rem}.cb-card-meta-row .cb-meta{font-size:.75rem;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:.25rem}.cb-videos-shelf-section{margin-bottom:4rem}.cb-shelf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cb-shelf-title{font-size:1.4rem;font-weight:900;color:#0f172a;margin:0}.cb-shelf-nav{display:flex;gap:.6rem}.cb-shelf-nav-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.cb-shelf-nav-btn:hover{border-color:#84cc16;color:#84cc16}.cb-shelf-row-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:15px}.cb-shelf-row-scroll::-webkit-scrollbar{height:6px}.cb-shelf-row-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cb-continue-card{background:#fff;border-radius:20px;border:1.5px solid #e2e8f0;display:flex;align-items:center;padding:1rem;gap:1.2rem;width:320px;flex-shrink:0;position:relative;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #0000000a}.cb-continue-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000014;border-color:#84cc16}.cb-continue-left{width:80px;height:80px;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.cb-continue-img{width:70%;height:70%;object-fit:contain}.cb-continue-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#84cc16e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:.8rem}.cb-continue-right{flex:1}.cb-continue-title{font-size:.9rem;font-weight:850;color:#0f172a;margin:0 0 .25rem;line-height:1.35}.cb-continue-time{font-size:.75rem;color:#10b981;font-weight:800}.cb-total-time{color:#64748b;font-weight:600}.cb-continue-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e2e8f0}.cb-continue-progress-fill{height:100%;background:#84cc16}.cb-rec-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:1rem;width:260px;flex-shrink:0;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.cb-rec-card:hover{transform:translateY(-2px);border-color:#84cc16;box-shadow:0 12px 24px #0000000a}.cb-rec-bookmark-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;transition:color .2s;z-index:10}.cb-rec-bookmark-btn:hover{color:#eab308}.cb-rec-img-box{height:120px;background:#f8fafc;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}.cb-rec-img{width:50%;height:50%;object-fit:contain}.cb-rec-info{text-align:left}.cb-rec-title{font-size:.9rem;font-weight:850;color:#1e293b;margin:0 0 .4rem;line-height:1.35}.cb-rec-meta-row{display:flex;gap:.8rem}.cb-rec-time,.cb-rec-level{font-size:.75rem;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:.25rem}@media(max-width:1024px){.cb-videos-carousel-grid{grid-template-columns:1fr}}.cb-featured-player-section{padding:2.5rem 2.5rem 3rem;max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}.cb-featured-player-section .cb-player-container{max-width:1350px;margin:0 auto}.cb-featured-player-section .cb-video-stage{border:1.5px solid #2a3142;box-shadow:0 20px 50px #0009}.cb-featured-player-section .cb-course-prog-card{background:#1c1f26!important;border:1.5px solid #2e3545!important;color:#f8fafc!important}.cb-featured-player-section .cb-side-h{color:#f8fafc!important}.cb-featured-player-section .cb-sec-h{color:#e2e8f0!important}.cb-featured-player-section .cb-lesson-row{color:#94a3b8!important}.cb-featured-player-section .cb-lesson-row:hover{background:#ffffff0f!important;color:#f8fafc!important}.cb-featured-player-section .cb-lesson-row.active{background:#7ed3211f!important;color:#7ed321!important}.cb-featured-player-section .cb-up-next-card{background:#1c1f26!important;border:1.5px solid #2e3545!important;color:#f8fafc!important}.cb-suggested-videos-section{margin-top:2.5rem;background:#1c1f26;border:1.5px solid #2e3545;border-radius:24px;padding:1.75rem 2rem;box-shadow:0 16px 40px #0006}.cb-suggested-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.cb-suggested-title-group{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.cb-suggested-fire-badge{display:inline-flex;align-items:center;gap:8px;background:#7ed3211f;border:1px solid rgba(126,211,33,.3);border-radius:9999px;padding:8px 18px;font-size:.82rem;font-weight:900;color:#88e523;letter-spacing:.05em}.cb-suggested-subtitle{font-size:.9rem;font-weight:600;color:#94a3b8}.cb-suggested-nav-arrows{display:flex;align-items:center;gap:.6rem}.cb-suggested-arrow{width:36px;height:36px;border-radius:50%;background:#2a303f;border:1px solid #3d4659;color:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.cb-suggested-arrow:hover{background:#7ed321;color:#000;border-color:#6cc214}.cb-suggested-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;width:100%}.cb-suggested-card{background:#14171f;border:1.5px solid #2d3446;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.cb-suggested-card:hover{transform:translateY(-4px);border-color:#88e523;box-shadow:0 10px 25px #7ed3212e}.cb-suggested-thumb{position:relative;width:100%;height:150px;overflow:hidden}.cb-suggested-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.cb-suggested-card:hover .cb-suggested-thumb img{transform:scale(1.06)}.cb-suggested-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.cb-suggested-card:hover .cb-suggested-thumb-overlay{opacity:1}.cb-suggested-play-pill{background:linear-gradient(180deg,#88e523,#75da17);color:#000;font-weight:900;font-size:.78rem;padding:6px 14px;border-radius:9999px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #0006}.cb-suggested-duration{position:absolute;bottom:8px;right:8px;background:#0f172ad9;color:#fff;font-weight:800;font-size:.72rem;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cb-suggested-content{padding:1rem;display:flex;flex-direction:column;gap:6px;flex:1;justify-content:space-between}.cb-suggested-badge-tag{font-size:.72rem;font-weight:800;color:#88e523}.cb-suggested-card-title{font-size:.98rem;font-weight:700;color:#f8fafc;margin:0;line-height:1.3}.cb-suggested-card-desc{font-size:.8rem;color:#94a3b8;line-height:1.4;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-suggested-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #2a3142}@media(max-width:1024px){.cb-featured-player-section .cb-player-grid{grid-template-columns:1fr!important}.cb-featured-player-section .cb-player-code-visual{display:none!important}.cb-spotlight-carousel-section{padding:1.5rem 1rem!important}}@media(max-width:768px){.cb-videos-page{padding-top:80px!important}.cb-videos-page .cb-courses-cube-topbar{height:auto!important;min-height:auto!important;padding:1.25rem 1rem!important}.cb-videos-page .cb-cube-topbar-brace{font-size:1.5rem!important}.cb-videos-banner-icon{width:36px;height:36px}.cb-videos-page .cb-cube-topbar-desc{font-size:.85rem!important;margin-bottom:.75rem!important}.cb-videos-page .cb-banner-stats-row{gap:1.25rem!important;flex-wrap:wrap!important}.cb-videos-page .cb-stat-num{font-size:1.4rem!important}.cb-videos-page .cb-stat-label{font-size:.72rem!important}.cb-videos-page .cb-courses-controls-bar{padding:.75rem .85rem!important;flex-direction:column!important;align-items:stretch!important;gap:.65rem!important}.cb-videos-page .cb-courses-search-wrap{width:100%!important;max-width:100%!important}.cb-videos-page .cb-courses-dropdown-wrapper{width:100%!important}.cb-videos-page .cb-courses-dropdown-btn{width:100%!important;justify-content:space-between!important}.cb-videos-page .cb-courses-chips{width:100%!important;overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}.cb-spotlight-carousel-section{padding:1rem .5rem!important;margin-top:1rem!important}.cb-spotlight-carousel-container{position:relative!important;gap:0!important;width:100%!important}.cb-spotlight-nav-btn{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;z-index:20!important;background:#fffffff2!important;box-shadow:0 4px 14px #00000040!important;border:1px solid #cbd5e1!important}.cb-spotlight-nav-btn.prev{left:4px!important}.cb-spotlight-nav-btn.next{right:4px!important}.cb-spotlight-cards-track{width:100%!important;max-width:100%!important}.cb-top-spotlight-card{padding:1.1rem .85rem!important;border-radius:16px!important;width:100%!important;box-sizing:border-box!important}.cb-spotlight-inner-box{flex-direction:column!important;padding:.85rem!important;gap:.85rem!important;border-radius:12px!important}.cb-spotlight-thumb-wrap{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:16 / 9!important;border-radius:10px!important}.cb-spotlight-title{font-size:1.15rem!important;line-height:1.3!important}.cb-spotlight-desc{font-size:.82rem!important;line-height:1.4!important}.cb-spotlight-footer-row{flex-direction:column!important;align-items:center!important;gap:.75rem!important;width:100%!important}.cb-spotlight-watch-btn{width:100%!important;justify-content:center!important;padding:10px 18px!important;font-size:.85rem!important}.cb-spotlight-meta-right{width:100%!important;justify-content:space-between!important}.cb-courses-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.25rem!important;padding:.5rem .5rem 3rem!important;width:100%!important;box-sizing:border-box!important}.cb-module-column{max-width:330px!important;width:100%!important;height:auto!important;min-height:360px!important;margin:0 auto!important}.cb-card-image-top{width:100%!important;height:auto!important;aspect-ratio:16 / 9!important;flex-shrink:0!important}.cb-featured-player-section{padding:1.25rem 1rem!important}.cb-featured-player-section .cb-player-title{font-size:1.4rem!important}.cb-suggested-videos-section{padding:1.25rem 1rem!important;margin-top:1.5rem!important}}@media(max-width:480px){.cb-videos-page{padding-top:75px!important}.cb-module-column{max-width:290px!important}.cb-spotlight-title{font-size:1.05rem!important}.cb-spotlight-takeaways-row{gap:.35rem!important}.cb-spotlight-takeaway-pill{padding:3px 8px!important;font-size:.7rem!important}}.cb-player-page{background-color:#141414!important;background:#141414!important;min-height:100vh!important;width:100%!important;padding:135px 0 60px!important;box-sizing:border-box!important;font-family:Ubuntu,Plus Jakarta Sans,Inter,sans-serif;color:#fff!important;overflow-x:hidden!important}.cb-player-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.cb-player-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;color:#f8fafc!important;font-weight:800;font-size:.9rem;cursor:pointer;transition:opacity .2s ease}.cb-player-back-btn:hover{opacity:.8;background:transparent!important;border:none!important;transform:none!important}.cb-player-meta-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cb-meta-divider{color:#475569;font-size:.85rem;font-weight:700}.cb-meta-badge{font-size:.85rem;font-weight:800;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.cb-meta-badge.category{color:#7ed321!important}.cb-meta-badge.duration{color:#cbd5e1!important}.cb-meta-badge.level{color:#60a5fa!important}.cb-player-container{max-width:1100px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.cb-player-grid{display:grid;grid-template-columns:minmax(0,760px) 310px;justify-content:center;gap:1.75rem;align-items:start}.cb-player-main{display:flex;flex-direction:column;gap:1.5rem;max-width:760px}.cb-video-stage{width:100%;max-width:760px;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 18px 40px #0006}.cb-video-source{width:100%;height:100%;object-fit:cover}.cb-player-top-overlay{position:absolute;top:1.5rem;left:1.5rem;z-index:5;color:#fff}.cb-player-series-tag{color:#7ed321;font-weight:850;font-size:.82rem;margin-bottom:.3rem;display:block}.cb-player-title{font-size:1.85rem;font-weight:950;margin:0;line-height:1.15;max-width:290px}.cb-player-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;background:#7ed321;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 0 28px #7ed32173;z-index:10}.cb-player-code-visual{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:220px;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:.85rem;border:1px solid rgba(255,255,255,.1);font-family:Fira Code,monospace;font-size:.75rem;color:#cbd5e1}.cb-player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:.5rem 1rem .75rem;z-index:10}.cb-seek-bar-container{position:relative;height:4px;background:#fff3;border-radius:2px;margin-bottom:.75rem;cursor:pointer}.cb-seek-fill{position:absolute;left:0;top:0;height:100%;background:#7ed321;width:45%}.cb-seek-handle{position:absolute;left:45%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#7ed321;border-radius:50%;box-shadow:0 0 10px #7ed321cc}.cb-controls-row{display:flex;justify-content:space-between;align-items:center}.cb-controls-left,.cb-controls-right{display:flex;align-items:center;gap:.8rem;color:#fff}.cb-ctrl-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center}.cb-time-display{font-size:.9rem;font-weight:700}.cb-speed-pill,.cb-cc-pill,.cb-res-pill{padding:.3rem .8rem;background:#ffffff1a;border-radius:6px;font-size:.75rem;font-weight:800}.cb-cc-popup{position:absolute;bottom:5rem;right:5rem;width:180px;background:#fff;border-radius:12px;padding:.8rem;box-shadow:0 10px 30px #0003}.cb-cc-item{padding:.6rem .8rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;color:#475569;border-radius:8px;cursor:pointer}.cb-cc-item.active{background:#f0fdf4;color:#16a34a}.cb-player-info-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-radius:20px;padding:1.5rem 1.75rem;border:1.5px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;box-shadow:0 4px 16px #00000008}.cb-info-main h1{font-size:1.8rem;font-weight:950;color:#0f172a;margin:0 0 .8rem}.cb-info-meta{display:flex;align-items:center;gap:1rem}.cb-topic-pill{padding:.3rem .8rem;background:#f0fdf4;color:#16a34a;border-radius:6px;font-size:.75rem;font-weight:900}.cb-meta-txt{font-size:.85rem;font-weight:700;color:#64748b}.cb-info-actions{display:flex;gap:.8rem}.cb-action-btn-p{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem;background:#fff;border:1.5px solid #cbd5e1;border-bottom:2.5px solid #94a3b8;border-radius:10px;font-weight:850;font-size:.88rem;color:#1e293b;cursor:pointer;transition:all .2s ease}.cb-action-btn-p:hover{transform:translateY(-1px);border-color:#16a34a;border-bottom-color:#15803d}.cb-lesson-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.cb-detail-card{background:#fff;border-radius:20px;padding:1.5rem;border:1.5px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;box-shadow:0 4px 16px #00000008}.cb-detail-h{font-size:1rem;font-weight:900;color:#1e293b;margin-bottom:1.2rem}.cb-lesson-p{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.cb-learn-list{display:flex;flex-direction:column;gap:.6rem}.cb-learn-item{display:flex;align-items:center;gap:.8rem;font-size:.85rem;font-weight:700;color:#475569}.cb-res-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:12px;margin-bottom:.8rem}.cb-player-sidebar{display:flex;flex-direction:column;gap:1.5rem}.cb-course-prog-card{background:#fff;border-radius:20px;padding:1.5rem;border:1.5px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;box-shadow:0 4px 16px #00000008}.cb-side-h{font-size:1rem;font-weight:900;color:#0f172a}.cb-prog-h-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.cb-prog-stat{font-size:.82rem;font-weight:900;color:#7ed321}.cb-prog-bar-container{background:#e2e8f0;border-radius:9999px;overflow:hidden}.cb-prog-fill{background:linear-gradient(90deg,#a3e635,#7ed321);height:100%;border-radius:9999px}.cb-playlist-tabs{display:flex;border-bottom:1.5px solid #e2e8f0;margin-bottom:1.25rem}.cb-tab{flex:1;padding:.8rem 0;text-align:center;font-size:1.25rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.cb-tab:hover{color:#7ed321}.cb-tab.active{color:#7ed321;border-bottom:3px solid #7ed321}.cb-playlist-accordion{display:flex;flex-direction:column;gap:1rem}.cb-acc-sec{display:flex;flex-direction:column;gap:.6rem}.cb-sec-h{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:900;color:#1e293b;padding:.4rem .2rem;-webkit-user-select:none;user-select:none;transition:color .2s ease}.cb-sec-h:hover{color:#7ed321}.cb-sec-lessons{display:flex;flex-direction:column;gap:.5rem;margin-top:.2rem}.cb-lesson-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff!important;border:1.5px solid #cbd5e1!important;border-bottom:2.5px solid #94a3b8!important;border-radius:12px!important;font-size:.85rem;font-weight:750;color:#334155;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000008!important}.cb-lesson-row:hover{transform:translateY(-1px);border-color:#7ed321!important;border-bottom-color:#65a30d!important;color:#0f172a}.cb-lesson-row.active{background:#fff!important;border:1.5px solid #7ed321!important;border-bottom:2.5px solid #65a30d!important;color:#0f172a;box-shadow:0 3px 8px #7ed3212e!important}.cb-lesson-row.active .cb-lesson-t{font-weight:900;color:#4d8b0e}.cb-lesson-t{display:flex;align-items:center;gap:.75rem}.cb-lesson-dur{font-size:.78rem;font-weight:800;color:#64748b}.cb-up-next-card{background:#fff!important;border-radius:14px!important;padding:.85rem 1.1rem;border:1.5px solid #cbd5e1!important;border-bottom:2.5px solid #94a3b8!important;display:flex;gap:1rem;align-items:center;box-shadow:0 3px 8px #0000000a!important;transition:all .2s ease}.cb-up-next-card:hover{transform:translateY(-1px);border-color:#7ed321!important;border-bottom-color:#65a30d!important}.cb-next-thumb{width:46px;height:46px;border-radius:10px;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #00000040}@media(max-width:1024px){.cb-player-container{max-width:100%!important;padding:0 1.25rem!important}.cb-player-grid{grid-template-columns:1fr!important;gap:2rem!important}.cb-player-main,.cb-video-stage{max-width:100%!important}.cb-player-code-visual{display:none!important}}@media(max-width:768px){.cb-player-page{padding:110px .85rem 3rem!important}.cb-player-top-bar{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important;margin-bottom:1rem!important}.cb-player-back-btn{font-size:.85rem!important}.cb-player-meta-badges{font-size:.78rem!important;gap:.4rem!important}.cb-video-stage{border-radius:12px!important;aspect-ratio:16 / 9!important;max-height:none!important}.cb-player-top-overlay{top:.85rem!important;left:.85rem!important}.cb-player-series-tag{font-size:.72rem!important}.cb-player-title{font-size:1.25rem!important;max-width:220px!important}.cb-player-center-play{width:46px!important;height:46px!important;font-size:1.1rem!important}.cb-player-controls{padding:.4rem .6rem .6rem!important}.cb-controls-left,.cb-controls-right{gap:.4rem!important;font-size:.8rem!important}.cb-ctrl-btn{font-size:1rem!important}.cb-rotate-btn{display:none!important}.cb-speed-pill,.cb-cc-pill,.cb-res-pill{padding:.2rem .5rem!important;font-size:.7rem!important}.cb-player-info-card{flex-direction:column!important;gap:1rem!important;padding:1.25rem 1rem!important}.cb-info-main h1{font-size:1.35rem!important}.cb-info-meta{flex-wrap:wrap!important;gap:.5rem!important}.cb-info-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.cb-action-btn-p{flex:1 1 calc(50% - .5rem)!important;min-width:110px!important;justify-content:center!important;padding:.55rem .75rem!important;font-size:.8rem!important}.cb-lesson-details-grid{grid-template-columns:1fr!important;gap:1rem!important}.cb-detail-card{padding:1.1rem!important}.cb-playlist-tabs{font-size:1rem!important}.cb-tab{padding:.6rem 0!important;font-size:1rem!important}.cb-lesson-row{padding:.65rem .85rem!important;font-size:.8rem!important}.cb-suggested-section{margin-top:2.5rem!important;align-items:center!important;width:100%!important}.cb-suggested-header-bar{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.5rem!important;margin-bottom:1.25rem!important;width:100%!important}.cb-suggested-title{text-align:center!important;font-size:1.25rem!important}.cb-suggested-view-btn{justify-content:center!important}.cb-suggested-grid{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1.25rem!important;width:100%!important}.cb-suggested-card{max-width:320px!important;width:100%!important;margin:0 auto!important}}@media(max-width:480px){.cb-player-page{padding:100px .5rem 2.5rem!important}.cb-action-btn-p{flex:1 1 100%!important}.cb-controls-left,.cb-controls-right{gap:.3rem!important}.cb-time-display{font-size:.78rem!important}.cb-player-title{font-size:1.05rem!important;max-width:170px!important}.cb-res-pill{display:none!important}.cb-suggested-card{max-width:290px!important;width:100%!important}}.cb-video-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;z-index:30;background:#000}html,body{font-family:"Ubuntu","Inter",sans-serif "Segoe UI",sans-serif;margin:0;padding:0;background:#fff}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}