@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#07111f;--panel:#0c1929;--panel-2:#102137;--line:#26384e;--text:#edf5f7;--muted:#93a7b8;--accent:#66f2c2;--accent-2:#67b9ff;color-scheme:dark;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 80% 8%,#206e822b,transparent 32rem),var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);backdrop-filter:blur(16px);z-index:2;background:#07111fd1;justify-content:space-between;align-items:center;height:78px;padding:0 max(20px,50vw - 590px);display:flex;position:relative}.brand{letter-spacing:.06em;align-items:center;gap:12px;font:700 15px IBM Plex Mono,monospace;display:flex}.brand-mark{color:var(--accent);font-size:20px}.brand-accent{color:var(--muted)}.site-header nav{text-transform:uppercase;align-items:center;gap:28px;font:500 13px IBM Plex Mono,monospace;display:flex}.site-header nav a:hover{color:var(--accent)}.language-switch{border:1px solid var(--line);padding:9px 13px}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:650px;padding-block:90px;display:grid}.eyebrow,.section-index{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 24px;font:500 12px IBM Plex Mono,monospace}.eyebrow span{vertical-align:middle;background:var(--accent);width:30px;height:1px;margin-right:12px;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:800px;margin-bottom:28px;font-size:clamp(44px,6.2vw,82px);line-height:.98}.hero-lead,.course-hero>div>p:last-child{color:var(--muted);max-width:680px;font-size:18px;line-height:1.75}.button{border:1px solid var(--accent);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:28px;min-height:50px;margin-top:16px;padding:0 22px;font:600 12px IBM Plex Mono,monospace;display:inline-flex}.button.primary{background:var(--accent);color:#04130f}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.terminal{border:1px solid var(--line);background:#06101c;transform:perspective(1000px)rotateY(-3deg);box-shadow:0 30px 80px #00000052}.terminal-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:42px;padding:0 15px;display:flex}.terminal-bar i{background:#45586b;border-radius:50%;width:8px;height:8px}.terminal-bar i:first-child{background:#fa7268}.terminal-bar i:nth-child(2){background:#f4c65d}.terminal-bar i:nth-child(3){background:var(--accent)}.terminal-bar span{color:#688096;margin:auto;font:11px IBM Plex Mono,monospace}.terminal pre{color:#d7e4ea;min-height:300px;padding:34px 32px 44px;font:13px/1.8 IBM Plex Mono,monospace;overflow:auto}.prompt,.green,.cursor{color:var(--accent)}.muted{color:#657d91}.catalog,.curriculum{padding-block:80px 120px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;padding-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4vw,52px)}.section-heading p:last-child{color:var(--muted);max-width:450px;line-height:1.7}.course-card{border:1px solid var(--line);background:linear-gradient(135deg,var(--panel),#091522);grid-template-columns:38% 62%;transition:all .25s;display:grid}.course-card:hover{border-color:#3e5b72;transform:translateY(-3px);box-shadow:0 24px 60px #0003}.course-visual{border-right:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 29px,#ffffff06 30px),repeating-linear-gradient(90deg,#0000 0 29px,#ffffff06 30px);place-items:center;min-height:370px;display:grid;position:relative;overflow:hidden}.course-visual>span,.course-emblem{color:var(--accent);filter:drop-shadow(0 0 30px #66f2c23d);font-size:110px}.orbit{border:1px solid #66f2c22b;border-radius:50%;position:absolute}.orbit.one{width:280px;height:280px}.orbit.two{width:390px;height:170px;transform:rotate(25deg)}.course-info{flex-direction:column;justify-content:center;padding:52px;display:flex}.tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tags span{color:var(--accent-2);background:#142840;padding:6px 9px;font:600 10px IBM Plex Mono,monospace}.course-info h3{letter-spacing:-.035em;margin-bottom:18px;font-size:34px}.course-info>p{color:var(--muted);max-width:620px;line-height:1.75}.course-meta{border-top:1px solid var(--line);color:var(--muted);gap:24px;margin-top:30px;padding-top:24px;font:12px IBM Plex Mono,monospace;display:flex}.course-meta b{color:var(--accent);margin-left:auto}.course-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 280px;align-items:center;gap:50px;min-height:460px;padding-block:60px;display:grid}.course-hero h1{font-size:clamp(42px,6vw,72px)}.course-emblem{text-align:center;font-size:150px}.back-link{color:var(--muted);margin-bottom:50px;font:12px IBM Plex Mono,monospace;display:inline-block}.back-link:hover{color:var(--accent)}.module-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.module-grid a{border:1px solid var(--line);background:var(--panel);grid-template-columns:48px 1fr 28px;align-items:start;gap:22px;min-height:150px;padding:28px;transition:all .2s;display:grid}.module-grid a:hover{background:var(--panel-2);border-color:var(--accent)}.planned-module-grid .planned-module{border:1px solid var(--line);background:var(--panel);grid-template-columns:48px 1fr auto;align-items:start;gap:22px;min-height:150px;padding:28px;display:grid}.planned-module-grid h3{font-size:18px;line-height:1.45}.module-status{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:500 11px IBM Plex Mono,monospace}.course-announcement{border-left:3px solid var(--accent);background:var(--panel);color:var(--muted);margin:-8px 0 24px;padding:16px 18px}.announced-course .course-meta b{color:var(--accent)}.module-number,.module-arrow,.page-label{color:var(--accent);font:500 12px IBM Plex Mono,monospace}.module-grid h3{font-size:18px;line-height:1.45}.module-arrow{text-align:right}.module-placeholder{border:1px solid var(--line);opacity:.62;background:#08121e73;grid-template-columns:48px 1fr auto;align-items:start;gap:22px;min-height:150px;padding:28px;display:grid}.module-state{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font:9px IBM Plex Mono,monospace}.catalog .course-card+.course-card{margin-top:18px}.docker-visual span{font-size:112px;transform:rotate(45deg)}.swarm-visual span,.gitlab-visual span{font-size:92px}.gitlab-visual span,.gitlab-emblem{color:#fc6d26}.github-actions-visual span,.github-actions-emblem{color:#58a6ff}.github-actions-visual span{font-size:76px}.planned-course{opacity:.68;cursor:default}.planned-course:hover{border-color:var(--line);box-shadow:none;transform:none}.planned-course .course-meta b{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.lesson{padding-block:65px 100px}.lesson-header{max-width:950px;padding-bottom:54px}.lesson-header h1{font-size:clamp(40px,6vw,70px)}.reading-meta{color:var(--muted);font:12px IBM Plex Mono,monospace}.lesson-layout{border-top:1px solid var(--line);grid-template-columns:180px minmax(0,800px);justify-content:space-between;gap:60px;padding-top:50px;display:grid}.lesson-aside{height:max-content;position:sticky;top:30px}.lesson-aside span{color:var(--accent);font:600 56px IBM Plex Mono,monospace;display:block}.lesson-aside p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font:11px IBM Plex Mono,monospace}.lesson-nav{border-top:1px solid var(--line);color:var(--accent);justify-content:space-between;padding-top:28px;font:12px IBM Plex Mono,monospace;display:flex}.site-footer{border-top:1px solid var(--line);min-height:110px;color:var(--muted);align-items:center;gap:30px;padding:30px max(20px,50vw - 590px);font-size:12px;display:flex}.site-footer span:last-child{margin-left:auto}.brand-small{color:var(--text);font:600 12px IBM Plex Mono,monospace}@media (width<=850px){.hero{grid-template-columns:1fr;padding-block:70px}.terminal{transform:none}.course-card{grid-template-columns:1fr}.course-visual{border-right:0;border-bottom:1px solid var(--line);min-height:270px}.course-hero{grid-template-columns:1fr}.course-emblem{display:none}.module-grid,.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:none}.section-heading{flex-direction:column;align-items:start}}@media (width<=560px){.shell{width:min(100% - 24px,1180px)}.site-header{height:66px;padding-inline:12px}.site-header nav>a:first-child{display:none}.brand{font-size:12px}.hero{min-height:auto;padding-block:55px}.terminal{display:none}.course-info{padding:28px}.course-info h3{font-size:27px}.course-meta{flex-wrap:wrap}.course-meta b{width:100%;margin:0}.module-grid a,.planned-module-grid .planned-module{grid-template-columns:36px 1fr auto;padding:22px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px}.site-footer span:last-child{margin:0}}.web-lesson{border-top:1px solid var(--line);grid-template-columns:250px minmax(0,820px);justify-content:space-between;gap:64px;padding-top:48px;display:grid}.toc{scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-self:start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:auto}.toc>p{color:var(--text);text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;font:600 11px IBM Plex Mono,monospace}.toc ol,.mobile-toc ol{margin:0;padding:0;list-style:none}.toc a{border-left:1px solid var(--line);color:#71879a;grid-template-columns:28px 1fr;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;transition:all .15s;display:grid}.toc a span{color:#4c6478;padding-top:2px;font:10px IBM Plex Mono,monospace}.toc a:hover,.toc a.active{color:var(--text);border-color:var(--accent);background:#66f2c20d}.toc a.active span{color:var(--accent)}.mobile-toc{display:none}.lesson-section{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;column-gap:18px;margin-bottom:58px;padding:0 0 58px;scroll-margin-top:24px;display:grid}.lesson-section:last-child{margin-bottom:0}.section-number{color:var(--accent);padding-top:8px;font:500 11px IBM Plex Mono,monospace}.lesson-section>h2{letter-spacing:-.035em;margin:0 0 30px;font-size:clamp(25px,3vw,36px);line-height:1.2}.lesson-section>h2 a:hover{color:var(--accent)}.section-content{grid-column:2;min-width:0}.section-content p{color:#c5d3dc;margin-bottom:24px;font-size:17px;line-height:1.82}.section-content ul{color:#c5d3dc;margin:0 0 28px;padding-left:22px}.section-content li{margin:10px 0;padding-left:8px;line-height:1.65}.section-content li::marker{color:var(--accent)}.term{color:#f1f7f8;font-weight:700}.code-block{background:#040c16;border:1px solid #28445a;margin:26px 0 32px;overflow:hidden;box-shadow:0 14px 35px #0000002e}.code-toolbar{background:#0a1725;border-bottom:1px solid #1d3447;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px 0 15px;display:flex}.code-toolbar>span{color:#657f93;text-transform:uppercase;letter-spacing:.12em;font:10px IBM Plex Mono,monospace}.copy-code{color:#9ab0c0;cursor:pointer;text-transform:uppercase;background:0 0;border:0;min-height:28px;padding:0 10px;font:500 10px IBM Plex Mono,monospace}.copy-code:hover,.copy-code.is-copied{color:var(--accent);background:#66f2c212}.code-block pre{white-space:pre;tab-size:2;margin:0;padding:20px;overflow:auto}.code-block code{color:#d9e7ed;font:13px/1.7 IBM Plex Mono,ui-monospace,monospace}@media (width<=950px){.web-lesson{grid-template-columns:1fr;gap:30px}.toc{display:none}.mobile-toc{border:1px solid var(--line);background:var(--panel);display:block}.mobile-toc summary{cursor:pointer;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;padding:17px 20px;font:600 11px IBM Plex Mono,monospace;display:flex}.mobile-toc nav{border-top:1px solid var(--line);padding:10px 16px 16px}.mobile-toc a{color:var(--muted);grid-template-columns:28px 1fr;gap:8px;padding:8px;font-size:13px;display:grid}.mobile-toc a span{color:var(--accent);font:10px IBM Plex Mono,monospace}}@media (width<=560px){.lesson-section{grid-template-columns:1fr;margin-bottom:40px;padding-bottom:40px}.section-number{padding:0 0 8px}.lesson-section>h2{margin-bottom:22px}.section-content{grid-column:1}.section-content p{font-size:16px;line-height:1.72}.code-block{margin-inline:-12px}.code-block pre{padding:17px 14px}.code-block code{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course-card,.module-grid a,.button{transition:none}}.kubernetes-advanced-visual span,.kubernetes-advanced-emblem{color:#326ce5}
