html,:root{font-family:Nunito Sans,system-ui,Avenir,Helvetica,Arial,sans-serif}.nunito-sans-regular{font-family:Nunito Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100,"YTLC" 500}: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:120px auto 3rem;min-height:calc(100vh - 120px);box-sizing:border-box;max-width:1920px;width:95%;padding:0 2rem;transition:padding .3s ease}@media(max-width:1200px){.main-content{padding:0 1rem}}@media(max-width:768px){.main-content{margin-top:100px;min-height:calc(100vh - 100px);padding:0 1rem}}@media(max-width:480px){.main-content{margin-top:80px;min-height:calc(100vh - 80px);padding:0 .75rem}}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:Nunito Sans,system-ui,Avenir,Helvetica,Arial,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:center;justify-content:center;padding:2rem 1rem 0;text-align:center;width:100%;box-sizing:border-box}.home-hero-title{color:#000;font-size:3.5rem;font-weight:600;max-width:1100px;margin:-1.5rem 0 1.5rem -1rem;background:linear-gradient(90deg,#faac31 25%,#f98200 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:1400px}.hero-stickers-row,.hero-stickers-text-row{width:100%;max-width:1100px;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:#ffd289}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:Nunito Sans,system-ui,Avenir,Helvetica,Arial,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:1100px;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,#faac31 15%,#f98200 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 #9c772f73;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,#faac31 15%,#f98200 90%);box-shadow:0 8px 24px 2px #ff9d0033,0 6px #a36400;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 #ff9d004d,0 8px #8a5400;filter:brightness(1.05)}.labs-path-btn:active{transform:translateY(2px);box-shadow:0 4px 12px 2px #ff9d0033,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:5rem;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:#faac31}.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,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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-title{font-size:2.4rem;font-weight:700;margin-bottom:1.25rem;text-align:center;background:linear-gradient(90deg,#faac31 15%,#f98200 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.quizzes-subtitle{font-size:1rem;color:#444;margin:0 auto 1.75rem;text-align:center;max-width:780px}.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,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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:1200px;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,#faac31 15%,#f98200 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,#faac31,#f98200);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:1000px;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,#faac31 15%,#f98200 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,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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 #ff9d0042,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:#f98200;height:80px;display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;padding:0 2.5rem;box-shadow:0 16px 32px -12px #faac3138,0 3px 17px -8px #f9820021;z-index:1000;box-sizing:border-box;justify-content:space-between}.cb-nav-brand{display:flex;align-items:center;gap:.75rem}.cb-nav-logo-wrapper{width:56px;height:56px;border-radius:50%;overflow:hidden;position:relative;transform:translateZ(0);background:#000}.cb-nav-logo-video{width:100%;height:100%;object-fit:cover;transform:scale(1.15);display:block}.cb-nav-title{background:linear-gradient(90deg,#faac31 25%,#f98200 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-links-desktop{position:absolute;left:0;right:0;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.95rem;font-weight:600;pointer-events:none}.cb-nav-link{color:#f98200;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,#faac3126,#f9820059);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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 #ff9d003d,0 10px #844d00}.cb-nav-link-label{font-size:.95rem;font-weight:600;color:#f98200;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,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;color:#fff;font-weight:900;font-size:.85rem;letter-spacing:.018em;padding:0 1.2rem;height:40px;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 #ff9d003d,0 9px #8a5400;filter:brightness(1.03)}.cb-nav-link-pill:active{transform:translateY(1px);box-shadow:0 5px 18px 2px #ff9d0033,0 4px #724300}.cb-nav-link-pill-active{filter:brightness(1.08);box-shadow:0 10px 32px 6px #ff9d004d,0 9px #8a5400}.cb-nav-link-pill-icon{display:block}.cb-nav-link-pill-label{line-height:1}.cb-nav-links-desktop{display:flex;align-items:center;gap:.75rem;margin-left:6rem;margin-right:auto}.cb-nav-link-pill-desktop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(90deg,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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 #ff9d003d,0 9px #8a5400;filter:brightness(1.03)}.cb-nav-link-pill-desktop:active{transform:translateY(1px);box-shadow:0 5px 18px 2px #ff9d0033,0 4px #724300}.cb-nav-link-pill-desktop-active{filter:brightness(1.08);box-shadow:0 10px 32px 6px #ff9d004d,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,#faac31 15%,#f98200 90%);box-shadow:0 8px 24px 3px #ff9d0033,0 6px #a36400;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 #ff9d0042,0 7px #8a5400;filter:brightness(1.04)}.cb-nav-mobile-pill:active{transform:translateY(1px);box-shadow:0 5px 16px 2px #ff9d0038,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}.cb-nav-main-menu-btn{background:linear-gradient(90deg,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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}.cb-nav-icons-toggle{border:none;outline:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(90deg,#faac31 25%,#f98200 80%);box-shadow:0 6px 18px 3px #ff9d0038,0 5px #a36400;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:.75rem 1.25rem 1rem;background:linear-gradient(180deg,#fff,#fff7eb 60%,#ffe9c7);box-shadow:0 12px 30px #0000001f;transform:translateY(-16px);opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;z-index:900;display:none;flex-direction:column;gap:.75rem}.cb-nav-mobile-menu-open{transform:translateY(0);opacity:1;pointer-events:auto}.cb-nav-mobile-item{text-decoration:none;color:#f98200;display:flex;align-items:center;gap:.75rem}.cb-nav-mobile-badge{width:44px;height:36px;border-radius:8px;background:linear-gradient(135deg,#faac3126,#f9820059);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px 3px #ff9d0033,0 6px #a36400}.cb-nav-mobile-label{font-size:1rem;font-weight:600;color:#f98200}.cb-nav-link-underline{width:0;height:3px;border-radius:999px;background:#f98200;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:#f98200;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,#faac31 15%,#f98200 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-courses-wrapper{width:60vw;max-width:60vw;padding:1.5rem 1.75rem;transform:translate(-20%);border-radius:14px;border:1px solid #c4c4c4;background:#0b1822;box-sizing:border-box;display:flex;flex-direction:column}.cb-course-stack{position:relative;flex:1;margin-top:-7rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.cb-course-card-stack{position:absolute;width:90%;max-width:900px;height:450px;background:#fff7eb;border-radius:18px;overflow:hidden;transition:transform .22s ease,opacity .22s ease;transform-origin:center}.cb-course-card-stack{transform:translate(calc(var(--offset) * 22px)) translateY(calc(var(--offset) * 14px)) scale(calc(1 - var(--offset) * .05));opacity:calc(1 - var(--offset) * .22);z-index:calc(10 - var(--offset))}.cb-course-image-wrap-tall{width:100%;height:70%;overflow:hidden}.cb-course-image-tall{width:100%;height:100%;object-fit:cover}.cb-course-body{padding:.7rem .9rem .9rem;display:flex;flex-direction:column;gap:.35rem;height:30%;box-sizing:border-box}.cb-course-title{margin:0;font-size:2rem;font-weight:700;color:#0f1522}.cb-course-level{margin:0;font-size:.82rem;font-weight:600;color:#6b7280}.cb-course-start-btn{margin-top:auto;align-self:flex-start;background:linear-gradient(90deg,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;color:#fff;font-weight:900;font-size:1.2rem;letter-spacing:.018em;padding:0 1.8rem;height:100px;border-radius:9999px;margin-bottom:.4rem;border:none;cursor:pointer;white-space:nowrap}.cb-course-hint{position:absolute;bottom:-1.4rem;left:50%;transform:translate(-50%);font-size:.75rem;color:#9ca3af}.cb-global-section{margin-top:2rem;display:block}.cb-global-chart-wrapper{width:100%;max-width:1200px;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:5rem;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,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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 #ff9d0042,0 9px #a36400}.cb-progress-continue-btn:active{transform:translateY(0);box-shadow:0 4px 16px 2px #ff9d0033,0 4px #a36400}.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;transform:translate(-21%)}.cb-labs-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.9rem}.cb-labs-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-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,#faac31 15%,#f98200 90%);box-shadow:0 8px 26px 4px #ff9d0033,0 7px #a36400;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 #ff9d0042,0 8px #a36400}.cb-lab-start-btn:active{transform:translateY(0);box-shadow:0 4px 16px 2px #ff9d0033,0 4px #a36400}.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-courses-page{display:flex;flex-direction:column;gap:1.5rem;width:70vw}.cb-courses-title{margin:0;font-size:3rem;font-weight:800;text-align:center;background:linear-gradient(90deg,#faac31 15%,#f98200 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.cb-courses-subtitle{margin:.35rem 0 2rem;font-size:.9rem;color:#64748b;text-align:center}.cb-courses-total-pill{padding:.4rem .85rem;border-radius:999px;background:#0f172a0a;font-size:.8rem;color:#475569;font-weight:500;white-space:nowrap}.cb-courses-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 auto}.cb-course-card{display:flex;flex-direction:column;background:#0b1121;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px #00000073;transition:transform .3s ease,box-shadow .3s ease;min-height:440px;opacity:0;animation:cb-course-fade-up .6s ease-out forwards}.cb-course-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0009}.cb-course-card-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.cb-course-card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;gap:.75rem;background:#0b1121;color:#fff}.cb-course-level{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9ca3af}.cb-course-title{margin:0;font-size:1.5rem;font-weight:700;color:#e5e7eb;line-height:1.3}.cb-course-meta{margin:0;font-size:.8rem;color:#cbd5f5}.cb-course-footer{margin-top:auto;padding-top:1rem;display:flex;align-items:center;justify-content:space-between}.cb-course-start-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 14px #d9770663;transition:all .2s ease;min-width:140px}.cb-course-start-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px #d9770673}.cb-course-start-btn:active{transform:scale(.98)}.cb-course-duration{font-size:.74rem;color:#9ca3af}.cb-course-card:nth-child(1){animation-delay:.1s}.cb-course-card:nth-child(2){animation-delay:.2s}.cb-course-card:nth-child(3){animation-delay:.3s}.cb-course-card:nth-child(4){animation-delay:.4s}.cb-course-card:nth-child(5){animation-delay:.5s}.cb-course-card:nth-child(6){animation-delay:.6s}.cb-course-card:nth-child(7){animation-delay:.7s}.cb-course-card:nth-child(8){animation-delay:.8s}.cb-courses-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.cb-courses-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .25rem}.cb-courses-title{margin:0;font-size:2.6rem;font-weight:800;background:linear-gradient(90deg,#faac31 15%,#f98200 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-courses-subtitle{margin:.4rem 0 0;font-size:1rem;color:#64748b;max-width:40rem}.cb-courses-total-pill{padding:.4rem .9rem;border-radius:999px;background:#0f172a0a;font-size:.9rem;color:#475569;font-weight:500;white-space:nowrap}.cb-courses-total-pill span{color:#0f172a;font-weight:700}.cb-course-tracks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:1.75rem}.cb-course-track-card{background:#020617;border-radius:18px;color:#e5e7eb;display:flex;flex-direction:column;overflow:hidden;opacity:0;animation-name:cb-course-fade-up;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}.cb-course-card-image-wrapper{position:relative;padding-bottom:56%;overflow:hidden}.cb-course-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.96)}.cb-course-track-body{padding:.95rem 1.05rem 1.1rem;display:flex;flex-direction:column;gap:.45rem}.cb-course-track-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#9ca3af}.cb-course-track-title{margin:0;font-size:1.1rem;font-weight:700;color:#f9fafb}.cb-course-track-text{margin:0;font-size:.86rem;color:#cbd5f5}.cb-course-track-card:nth-child(1){animation-delay:.1s}.cb-course-track-card:nth-child(2){animation-delay:.2s}.cb-course-track-card:nth-child(3){animation-delay:.3s}.cb-course-track-card:nth-child(4){animation-delay:.4s}.cb-course-track-card:nth-child(5){animation-delay:.5s}.cb-course-track-card:nth-child(6){animation-delay:.6s}.cb-course-tracks-fallback{background:#020617;border-radius:18px;box-shadow:0 18px 40px #0f172abf;padding:1.6rem 1.9rem;color:#e5e7eb;margin-bottom:1.75rem}.cb-course-tracks-fallback p{margin:0;font-size:.95rem}.cb-course-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:.9rem}.cb-course-start-btn{background:linear-gradient(90deg,#faac31 15%,#f98200 90%);box-shadow:0 8px 28px 4px #ff9d002e,0 8px #a36400;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}@keyframes cb-course-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cb-path-page{min-height:100vh;padding:1.5rem 2.5rem 2.5rem;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.cb-path-topbar{display:flex;align-items:center;justify-content:space-between}.cb-path-back-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #ff9d002e,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-reset-btn{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow: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;width:100%;font-family:inherit}.cb-path-reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px #44097c;filter:brightness(1.05)}.cb-path-reset-btn:active{transform:translateY(0);box-shadow:0 4px #44097c}.cb-path-reset-btn:focus{outline:none;box-shadow:0 0 0 3px #a855f74d,0 8px 28px 4px #ff9d002e,0 8px #44097c}.cb-path-level-pill{padding:.5rem 1.4rem;border-radius:999px;border:3px solid #ae62ff;display:flex;flex-direction:column;align-items:center}.cb-path-level-label{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a855f7}.cb-path-level-title{font-size:.95rem;font-weight:600;color:#111827}.cb-path-main{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:3rem;align-items:flex-start}.cb-path-course-card{background:#fff;border-radius:24px;margin-left:0;box-shadow:0 18px 40px #0f172a1f,0 0 0 1px #e2e8f0e6;padding:1.6rem 1.8rem;display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.2rem}.cb-path-course-media{display:flex;align-items:center;justify-content:center}.cb-path-course-icon{width:100px;height:100px;border-radius:22px;background:linear-gradient(145deg,#fef3ff,#e0e7ff);box-shadow:0 12px 25px #94a3b88c,0 0 0 1px #d1d5dbcc}.cb-path-course-body{display:flex;flex-direction:column;gap:.6rem}.cb-path-course-title{margin:0;font-size:1.4rem;font-weight:800;color:#111827}.cb-path-course-text{margin:0;font-size:.95rem;color:#6b7280}.cb-path-course-meta{margin-top:.4rem;display:flex;gap:.5rem;font-size:.85rem;color:#4b5563}.cb-path-viewport{width:100%}.cb-path-track-area{position:relative;width:100%;padding:2rem 0 8rem;display:flex;flex-direction:column;align-items:center;gap:5rem;overflow:visible}.cb-path-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:110px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;z-index:30}.cb-path-step:nth-child(odd){transform:translate(-120px)}.cb-path-step:nth-child(2n){transform:translate(120px)}.cb-path-step .cb-path-step-label{position:absolute;top:50%;transform:translateY(-50%);width:180px;pointer-events:none}.cb-path-step:nth-child(odd) .cb-path-step-label{left:130px;text-align:left}.cb-path-step:nth-child(2n) .cb-path-step-label{right:130px;text-align:right}.cb-path-token{position:relative;width:110px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 20%,#f3f4f6,#e5e7eb 45%,#d1d5db 75%);box-shadow:0 10px #6b7280e6,0 16px 26px #6b72808c;display:flex;align-items:center;justify-content:center;overflow:visible}.cb-path-token-ring{position:absolute;width:82px;height:30px;border-radius:50%;border:4px solid rgb(166,166,166)}.cb-path-token-plateau{position:absolute;width:82px;height:30px;border-radius:50%;background:#e5e7eb;box-shadow:none}.cb-path-rocket{position:absolute;bottom:25px;left:50%;transform:translate(-50%);color:#faac31;filter:drop-shadow(0 0 15px rgba(250,172,49,.7));pointer-events:none;z-index:50;animation:cb-rocket-hover 2.4s ease-in-out infinite}.cb-path-graduate{position:absolute;bottom:25px;left:50%;transform:translate(-50%);color:#10b981;filter:drop-shadow(0 0 15px rgba(16,185,129,.7));pointer-events:none;z-index:50;animation:cb-sticker-float 3.5s ease-in-out infinite}@keyframes cb-rocket-hover{0%{transform:translate(-50%) rotate(-6deg)}50%{transform:translate(-50%,-6px) rotate(-2deg)}to{transform:translate(-50%) rotate(-6deg)}}@keyframes cb-rocket-spin{0%{filter:drop-shadow(0 6px 10px rgba(255,255,255,.55))}50%{filter:drop-shadow(0 10px 16px rgb(237,237,237))}to{filter:drop-shadow(0 6px 10px rgb(255,255,255))}}.cb-path-node-sticker{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:28px;color:#faac31;filter:drop-shadow(0 0 10px rgba(250,172,49,.5));pointer-events:none;z-index:40;animation:cb-sticker-float 3s ease-in-out infinite}@keyframes cb-sticker-float{0%{transform:translate(-50%) translateY(0) rotate(-5deg)}50%{transform:translate(-50%) translateY(-8px) rotate(5deg)}to{transform:translate(-50%) translateY(0) rotate(-5deg)}}.cb-path-lock-icon{display:flex;align-items:center;justify-content:center;color:#faac31;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 #ff9d002e,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 #ff9d002e,0 4px #a36400}.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:#faac31;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 #ff9d002e,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 #ff9d002e,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:#faac31!important;color:#0f172a!important;border-color:#faac31!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:#faac31!important;color:#0f172a!important;box-shadow:0 8px 24px #faac314d,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 #faac31;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:#faac31;border-radius:5px;border:1px solid #f98200}.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:#faac31;box-shadow:0 0 0 4px #faac311a,inset 0 2px 4px #00000005}.cb-lesson-quiz-button{background:linear-gradient(90deg,#a855f7 15%,#942bf6 90%);box-shadow:0 8px 28px 4px #ff9d002e,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 #ff9d0038,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,#faac31 25%,#f98200 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:Nunito Sans,system-ui,Avenir,Helvetica,Arial,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 #ff9d002e,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 #ff9d003d,0 10px #44097c}.cb-lesson-complete-btn:active{transform:translateY(0) scale(.99);box-shadow:0 4px 16px 2px #ff9d002e,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:#faac31;border-radius:5px;border:1px solid #f98200}.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 #ff9d002e,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 #ff9d0038,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 #faac31;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:system-ui,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:#f98200}.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 #f98200;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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1400px;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:1000px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1600px;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:1200px;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:1000px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1600px;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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1600px;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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,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:-apple-system,BlinkMacSystemFont,Segoe UI,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:1200px;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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:1400px;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:1400px;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:Segoe UI,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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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 #9c772f47;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:1.8rem}.sidebar-menu{margin-top:2.1rem}.sidebar-item{margin-bottom:.45rem}.sidebar-button{max-width:200px;height:46px;font-size:.9rem}.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,#faac31 15%,#f98200 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-courses-wrapper{width:100%;max-width:100%;margin:0 0 2rem;padding:1rem;transform:none}.cb-course-stack{position:static;margin-top:0;height:auto;display:flex;flex-direction:column;align-items:stretch}.cb-course-card-stack{position:static;width:100%;max-width:100%;height:auto;margin-bottom:1.25rem;transform:none!important;opacity:1!important;z-index:1!important}.cb-course-image-wrap-tall{height:auto}.cb-course-image-tall{width:100%;height:auto}.cb-course-body{height:auto}.cb-course-title{font-size:1.8rem;color:#000}.cb-course-start-btn{font-size:.9rem;height:42px;padding:0 1.4rem}.cb-course-hint{position:static;margin-top:.5rem;text-align:center;transform:none}.cb-global-section{margin-top:1.25rem;width:100%}.cb-global-chart-wrapper{width:100%;max-width:100%;margin-left:0;padding:1rem;border-radius:12px;box-shadow:0 10px 26px #0003}.cb-global-chart-svg{height:220px}.cb-global-chart-title{font-size:1.05rem}.cb-global-chart-subtitle{font-size:.7rem}.cb-global-rank-pill{padding:.16rem .5rem}.cb-global-rank-label{font-size:.6rem}.cb-global-rank-score{font-size:.7rem}.cb-global-row{flex-direction:column;gap:1rem}.cb-streak-card{flex:1 1 auto;width:140%;align-self:stretch;margin-top:.25rem;margin-left:-2.2rem;padding:.9rem .9rem 1.05rem;border-radius:12px;background:#020617;border:1px solid rgba(148,163,184,.55);box-shadow:0 12px 28px #0000008c}.cb-streak-header{margin-bottom:.4rem}.cb-streak-title{font-size:.8rem;letter-spacing:.07em}.cb-streak-icon{font-size:.9rem}.cb-streak-count{font-size:.8rem;padding:.06rem .5rem}.cb-streak-subtitle{font-size:.7rem;margin-bottom:.6rem}.cb-streak-week{gap:.25rem}.cb-streak-day{padding:.32rem 0;font-size:.6rem}.cb-progress-column{width:100vw;max-width:100vw;margin-left:-4.1rem;margin-top:2.5rem;padding:1rem .9rem 1.2rem;border-radius:18px;box-shadow:0 14px 36px #000000b3}.cb-progress-header{align-items:flex-start;margin-bottom:.8rem}.cb-progress-title{font-size:1.8rem;letter-spacing:.06em}.cb-progress-subtitle{font-size:.75rem}.cb-progress-list{flex-direction:column;gap:.9rem}.cb-progress-card{flex:1 1 auto;width:100%;min-width:0;padding:.85rem .9rem 1rem;border-radius:16px;box-shadow:0 14px 34px #000000bf}.cb-progress-card-main{align-items:center;gap:.8rem}.cb-progress-thumb-wrap{flex:0 0 62px;height:62px;border-radius:12px}.cb-progress-card-content{gap:.4rem}.cb-progress-course-name{font-size:1.1rem}.cb-progress-percent{font-size:.9rem}.cb-progress-track{height:7px}.cb-progress-continue-btn{margin-top:.55rem;width:100%;justify-content:center;text-align:center;padding:0 1.4rem;height:42px;font-size:.95rem}.cb-labs-section{width:100vw;max-width:100vw;margin:2.5rem auto 0;padding:1rem .9rem 1.2rem;border-radius:16px;box-shadow:0 14px 32px #000000b3;transform:translate(-20%)}.cb-labs-header{align-items:flex-start;margin-bottom:.8rem}.cb-labs-title{font-size:1.6rem;letter-spacing:.08em}.cb-labs-subtitle{font-size:.75rem}.cb-labs-list{flex-direction:column;gap:.9rem}.cb-lab-card{padding:.9rem .9rem 1rem;border-radius:14px;box-shadow:0 14px 30px #000000bf}.cb-lab-card-main{gap:.7rem}.cb-lab-thumb-wrap{width:100%;height:180px;border-radius:12px;box-shadow:0 10px 22px #000000a6}.cb-lab-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cb-lab-card-content{gap:.35rem}.cb-lab-name{font-size:1.05rem}.cb-lab-meta{font-size:.78rem}.cb-lab-start-btn{margin-top:.5rem;width:100%;justify-content:center;text-align:center;height:40px;padding:0 1.2rem;font-size:.9rem}.cb-suggested-and-league{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.5rem;transform:translate(-30%)}.cb-suggested-users-section{width:100vw;max-width:100vw;margin:2.5rem 0 0;padding:.9rem .9rem 1.1rem;border-radius:16px;border-width:1px;border-style:solid;border-color:#94a3b88c;box-sizing:border-box;transform:none}.cb-suggested-users-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.75rem}.cb-suggested-users-title{margin:0;font-size:1.6rem;letter-spacing:.08em}.cb-suggested-users-subtitle{font-size:.8rem}.cb-suggested-users-list{display:flex;flex-direction:column;gap:.6rem}.cb-suggested-user-card{padding:.65rem .75rem .8rem;border-radius:12px;box-shadow:0 10px 22px #000000b3;box-sizing:border-box}.cb-suggested-user-main{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cb-suggested-user-avatar-wrap{flex:0 0 46px;height:46px;border-radius:999px;overflow:hidden}.cb-suggested-user-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.2rem}.cb-suggested-user-name{margin:0;font-size:1rem}.cb-suggested-user-meta{margin:0;font-size:.76rem}.cb-suggested-user-follow-btn{flex-shrink:0;height:34px;padding:0 1.1rem;font-size:.72rem;letter-spacing:.07em;white-space:nowrap}.cb-league-panel{width:100vw;max-width:100vw;margin:0 0 2.5rem;border-radius:16px;padding:1rem .9rem 1.2rem;box-sizing:border-box;box-shadow:0 14px 30px #000000bf}.cb-league-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}.cb-league-header-main{display:flex;flex-direction:column;gap:.3rem}.cb-league-badge-label{font-size:.78rem;letter-spacing:.14em}.cb-league-badge{padding:.3rem .75rem}.cb-league-badge-rank{font-size:.88rem}.cb-league-badge-tier{font-size:.72rem}.cb-league-icon-wrap{width:46px;height:46px}.cb-league-icon-img{width:30px;height:30px}.cb-league-body{display:flex;flex-direction:column;gap:.9rem}.cb-league-score-row{display:flex;justify-content:space-between;gap:.7rem}.cb-league-score-item{flex:1 1 0;display:flex;flex-direction:column;gap:.15rem}.cb-league-score-label,.cb-league-progress-label,.cb-league-progress-percent{font-size:.78rem}.cb-league-score-value{font-size:1rem}.cb-league-progress-track{height:8px}.cb-league-progress-meta{font-size:.76rem}.cb-league-actions{display:flex;flex-direction:column;gap:.5rem}.cb-league-action-btn{width:100%;height:38px;font-size:.78rem;letter-spacing:.07em}.cb-courses-page{width:100%;gap:1.25rem;padding:0 1rem}.cb-courses-title{font-size:1.8rem;margin:0}.cb-courses-subtitle{margin:.2rem 0 0;font-size:.9rem;margin-left:0}.cb-courses-grid{width:90vw;grid-template-columns:1fr;row-gap:1rem;margin-left:-2.2rem;column-gap:0;transform:none}.cb-course-card{box-shadow:0 14px 30px #0f172abf;width:100%;opacity:0;animation-name:cb-course-fade-up;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.cb-course-card-body{padding:.8rem .9rem .95rem;gap:.4rem}.cb-course-title{font-size:1.25rem}.cb-courses-page{width:100%;padding:0 1rem 1.5rem;gap:1.25rem}.cb-courses-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:0}.cb-courses-title{font-size:1.9rem}.cb-courses-subtitle{margin-top:.2rem;font-size:.9rem;max-width:100%}.cb-courses-total-pill{margin-top:.4rem;padding:.35rem .8rem;font-size:.8rem}.cb-course-tracks-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.4rem}.cb-course-track-card{border-radius:16px;box-shadow:0 16px 32px #0f172abf;animation-duration:.5s}.cb-course-track-body{padding:.8rem .9rem .95rem;gap:.35rem}.cb-course-track-title{font-size:1rem}.cb-course-track-text{font-size:.82rem}.cb-course-track-card:nth-child(1){animation-delay:.05s}.cb-course-track-card:nth-child(2){animation-delay:.15s}.cb-course-track-card:nth-child(3){animation-delay:.25s}.cb-course-track-card:nth-child(4){animation-delay:.35s}.cb-course-track-card:nth-child(5){animation-delay:.45s}.cb-course-track-card:nth-child(6){animation-delay:.55s}.cb-course-tracks-fallback{padding:1.3rem 1.3rem 1.4rem;margin-bottom:1.4rem;border-radius:16px}.cb-course-tracks-fallback p{font-size:.9rem}.cb-course-detail-actions{flex-direction:column;align-items:stretch;gap:.7rem}.cb-course-start-btn{width:100%;justify-content:center;display:inline-flex;align-items:center;font-size:.95rem;padding:0 1.2rem;height:42px;box-shadow:0 8px 24px 3px #ff9d0038,0 6px #a36400}.cb-path-page{padding:1.25rem 1.25rem 1.75rem;gap:1.25rem}.cb-path-topbar{flex-direction:column;align-items:flex-start;gap:.75rem;margin-left:-4rem}.cb-path-back-btn{width:100%;justify-content:center;text-align:center}.cb-path-level-pill{width:100%;flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.55rem 1rem}.cb-path-level-label{font-size:.7rem}.cb-path-level-title{font-size:.9rem;white-space:normal}.cb-path-main{grid-template-columns:minmax(0,1fr);gap:2rem}.cb-path-course-card{margin-left:0;grid-template-columns:minmax(0,1fr);padding:1.3rem;width:100%;box-sizing:border-box;text-align:left}.cb-path-course-media{justify-content:flex-start;margin-bottom:.5rem}.cb-path-course-icon{width:80px;height:80px}.cb-path-course-title{font-size:1.15rem;margin-left:-.6rem}.cb-path-course-text{font-size:.9rem}.cb-path-course-meta{font-size:.8rem}.cb-path-track-area{padding:1.5rem 0 3rem;gap:3rem}.cb-path-step{max-width:80px;align-items:center;justify-content:center}.cb-path-step:nth-child(8n+1){transform:translate(-60px)}.cb-path-step:nth-child(8n+2){transform:translate(-35px)}.cb-path-step:nth-child(8n+3){transform:translate(0)}.cb-path-step:nth-child(8n+4){transform:translate(35px)}.cb-path-step:nth-child(8n+5){transform:translate(60px)}.cb-path-step:nth-child(8n+6){transform:translate(35px)}.cb-path-step:nth-child(8n+7){transform:translate(0)}.cb-path-step:nth-child(8n+8){transform:translate(-35px)}.cb-path-step .cb-path-step-label{left:90px;width:140px;font-size:.8rem}.cb-path-step:nth-child(8n+4) .cb-path-step-label,.cb-path-step:nth-child(8n+5) .cb-path-step-label,.cb-path-step:nth-child(8n+6) .cb-path-step-label{right:90px;left:auto}.cb-path-token{width:96px;height:40px}.cb-path-token-ring,.cb-path-token-plateau{width:74px;height:28px}.cb-path-rocket{width:48px;bottom:18px}.cb-path-step-index{font-size:.6rem;font-weight:500}.cb-path-step-title{font-size:.8rem;font-weight:600}.cb-path-step:before{content:none!important;display:none}.cb-path-start-pop{left:45%;top:auto;bottom:40px;transform:translate(-50%);width:80%;max-width:360px;padding-inline:.25rem}.cb-path-start-pop-inner{width:100%;max-width:360px}.cb-path-start-button{padding:0 1.4rem;height:42px;font-size:.95rem}.cb-lesson-page{padding:1.5rem 1rem 2.5rem;align-items:stretch;gap:1.25rem;width:100vw;margin-left:-5rem}.cb-lesson-hero{width:100vw;margin:1rem 0;height:auto;padding:1.25rem 1rem;flex-direction:column;gap:1.25rem;border-radius:0;margin-left:0}.cb-lesson-hero-left{order:2}.cb-lesson-hero-right{order:1;flex:0 0 auto;justify-content:center}.cb-lesson-hero-image-wrap{width:100%;max-width:260px}.cb-lesson-hero-image{width:100%;height:auto}.cb-lesson-hero-badge,.cb-lesson-hero-title,.cb-lesson-hero-sub{margin-left:0}.cb-lesson-hero-title{font-size:1.4rem;margin-bottom:.5rem}.cb-lesson-hero-sub{font-size:.85rem;margin-bottom:1.1rem}.cb-lesson-hero-meta{gap:.75rem;margin-bottom:1rem}.cb-hero-meta-item{min-width:48%}.cb-lesson-hero-actions{flex-direction:row;justify-content:flex-start}.cb-hero-save-btn,.cb-hero-room-btn{width:auto;padding:.4rem 1.1rem;font-size:.85rem;height:40px}.cb-courses-page{gap:1.25rem}.cb-courses-header{flex-direction:column;align-items:flex-start;gap:.5rem}.cb-courses-title{font-size:1.6rem;margin-left:0}.cb-courses-subtitle{margin-top:.15rem;font-size:.85rem;margin-left:0}.cb-courses-total-pill{margin-top:.4rem;padding:.35rem .75rem;font-size:.78rem}.cb-courses-grid{width:100%;grid-template-columns:1fr;row-gap:1rem;column-gap:0;transform:none}.cb-course-card{box-shadow:0 14px 30px #0f172abf;width:100%;margin-left:0;animation-duration:.5s}.cb-course-card-body{padding:.8rem .9rem .95rem}.cb-course-title{font-size:1.15rem}.cb-course-footer{margin-top:.7rem}.cb-course-start-btn{font-size:.9rem;padding:0 1.4rem;height:42px;margin-bottom:0;box-shadow:0 8px 24px 3px #ff9d0038,0 6px #a36400}.cb-course-duration{font-size:.72rem}.cb-lesson-title{font-size:1.6rem;margin-left:0;margin-top:0;text-align:left}.cb-lesson-subtitle{max-width:100%;font-size:.9rem}.cb-lesson-card,.cb-lesson-text,.cb-lesson-analogy,.cb-lesson-quiz,.cb-lesson-extended,.cb-lesson-attack,.cb-lab-horizontal,.cb-lesson-explain,.cb-protection-card{width:100%;margin-left:0}.cb-lesson-text{font-size:.95rem;margin-top:0}.cb-lesson-scene{width:100%;height:210px;margin-left:0}.cb-lesson-analogy{padding:1.1rem 1.2rem}.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,#faac31 25%,#f98200 80%);overflow:hidden}.hero-lab-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faac3100,#faac31,#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,#faac31 25%,#f98200 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 #f98200;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,#faac31 25%,#f98200 80%)}.hero-vert-row{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:Nunito Sans,system-ui,Avenir,Helvetica,Arial,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 #f98200;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:#f98200;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-premium-banner{position:fixed;top:0;left:0;width:100%;height:38px;background:linear-gradient(90deg,#fef2f8,#eef2ff);display:flex;align-items:center;justify-content:center;z-index:2000;border-bottom:1px solid rgba(0,0,0,.05);box-sizing:border-box;padding:0 1rem}.cb-premium-banner-inner{display:flex;align-items:center;gap:.75rem;font-family:Nunito Sans,sans-serif}.cb-premium-banner-tag{background:#f98200;color:#fff;font-size:.75rem;font-weight:900;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.cb-premium-banner-text{font-size:1rem;color:#1e1b4b;font-weight:600}.cb-price-old{text-decoration:line-through;opacity:.5;margin-right:4px}.cb-premium-banner-btn{background:none;border:none;padding:0;margin:0;color:#4f46e5;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:#4f46e54d;transition:all .2s}.cb-premium-banner-btn:hover{color:#4338ca;text-decoration-color:#4338ca}@media(max-width:600px){.cb-premium-banner-text{font-size:.75rem}.cb-premium-banner-tag{display:none}}.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{height:40px!important}@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:1000px;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:#faac31;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,#faac31,#f98200)!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,#f98200,#faac31)!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}.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}.page-loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.page-loader-overlay.show{opacity:1;visibility:visible}.loader-gif-direct{width:240px!important;height:240px!important;border-radius:9999px!important;filter:drop-shadow(0 0 20px rgba(255,255,255,.9));animation:gifFloat 3s ease-in-out infinite;display:block;object-fit:cover}@keyframes gifFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.loader-text-simple h2{margin:0;font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.loader-text-simple p{margin:0 0 1.5rem;color:#fffffff2;font-size:1.1rem;font-weight:500;text-align:center}.loader-progress-simple{width:260px;height:8px;background:#ffffff40;border-radius:4px;overflow:hidden;box-shadow:0 4px 15px #0003}.loader-progress-bar-simple{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#ef4444);border-radius:4px;animation:progressMove 2s ease-in-out infinite;width:70%;box-shadow:0 0 15px #fbbf2499}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(300%)}}.page-loader-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(3px 3px at 20px 30px,#ffffff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 90px 40px,#ffffff,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:160px 130px;animation:sparkleFloat 3s linear infinite;pointer-events:none}@keyframes sparkleFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-25px) rotate(180deg);opacity:0}}@media(max-width:640px){.page-loader-overlay{gap:1.2rem;padding:1.5rem}.loader-gif-direct{width:120px!important;height:120px!important;border-radius:16px!important}.loader-text-simple h2{font-size:1.5rem}.loader-text-simple p{font-size:1rem}.loader-progress-simple{width:200px}}.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:Segoe UI,Tahoma,Geneva,Verdana,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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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: "FKGroteskNeue", "Geist", "Inter", -apple-system, 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:var(--font-family-base);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:var(--font-family-base);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:FKGroteskNeue;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:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}body{font-family:var(--font-family-base);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:var(--font-family-base);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:var(--font-family-base);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 fadeIn{0%{opacity:0}to{opacity:1}}@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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,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}}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
*   Fabrice Bellard's javascript vt100 for jslinux:
*   http://bellard.org/jslinux/
*   Copyright (c) 2011 Fabrice Bellard
*   The original design remains. The terminal itself
*   has been extended to include xterm CSI codes, among
*   other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.wt-root{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.wt-shell{width:100vw;border-radius:28px;background:#02040c;border:1px solid #02040c;display:flex;flex-direction:column;overflow:hidden}.wt-header{height:12px;display:flex;align-items:center;padding:0 32px;background:#02040c}.wt-dots{display:flex;gap:10px;margin-right:20px}.wt-dot{width:12px;height:12px;border-radius:999px}.wt-dot-red{background:#ff5f57}.wt-dot-yellow{background:#febc2e}.wt-dot-green{background:#28c840}.wt-header-title{font-size:1.05rem;font-weight:500;letter-spacing:.04em;color:#f8fbff}.wt-body{padding:80px 90px;background:#02040c;box-sizing:border-box}.wt-terminal{width:100vw;height:260px;margin-left:-5rem}.xterm-viewport,.xterm-screen{background-color:#02040c!important}.xterm-rows{line-height:1.4}.cb-terminal-sheet .wt-root{width:100vw;min-height:auto;margin-left:0;padding:0}.cb-terminal-sheet .wt-shell{width:100vw;max-width:100%;border-radius:0}.cb-terminal-sheet .wt-body{padding:32px 40px 24px}.cb-terminal-sheet .wt-terminal{width:100vw;margin-left:0}@media(max-width:768px){.wt-shell{border-radius:0}.wt-body{padding:40px 20px}.wt-terminal{height:220px}.cb-terminal-sheet .wt-body{padding:20px 14px 16px}}.cb-terminal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:80}.cb-terminal-sheet{width:100%;max-width:1120px;height:50vh;background:#02040c;border-radius:24px 24px 0 0;box-shadow:0 -20px 40px #00000073;transform:translateY(100%);animation:cb-terminal-slide-up .25s ease-out forwards;display:flex;flex-direction:column}@keyframes cb-terminal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cb-terminal-sheet-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#f8fbff;border-bottom:1px solid #04060f}.cb-terminal-sheet-close{border:none;background:transparent;color:#f8fbff;font-size:20px;cursor:pointer}.cb-terminal-sheet-body{flex:1;padding:12px 16px 16px;overflow:hidden}html,body{font-family:Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;background:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}