@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Space+Grotesk:wght@400;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";:root{--bg: #090f0d;--surface: #101a15;--surface2: #162019;--green-dark: #1e6e54;--green: #2d9e7e;--green-light: #4ecdc4;--mint: #a8e6da;--pink: #d64d7a;--pink-light: #e87da0;--text: #dff0eb;--muted: #6b9080;--border: #1e3028}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:-1;opacity:.4}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;cursor:pointer;border:none;background:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 4rem;background:#090f0dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Caveat,cursive;font-size:2rem;color:var(--green-light);letter-spacing:.02em}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--green-light)}.nav-cta{background:transparent;border:1px solid var(--pink);color:var(--pink-light);padding:.5rem 1.2rem;border-radius:4px;font-family:DM Sans,sans-serif;font-size:.85rem;cursor:pointer;letter-spacing:.05em;transition:background .2s,color .2s}.nav-cta:hover{background:#d64d7a1a}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;background:transparent;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:background .2s}.nav-hamburger span:last-child{width:60%}.nav-hamburger:hover span{background:var(--green-light)}.nav-mobile-overlay{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;list-style:none;background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0}.nav-mobile-overlay li a{display:block;padding:.75rem 1.5rem;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,background .2s}.nav-mobile-overlay li a:hover{color:var(--green-light);background:#4ecdc40d}@media (max-width: 768px){.nav{padding:1rem 1.2rem}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;padding:7rem 4rem 4rem;position:relative}.hero:before{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(45,158,126,.08) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-100px;right:200px;width:400px;height:400px;background:radial-gradient(circle,rgba(214,77,122,.06) 0%,transparent 70%);pointer-events:none}.hero-left{display:flex;flex-direction:column;gap:1.5rem;padding-right:3rem}.hero-eyebrow{font-family:Caveat,cursive;font-size:1.6rem;color:var(--green);letter-spacing:.05em}.hero-name{font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:800;line-height:normal;color:var(--text);letter-spacing:-.02em}.hero-name span{color:var(--green-light)}.hero-tagline{font-size:1.175rem;color:var(--muted);max-width:420px;line-height:1.7;font-weight:300}.hero-tagline strong{color:var(--mint);font-weight:500}.hero-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.badge{font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:2px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.badge-green{border-color:var(--green-dark);color:var(--green-light);background:#2d9e7e14}.hero-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.btn-primary{background:var(--green);color:#fff;padding:.75rem 1.8rem;border-radius:4px;text-decoration:none;font-weight:500;font-size:.9rem;letter-spacing:.03em;border:none;cursor:pointer}.btn-ghost{background:transparent;color:var(--pink-light);padding:.75rem 1.8rem;border-radius:4px;text-decoration:none;font-weight:500;font-size:.9rem;letter-spacing:.03em;border:1px solid var(--pink)}.hero-right{display:flex;justify-content:center;align-items:center;position:relative}.diagram-wrap{width:100%;max-width:820px;opacity:.92}.diagram-wrap img{width:100%;height:auto}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:6rem 1.5rem 3rem}.hero-left{padding-right:0}.hero-right{margin-top:2rem}.diagram-wrap{max-width:100%;margin:0 auto}}.divider{border:none;height:1px;background-color:var(--border);width:100%;margin:0}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.8rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:border-color .25s,transform .25s;text-decoration:none;cursor:pointer}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-border-color)}.project-card:hover{border-color:var(--green-dark);transform:translateY(-3px)}.project-number{font-family:Caveat,cursive;font-size:2.5rem;color:var(--border);line-height:1;font-weight:700}.project-title{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.3}.project-desc{font-size:.85rem;color:var(--muted);line-height:1.6;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px;background:#2d9e7e1a;border:1px solid rgba(45,158,126,.2);color:var(--green-light)}.tag-pink{background:#d64d7a14;border-color:#d64d7a33;color:var(--pink-light)}.project-link{font-size:.8rem;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:.3rem;font-weight:500}.projects-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.projects-label{font-family:Caveat,cursive;color:var(--pink);font-size:1.5rem;margin-bottom:.5rem}.projects-heading{font-family:Space Grotesk,sans-serif;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.projects-section{padding:3rem 1.2rem}.projects-grid{grid-template-columns:1fr;gap:1.2rem}}.writing{padding:6rem 2rem;max-width:1200px;margin:0 auto}.writing-label{font-family:Caveat,cursive;font-size:1.5rem;color:var(--pink);margin-bottom:.75rem}.writing-heading{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--text);margin-bottom:.75rem}.writing-intro{font-size:.95rem;color:var(--muted);max-width:520px;margin-bottom:2rem;line-height:1.65}.writing-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;overflow:hidden}.writing-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 1.8rem;background:var(--surface);border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background .2s,transform .2s;position:relative;overflow:hidden}.writing-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--green);opacity:0;transition:opacity .25s}.writing-card:hover:before{opacity:1}.writing-card:last-child{border-bottom:none}.writing-card:hover{background:#2d9e7e0a}.writing-card-body{flex:1}.writing-card-tag{font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--green);margin-bottom:.4rem}.writing-card-tag.tag-perspective{color:var(--pink-light)}.writing-card-title{font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.35rem;line-height:1.35}.writing-card-desc{font-size:.82rem;color:var(--muted);line-height:1.55}.writing-card-arrow{font-size:.8rem;color:var(--green);flex-shrink:0;font-weight:500;transition:transform .2s}.writing-card:hover .writing-card-arrow{transform:translate(2px,-2px)}.writing-blog-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.5rem;font-size:.82rem;font-weight:500;color:var(--green);text-decoration:none;transition:opacity .2s}.writing-blog-link:hover{opacity:.75}.cert-item{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;text-decoration:none;color:inherit;transition:border-color .25s}.cert-item:hover{border-color:var(--green-dark)}.cert-item--community{grid-column:1 / -1;border-color:var(--pink);background:#d64d7a0a}.cert-item--special{border-color:var(--green-dark);background:#2d9e7e0d}.cert-icon{width:36px;height:36px;border-radius:50%;background:#2d9e7e26;border:1px solid var(--green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.cert-icon--pink{background:#d64d7a1a;border-color:var(--pink)}.cert-name{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.cert-meta{font-size:.75rem;color:var(--muted)}.certifications-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.certifications-label{font-family:Caveat,cursive;color:var(--pink);font-size:1.5rem;margin-bottom:.5rem}.certifications-heading{font-family:Space Grotesk,sans-serif;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:3rem;line-height:normal}.certifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.certifications-section{padding:3rem 1.2rem}.certifications-grid{grid-template-columns:1fr;gap:1rem}}.edu-item{padding:1.4rem 1.8rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;align-items:center}.edu-degree{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.edu-school{font-size:.85rem;color:var(--muted)}.edu-label{font-family:Caveat,cursive;font-size:1.1rem;color:var(--green);flex-shrink:0;margin-left:1.5rem}.education-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.education-label{font-family:Caveat,cursive;color:var(--pink);font-size:1.5rem;margin-bottom:.5rem}.education-heading{font-family:Space Grotesk,sans-serif;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:3rem}.education-list{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.education-section{padding:3rem 1.2rem}.education-list{gap:1rem}}.contact-section{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center;background:var(--surface);border-top:1px solid var(--border)}.contact-label{font-family:Caveat,cursive;color:var(--pink);font-size:1.5rem;margin-bottom:.5rem}.contact-heading{font-family:Space Grotesk,sans-serif;color:var(--text);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-subtitle{color:var(--muted);font-size:1.1rem;margin-bottom:2rem}.contact-email{font-family:Caveat,cursive;color:var(--green-light);font-size:1.75rem;text-decoration:none;display:inline-block;margin-bottom:2.5rem;transition:opacity .2s ease}.contact-email:hover{opacity:.8}.contact-socials{display:flex;justify-content:center;gap:2rem}.contact-social-link{color:var(--text);text-decoration:none;font-size:1rem;transition:color .2s ease}.contact-social-link:hover{color:var(--green-light)}@media (max-width: 768px){.contact-section{padding:3rem 1.2rem}.contact-heading{font-size:1.8rem}.contact-socials{flex-direction:column;align-items:center;gap:1rem}}.footer{border-top:1px solid var(--border);padding:2rem 4rem;text-align:center}.visitor-counter{font-family:Caveat,cursive;font-size:1.2rem;color:var(--muted);margin:0 0 .5rem}.footer-text{font-family:Caveat,cursive;font-size:1.1rem;color:var(--muted);margin:0}.footer-challenge{font-size:.78rem;color:var(--muted);margin:.6rem auto 0;line-height:1.5;max-width:780px;text-wrap:balance}.footer-challenge a{color:var(--green-light);text-decoration:none;transition:opacity .2s}.footer-challenge a:hover{opacity:.8;text-decoration:underline}.cs-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:#090f0df2;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.cs-nav-logo{font-family:Caveat,cursive;font-size:1.4rem;color:var(--green-light);text-decoration:none}.cs-back{font-size:.8rem;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:.4rem;letter-spacing:.05em;transition:color .2s}.cs-back:hover{color:var(--green-light)}@media (max-width: 768px){.cs-nav{padding:.8rem 1.2rem}}.cs-hero{padding:3.5rem 2.5rem 2.5rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.cs-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(214,77,122,.07) 0%,transparent 70%);pointer-events:none}.cs-number{font-family:Caveat,cursive;font-size:5rem;color:var(--border);line-height:1;position:absolute;top:2rem;right:2.5rem;font-weight:700}.cs-label{font-family:Caveat,cursive;font-size:1rem;color:var(--pink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.cs-title{font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;max-width:520px}.cs-meta{display:flex;gap:2rem;margin-bottom:1.5rem}.cs-meta-key{font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-weight:500}.cs-meta-val{font-family:Syne,sans-serif;font-size:.85rem;color:var(--text);font-weight:600}.cs-tags{display:flex;flex-wrap:wrap;gap:.5rem}.cs-tag{font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .8rem;border-radius:2px;background:#2d9e7e1a;border:1px solid rgba(45,158,126,.2);color:var(--green-light)}.cs-tag-pink{background:#d64d7a14;border-color:#d64d7a33;color:var(--pink-light)}@media (max-width: 768px){.cs-hero{padding:1.5rem 1.2rem 1.2rem}.cs-number{font-size:3.5rem;top:1rem;right:1.2rem}.cs-title{font-size:1.5rem;max-width:230px}.cs-meta{gap:1.2rem;margin-bottom:.9rem}.cs-tags{gap:.35rem}.cs-tag{font-size:.6rem;padding:.2rem .55rem}}.cs-body{display:grid;grid-template-columns:1fr 280px;gap:0}@media (max-width: 768px){.cs-body{grid-template-columns:1fr}}.cs-main{padding:2.5rem;border-right:1px solid var(--border)}.cs-section{margin-bottom:2.5rem}.cs-section:last-child{margin-bottom:0}.cs-section-title{font-family:Caveat,cursive;font-size:1.2rem;color:var(--green);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.cs-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.cs-text{font-size:.88rem;color:var(--muted);line-height:1.75}.cs-text strong{color:var(--mint);font-weight:500}.cs-challenges{list-style:none;display:flex;flex-direction:column;gap:.8rem}.cs-challenge{display:flex;gap:.8rem;align-items:flex-start}.cs-challenge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:.45rem;flex-shrink:0}.cs-challenge-text{font-size:.85rem;color:var(--muted);line-height:1.6}.cs-challenge-text strong{color:var(--text);font-weight:500}.cs-outcomes{display:none}.cs-screenshots{margin-top:.5rem}.cs-screenshots-desktop{display:flex;flex-direction:column;gap:2rem;align-items:center}.cs-screenshots-desktop .cs-screenshot-figure{width:100%;max-width:560px}.cs-screenshots-desktop .cs-screenshot{width:100%;max-width:560px;height:auto;border-radius:8px;border:1px solid var(--border)}.cs-screenshots-mobile{display:flex;gap:2rem;justify-content:center}.cs-screenshots-mobile .cs-screenshot{max-height:500px;width:auto;border-radius:8px;border:1px solid var(--border)}.cs-screenshot-figure{display:flex;flex-direction:column;align-items:center;margin:0}.cs-screenshot{border-radius:8px;border:1px solid var(--border)}.cs-screenshot-caption{display:flex;flex-direction:column;align-items:center;margin-top:.8rem;text-align:center}.cs-screenshot-title{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.cs-screenshot-desc{font-size:.78rem;color:var(--muted);line-height:1.4;max-width:220px}.cs-arch-mobile{display:none}@media (max-width: 768px){.cs-main{padding:0;border-right:none}.cs-section{padding:1.2rem;margin-bottom:0;border-bottom:1px solid var(--border)}.cs-arch-mobile{display:block}.cs-screenshots-mobile{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:0 1.2rem 1rem;justify-content:flex-start}.cs-screenshots-mobile .cs-screenshot-figure{flex:0 0 60%;scroll-snap-align:center}.cs-screenshots-mobile .cs-screenshot{max-height:none;width:100%;height:auto}.cs-screenshots-desktop{padding:0}.cs-screenshots-desktop .cs-screenshot{width:100%;max-width:100%}.cs-screenshot-desc{max-width:200px}}.cs-sidebar{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.cs-sidebar-title{font-family:Caveat,cursive;font-size:1rem;color:var(--pink);margin-bottom:.8rem;letter-spacing:.05em}.cs-stack-list{display:flex;flex-direction:column}.cs-stack-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.cs-stack-item:last-child{border-bottom:none}.cs-stack-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.cs-stack-name{font-size:.8rem;color:var(--text)}.cs-stack-role{font-size:.7rem;color:var(--muted);margin-left:auto}.cs-stack-chips{display:none;flex-wrap:wrap;gap:.4rem}.cs-chip{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:.72rem;color:var(--text)}.cs-chip-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.cs-chip-role{font-size:.62rem;color:var(--muted);margin-left:.1rem}.cs-links{display:flex;flex-direction:column;gap:.5rem}.cs-link{display:block;padding:.6rem 1rem;border-radius:4px;font-size:.8rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s}.cs-link:hover{opacity:.85}.cs-link-primary{background:var(--green);color:#fff}.cs-link-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.cs-learnings{background:#d64d7a0d;border:1px solid rgba(214,77,122,.15);border-radius:6px;padding:1rem}.cs-learnings p{font-size:.78rem;color:var(--muted);line-height:1.6;font-style:italic}@media (max-width: 768px){.cs-sidebar{padding:0;gap:0}.cs-sidebar-block{padding:1.2rem;border-bottom:1px solid var(--border)}.cs-stack-list{display:none}.cs-stack-chips{display:flex}}.cs-arch-full{padding:2rem 2.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#101a154d}.cs-arch-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.cs-arch-title{font-family:Caveat,cursive;font-size:1.2rem;color:var(--green);white-space:nowrap}.cs-arch-line{flex:1;height:1px;background:var(--border)}.cs-arch-sub{font-family:Caveat,cursive;font-size:.85rem;color:var(--muted);white-space:nowrap}.cs-arch-diagram svg{width:100%;height:auto}.cs-arch-desktop{display:block}@media (max-width: 768px){.cs-arch-full{padding:1.2rem}.cs-arch-desktop{display:none}}.cs-footer-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-top:1px solid var(--border);background:var(--surface)}.cs-nav-item{text-decoration:none;transition:opacity .2s}.cs-nav-item:hover{opacity:.8}.cs-nav-item-right{text-align:right}.cs-nav-dir{font-size:.68rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}.cs-nav-title{font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;color:var(--text)}@media (max-width: 768px){.cs-footer-nav{padding:1rem 1.2rem}.cs-nav-dir{font-size:.62rem;margin-bottom:.15rem}.cs-nav-title{font-size:.75rem}}