body{min-width:320px;min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#5d78ff59,#0000 30%),linear-gradient(135deg,#11182a,#1c2850);min-height:720px;padding:24px max(24px,50vw - 560px)}nav{justify-content:space-between;align-items:center;display:flex}.brand{font-size:18px;font-weight:700}.nav-link{opacity:.85}.hero-content{max-width:850px;padding:140px 0 100px}.eyebrow{color:#879cff;letter-spacing:.13em;margin-bottom:18px;font-size:13px;font-weight:800}h1{letter-spacing:-.045em;max-width:900px;margin:0;font-size:clamp(48px,7vw,82px);line-height:1.03}h2{letter-spacing:-.035em;max-width:720px;margin:0 0 24px;font-size:clamp(34px,4vw,52px);line-height:1.08}.subtitle{color:#cbd2e4;max-width:720px;margin:28px 0 0;font-size:20px;line-height:1.65}.actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;display:inline-flex}.primary-button{color:#11182a;background:#fff}.secondary-button{border:1px solid #ffffff40}.stats,.section,.newsletter,footer{width:min(1120px,100% - 48px);margin-inline:auto}.stats{background:#e4e7ef;border:1px solid #e4e7ef;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:-54px;display:grid;overflow:hidden;box-shadow:0 20px 50px #16213e1a}.stats div{background:#fff;flex-direction:column;gap:8px;padding:32px;display:flex}.stats strong{font-size:21px}.stats span{color:#687086}.section{padding:130px 0 80px}.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.card{background:#fff;border:1px solid #e4e7ef;border-radius:16px;min-height:245px;padding:30px}.card h3{margin-top:0;font-size:24px}.card p,.newsletter p{color:#687086;line-height:1.7}.newsletter{background:#e9edff;border-radius:20px;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:80px;padding:56px;display:grid}.newsletter h2{font-size:38px}form{align-self:center}label{margin-bottom:10px;font-weight:700;display:block}.form-row{gap:10px;display:flex}input{border:1px solid #c9cee0;border-radius:9px;width:100%;min-height:52px;padding:0 16px}button{color:#fff;cursor:pointer;background:#1e2a55;border:0;border-radius:9px;min-width:140px}button:disabled{cursor:wait;opacity:.7}.status{margin-bottom:0;font-size:14px}footer{color:#737b8f;border-top:1px solid #e4e7ef;padding:32px 0 48px}@media (width<=800px){.hero{min-height:auto}.hero-content{padding:100px 0 90px}.stats,.project-grid,.newsletter{grid-template-columns:1fr}.stats{margin-top:24px}.newsletter{padding:32px 24px}.form-row{flex-direction:column}button{min-height:52px}}.projects{color:#11182c;background:#f5f7fb;min-height:100vh;padding:96px 32px 120px;scroll-margin-top:24px}.projects-heading{text-align:center;width:min(100%,760px);margin:0 auto 48px}.projects-heading .eyebrow{color:#5e76d9;margin-bottom:16px}.projects-heading h2{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.projects-heading>p:last-child{color:#657086;margin:0;font-size:1.1rem;line-height:1.7}.project-cards{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#aeb8ce transparent;gap:24px;width:min(100%,1400px);margin:0 auto;padding:8px 8px 32px;display:flex;overflow-x:auto}.project-cards::-webkit-scrollbar{height:8px}.project-cards::-webkit-scrollbar-track{background:0 0}.project-cards::-webkit-scrollbar-thumb{background:#aeb8ce;border-radius:999px}.project-card{scroll-snap-align:start;scroll-snap-stop:always;background:#fff;border:1px solid #dde3ee;border-radius:20px;flex:0 0 calc(50% - 12px);min-width:0;overflow:hidden;box-shadow:0 16px 40px #121c3414}.project-diagram{background:#f8f9fc;border-bottom:1px solid #e5e9f1;justify-content:center;align-items:center;height:420px;padding:32px;display:flex}.project-diagram img{object-fit:contain;width:100%;height:100%;display:block}.project-card-content{padding:28px}.project-card-content h3{color:#11182c;margin:0 0 10px;font-size:1.5rem}.project-card-content p{color:#687287;margin:0;line-height:1.6}@media (width<=1000px){.project-card{flex-basis:80%}.project-diagram{height:380px}}@media (width<=600px){.projects{padding:72px 18px 80px}.project-cards{gap:16px;padding-left:0;padding-right:0}.project-card{flex-basis:92%}.project-diagram{height:280px;padding:16px}.project-card-content{padding:22px}}.project-card-clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.project-card-clickable:hover{border-color:#aebcf8;transform:translateY(-6px);box-shadow:0 24px 55px #121c3429}.project-card-clickable:focus-visible{outline-offset:4px;outline:3px solid #667eea}.project-card-link{color:#506bd4;margin-top:18px;font-size:.95rem;font-weight:750;display:inline-block}.project-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e1cc7;justify-content:center;align-items:flex-start;padding:48px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.project-modal{color:#11182c;background:#f7f8fc;border:1px solid #ffffff4d;border-radius:24px;width:min(1100px,100%);position:relative;overflow:hidden;box-shadow:0 30px 100px #00000059}.project-modal-close{z-index:2;float:right;color:#11182c;background:#fff;border:1px solid #dfe4ef;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:20px 20px 0 0;padding:0;font-size:30px;line-height:1;display:flex;position:sticky;top:20px;box-shadow:0 8px 24px #121c341f}.project-modal-close:hover{background:#eef1f7}.project-modal-header{color:#fff;background:radial-gradient(circle at 85% 20%,#5d78ff66,#0000 32%),linear-gradient(135deg,#11182a,#1c2850);padding:64px 72px 48px}.project-modal-header .eyebrow{margin-top:0}.project-modal-header h2{max-width:none;margin-bottom:20px;font-size:clamp(2.4rem,5vw,4.5rem)}.project-modal-header>p:last-child{color:#cbd2e4;max-width:780px;margin:0;font-size:1.1rem;line-height:1.75}.project-modal-section{padding:56px 72px}.project-modal-section+.project-modal-section{border-top:1px solid #dfe4ee}.project-modal-section-heading{margin-bottom:28px}.project-modal-label{color:#5e76d9;letter-spacing:.14em;margin:0 0 10px;font-size:.75rem;font-weight:800}.project-modal-section-heading h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}.project-modal-diagram{background:#fff;border:1px solid #dfe4ee;border-radius:18px;justify-content:center;align-items:center;min-height:520px;padding:36px;display:flex}.project-modal-diagram img{object-fit:contain;width:100%;max-height:680px;display:block}.chapter-list{gap:28px;display:grid}.chapter-item{background:#fff;border:1px solid #dfe4ee;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #121c340f}.chapter-item-header{grid-template-columns:56px minmax(0,1fr);gap:20px;padding:28px;display:grid}.chapter-number{color:#6179da;letter-spacing:.08em;justify-content:center;align-items:flex-start;padding-top:3px;font-size:.85rem;font-weight:800;display:flex}.chapter-copy h4{color:#11182c;margin:0 0 10px;font-size:1.25rem}.chapter-copy p{color:#687287;max-width:760px;margin:0;line-height:1.65}.chapter-diagram{background:#f8f9fc;border-top:1px solid #e5e9f1;justify-content:center;align-items:center;min-height:420px;padding:32px;display:flex}.chapter-diagram img{object-fit:contain;width:100%;max-height:620px;display:block}.chapter-resource{background:radial-gradient(circle at 90% 20%,#5d78ff1f,#0000 35%),#f8f9fc;border-top:1px solid #e5e9f1;justify-content:space-between;align-items:center;gap:32px;padding:32px;display:flex}.chapter-resource-copy{max-width:650px}.chapter-resource-label{color:#5e76d9;letter-spacing:.13em;margin:0 0 8px;font-size:.72rem;font-weight:800}.chapter-resource-copy h5{color:#11182c;margin:0 0 10px;font-size:1.15rem}.chapter-resource-copy>p:last-child{color:#687287;margin:0;line-height:1.65}.github-repository-link{color:#fff;background:#11182c;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 20px;font-size:.92rem;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.github-repository-link:hover{background:#202b48;transform:translateY(-2px);box-shadow:0 10px 24px #121c342e}.github-repository-link:focus-visible{outline-offset:3px;outline:3px solid #667eea}.github-icon{justify-content:center;align-items:center;display:flex}.kafka-chapter-list{gap:18px;display:grid}.kafka-chapter{background:#fff;border:1px solid #dfe4ee;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #121c340f}.kafka-chapter-open{border-color:#b9c5f5;box-shadow:0 18px 40px #121c341a}.kafka-chapter-toggle{color:#11182c;text-align:left;background:#fff;border:0;border-radius:0;grid-template-columns:56px minmax(0,1fr) 36px;align-items:center;gap:20px;width:100%;min-height:0;padding:28px;display:grid}.kafka-chapter-toggle:hover{background:#fafbfe}.kafka-chapter-toggle:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #667eea;position:relative}.kafka-chapter-number{color:#6179da;letter-spacing:.08em;align-self:flex-start;padding-top:3px;font-size:.85rem;font-weight:800}.kafka-chapter-heading{gap:8px;display:grid}.kafka-chapter-heading strong{color:#11182c;font-size:1.3rem}.kafka-chapter-heading>span{color:#687287;max-width:760px;font-size:.98rem;font-weight:400;line-height:1.65}.kafka-chapter-icon{color:#506bd4;background:#eef1ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.5rem;font-weight:400;display:flex}.kafka-chapter-content{border-top:1px solid #e5e9f1;padding:0 28px 28px}.kafka-subsection-list{gap:22px;padding-top:28px;display:grid}.kafka-subsection{background:#f8f9fc;border:1px solid #e1e6ef;border-radius:14px;overflow:hidden}.kafka-subsection-header{grid-template-columns:56px minmax(0,1fr);gap:18px;padding:24px;display:grid}.kafka-subsection-number{color:#6179da;letter-spacing:.07em;text-transform:uppercase;padding-top:3px;font-size:.8rem;font-weight:800}.kafka-subsection-copy h4{color:#11182c;margin:0 0 8px;font-size:1.1rem}.kafka-subsection-copy p{color:#687287;max-width:760px;margin:0;line-height:1.65}.kafka-subsection-diagram{background:#fff;border-top:1px solid #e1e6ef;justify-content:center;align-items:center;min-height:360px;padding:28px;display:flex}.kafka-subsection-diagram img{object-fit:contain;width:100%;max-height:560px;display:block}@media (width<=700px){.project-modal-backdrop{padding:0}.project-modal{border-radius:0;min-height:100vh}.project-modal-header,.project-modal-section{padding-left:24px;padding-right:24px}.project-modal-header{padding-top:72px}.project-modal-diagram{min-height:300px;padding:14px}.chapter-item-header{grid-template-columns:1fr;gap:10px;padding:22px}.chapter-number{justify-content:flex-start}.chapter-diagram{min-height:240px;padding:14px}.chapter-resource{flex-direction:column;align-items:flex-start;padding:24px 22px}.github-repository-link{width:100%}.kafka-chapter-toggle{grid-template-columns:minmax(0,1fr) 36px;gap:12px;padding:22px}.kafka-chapter-number{grid-column:1/-1;padding:0}.kafka-chapter-content{padding:0 14px 18px}.kafka-subsection-header{grid-template-columns:1fr;gap:8px;padding:20px}.kafka-subsection-diagram{min-height:240px;padding:14px}}