:root{--k8s-hsl: 234, 85%, 65%;--k8s-overlay: hsla(var(--k8s-hsl), .2);--k8s-accent: #818cf8;--k8s-glow: rgba(129, 140, 248, .5)}:root[data-theme=light]{--k8s-hsl: 234, 75%, 55%;--k8s-overlay: hsla(var(--k8s-hsl), .12)}[data-has-hero] .page{background:linear-gradient(215deg,var(--k8s-overlay),transparent 40%),radial-gradient(var(--k8s-overlay),transparent 40%) no-repeat -60vw -40vh / 105vw 200vh,radial-gradient(var(--k8s-overlay),transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem}[data-has-hero] header{border-bottom:1px solid transparent;background-color:transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-frame{background-image:radial-gradient(circle at 1px 1px,hsla(var(--k8s-hsl),.12) 1px,transparent 0)!important;background-size:32px 32px!important}[data-theme=light] .main-frame{background-image:radial-gradient(circle at 1px 1px,hsla(var(--k8s-hsl),.08) 1px,transparent 0)!important}.hero{position:relative!important;overflow:hidden}.hero h1{font-size:clamp(var(--sl-text-3xl),calc(.25rem + 5vw),var(--sl-text-6xl))!important}.hero .tagline{font-size:clamp(var(--sl-text-base),calc(.0625rem + 2vw),var(--sl-text-xl))!important}@media(prefers-reduced-motion:reduce){#k8s-network{display:none!important}}.section-divider{border:none;height:1px;margin:3rem 0;background:linear-gradient(90deg,transparent 0%,var(--sl-color-gray-6) 15%,var(--k8s-accent) 50%,var(--sl-color-gray-6) 85%,transparent 100%);position:relative}.section-divider:before{content:"";display:block;width:10px;height:10px;background:var(--k8s-accent);border:2px solid var(--sl-color-bg);border-radius:50%;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px var(--k8s-glow)}.journey-stats{display:flex;justify-content:center;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-top:.5rem;margin-bottom:1.5rem}.jstat{font-size:.9rem;color:var(--sl-color-gray-3);font-weight:500;line-height:1}.jstat-num{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.jstat-sep{width:4px;height:4px;border-radius:50%;background:var(--sl-color-gray-5);align-self:center}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-size:clamp(1.4rem,3vw,1.75rem);font-weight:700;margin-bottom:.5rem;color:var(--sl-color-white)}.section-subtitle{color:var(--sl-color-gray-3);font-size:clamp(.875rem,1.5vw,1rem);max-width:600px;margin:0 auto}.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:clamp(.75rem,2vw,1.25rem);margin:1.5rem 0 3rem}@media(max-width:768px){.tracks-grid{grid-template-columns:1fr}}.track-card{display:flex;flex-direction:column;padding:clamp(1rem,2vw,1.5rem);border-radius:.75rem;border:1px solid var(--sl-color-gray-6);background:var(--sl-color-black);transition:border-color .25s,transform .25s,box-shadow .25s;margin:0}.tracks-grid>:first-child{margin-top:0!important}a.track-card{text-decoration:none;color:inherit;cursor:pointer}.track-card:hover{border-color:var(--sl-color-gray-4);transform:translateY(-4px);box-shadow:0 12px 32px hsla(var(--k8s-hsl),.15);text-decoration:none}.track-card.beginner{border-left:3px solid #34d399}.track-card.intermediate{border-left:3px solid #fbbf24}.track-card.advanced{border-left:3px solid #f87171}.track-card:before{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;border-radius:999px;margin-bottom:.5rem;align-self:flex-start}.track-card.recommended{position:relative;border:2px solid #34d399;box-shadow:0 0 20px #34d39926}.track-card.recommended:hover{box-shadow:0 0 24px #34d39940,0 12px 32px hsla(var(--k8s-hsl),.1)}.track-card.recommended:after{content:"Start here";position:absolute;top:-10px;right:16px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .6rem;border-radius:999px;background:#34d399;color:#0f172a}.track-card.beginner:before{content:"Beginner";background:#34d39926;color:#34d399}.track-card.intermediate:before{content:"Intermediate";background:#fbbf2426;color:#fbbf24}.track-card.advanced:before{content:"Advanced";background:#f8717126;color:#f87171}.track-card.beginner:hover{border-color:#34d399;box-shadow:0 8px 28px #34d3992e}.track-card.intermediate:hover{border-color:#fbbf24;box-shadow:0 8px 28px #fbbf2426}.track-card.advanced:hover{border-color:#f87171;box-shadow:0 8px 28px #f8717126}.track-illustration{width:64px;height:64px;margin-bottom:.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.track-illustration svg{width:100%;height:100%}.track-card:hover .track-illustration{transform:scale(1.15) rotate(3deg)}.track-title{font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:700;margin-bottom:.5rem;color:var(--sl-color-white)}.track-desc{font-size:.85rem;color:var(--sl-color-gray-3);line-height:1.5;margin-bottom:1rem}.track-pills{display:flex;gap:.5rem;margin-top:auto}.track-pill{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:hsla(var(--k8s-hsl),.1);color:var(--sl-color-gray-3);border:1px solid var(--sl-color-gray-6);transition:all .2s}.track-card:hover .track-pill{border-color:hsla(var(--k8s-hsl),.3);color:var(--sl-color-white)}.tracks-progress{display:flex;align-items:center;justify-content:center;gap:0;margin:-1.5rem 0 2rem;padding:0 2rem}.progress-segment{height:4px;flex:1;border-radius:2px;max-width:200px}.progress-segment.seg-beginner{background:linear-gradient(90deg,#34d399,#34d399)}.progress-segment.seg-intermediate{background:linear-gradient(90deg,#34d399,#fbbf24)}.progress-segment.seg-advanced{background:linear-gradient(90deg,#fbbf24,#f87171)}.progress-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.progress-dot.dot-start{background:#34d399}.progress-dot.dot-mid{background:#fbbf24}.progress-dot.dot-end{background:#f87171}.topics-hex{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin:0 0 3rem;max-width:900px;margin-inline:auto}.topic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem .75rem;border-radius:.75rem;border:1px solid var(--sl-color-gray-6);background:var(--sl-color-black);text-decoration:none;color:var(--sl-color-gray-2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:1px;background:linear-gradient(135deg,var(--k8s-accent),#a78bfa,#c084fc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.topic-card:hover:before{opacity:1}.topic-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 24px hsla(var(--k8s-hsl),.2);color:var(--sl-color-white);text-decoration:none;border-color:transparent}.topic-icon{font-size:1.8rem;margin-bottom:.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.topic-card:hover .topic-icon{transform:scale(1.2) rotate(-5deg)}.topic-name{font-size:.85rem;font-weight:600;margin-bottom:.2rem}.topic-count{font-size:.7rem;color:var(--sl-color-gray-4);transition:color .3s}.topic-card:hover .topic-count{color:var(--k8s-accent)}.quickstart{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center;margin-bottom:3rem}@media(max-width:768px){.quickstart{grid-template-columns:1fr;gap:1.5rem}}.quickstart-left .section-title{text-align:left}.quickstart-sub{color:var(--sl-color-gray-3);font-size:.95rem;margin-top:.25rem}.quickstart-steps{display:flex;flex-direction:column;gap:0}.step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;position:relative;transition:transform .2s}.step:hover{transform:translate(4px)}.step:not(:last-child):after{content:"";position:absolute;left:17px;top:44px;bottom:-4px;width:2px;background:linear-gradient(to bottom,var(--k8s-accent),transparent);opacity:.3}.step-num{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(var(--k8s-hsl),.15);color:var(--k8s-accent);font-size:.85rem;font-weight:700;border:1px solid hsla(var(--k8s-hsl),.25);transition:all .25s}.step:hover .step-num{background:var(--k8s-accent);color:#0f172a;box-shadow:0 0 12px var(--k8s-glow)}.step-label{font-size:.8rem;font-weight:600;color:var(--sl-color-white);margin-bottom:.3rem}.step-cmd{display:block;font-size:.8rem;font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);background:hsla(var(--k8s-hsl),.06);padding:.35rem .6rem;border-radius:.35rem;border:1px solid var(--sl-color-gray-6);transition:border-color .2s;word-break:break-all}.step:hover .step-cmd{border-color:hsla(var(--k8s-hsl),.3)}a.step-link{text-decoration:none;color:inherit;cursor:pointer;border:1px dashed var(--sl-color-gray-5);border-radius:.5rem;padding-left:1rem;padding-right:1rem;margin-bottom:.5rem}a.step-link:hover{border-color:var(--k8s-accent);background:hsla(var(--k8s-hsl),.05);text-decoration:none}a.step-link .step-num{background:transparent;border-style:dashed}a.step-link:hover .step-num{background:var(--k8s-accent);color:#0f172a;border-style:solid;box-shadow:0 0 12px var(--k8s-glow)}.step-hint{display:block;font-size:.75rem;color:var(--sl-color-gray-4);margin-top:.15rem}.step-arrow{display:inline-block;transition:transform .2s}a.step-link:hover .step-arrow{transform:translate(4px)}.print-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.4rem .9rem;border:1px solid var(--sl-color-gray-5);border-radius:999px;background:transparent;color:var(--sl-color-gray-3);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s}.print-btn:hover{border-color:var(--k8s-accent, #818cf8);color:var(--sl-color-white);background:#5a69f21a}.print-btn svg{flex-shrink:0}@media print{header,.sidebar-pane,.right-sidebar-container,.print-btn,.pagination,footer,.mobile-preferences,nav,#k8s-network{display:none!important}.main-frame{padding-top:0!important;background:none!important}.main-pane{width:100%!important;max-width:100%!important}body,.page{background:#fff!important;color:#000!important}pre,code{border:1px solid #ddd!important;background:#f8f8f8!important;color:#333!important}.sl-markdown-content a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}pre,.card,table{break-inside:avoid}h1{margin-top:0}}
