@font-face{font-family:Bitcount Prop Single;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/bitcount-prop-single-latin-CkRsVZcu.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bitcount Prop Single;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/bitcount-prop-single-latin-ext-NxzTssGc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#0a0a0a;color:#fff;font-family:sans-serif}.HeroSection{background:linear-gradient(to bottom,#0d4a2a 0% 10%,#0a0a0a 90%)}.NavBar{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:20px 40px}.HeroMain{display:flex;height:50vh;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 20px;font-family:Bitcount Prop Single,sans-serif;font-size:clamp(28px,6vw,50px)}.HeroMain h2{font-size:clamp(16px,3.2vw,35px)}.Landing{display:flex;justify-content:center;align-items:center;height:100vh;padding:0 20px;background:linear-gradient(to bottom,#0d4a2a,#0a0a0a);font-family:Bitcount Prop Single,sans-serif;font-size:clamp(20px,4.5vw,40px);text-align:center;position:relative;cursor:pointer}.SkipHint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:clamp(13px,1.6vw,16px);color:#4ade80}.NavButton{display:inline-flex;align-items:center;background:transparent;border:1px solid #1a5e3a;color:#e2e8f0;text-decoration:none;padding:10px 22px;border-radius:6px;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);font-size:17px;font-family:Bitcount Prop Single,sans-serif;letter-spacing:.5px;position:relative}.NavButton:before{content:"> ";color:#4ade80;opacity:0;transition:opacity .25s ease}.NavButton:hover{background:#4ade801a;border-color:#4ade80;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #4ade8040}.NavButton:hover:before{opacity:1}.AboutSection{display:flex;gap:60px;align-items:flex-start;max-width:1400px;margin:0 auto;padding:80px 50px}.AboutText{flex:1;min-width:0}.AboutTerminal{flex:0 0 480px}.AboutMeHeader{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(28px,4vw,42px);margin-bottom:16px}.AboutMeText{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(16px,2.2vw,24px);line-height:1.5;font-weight:400;margin-bottom:28px}.ContactButton{display:inline-flex;align-items:center;gap:8px;background:#0d4a2a;color:#fff;text-decoration:none;padding:14px 28px;border-radius:6px;border:1px solid #1a5e3a;font-family:Bitcount Prop Single,sans-serif;font-size:clamp(16px,2vw,22px);letter-spacing:.5px;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}.ContactButton:hover{background:#1a5e3a;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 8px 22px #4ade804d}.ContactButtonPrompt{color:#4ade80;font-weight:700}.Terminal{background:#0d0d0d;border:1px solid #1a5e3a;border-radius:8px;box-shadow:0 8px 30px #0d4a2a40;overflow:hidden}.TerminalHeader{background:#1a1a1a;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #2a2a2a}.TerminalDot{width:12px;height:12px;border-radius:50%}.TerminalDot:nth-child(1){background:#ff5f56}.TerminalDot:nth-child(2){background:#ffbd2e}.TerminalDot:nth-child(3){background:#27c93f}.TerminalTitle{color:#888;font-size:13px;margin-left:12px;font-family:sans-serif}.TerminalBody{padding:22px 24px;font-family:Bitcount Prop Single,sans-serif;font-size:clamp(14px,1.8vw,20px);line-height:1.7;color:#fff;min-height:280px}.TerminalLine.prompt{color:#4ade80}.TerminalLine.response{color:#e2e8f0;margin-bottom:10px}.TerminalCursor,.TypewriterCursor{display:inline-block;color:#4ade80;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ProjectsSection{max-width:1400px;margin:0 auto;padding:80px 50px 120px}.ProjectsHeader{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(28px,4vw,42px);color:#4ade80;margin-bottom:48px}.ProjectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px}.ProjectCard{background:#0d0d0d;border:1px solid #1a5e3a;border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}.ProjectCard:hover{transform:translateY(-4px);border-color:#4ade80;box-shadow:0 12px 36px #4ade802e}.ProjectCardHeader{display:flex;justify-content:space-between;align-items:center;gap:16px}.ProjectName{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(22px,2.6vw,28px);color:#fff}.ProjectStatus{font-family:sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:4px;font-weight:600}.ProjectStatus.private{background:#ffbd2e26;color:#ffbd2e;border:1px solid rgba(255,189,46,.3)}.ProjectStatus.open-source{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.ProjectStatus.live{background:#4ade8033;color:#4ade80;border:1px solid #4ade80}.ProjectStatus.in-progress{background:#cbd5e114;color:#cbd5e1;border:1px solid rgba(203,213,225,.3)}.ProjectAward{font-family:sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;color:#ffbd2e;align-self:flex-start}.ProjectDescription{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(15px,1.7vw,18px);line-height:1.6;color:#cbd5e1}.ProjectStats{display:flex;gap:24px;padding:16px 0;border-top:1px dashed #2a2a2a;border-bottom:1px dashed #2a2a2a}.ProjectStat{display:flex;flex-direction:column}.ProjectStatValue{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(20px,2.4vw,26px);color:#4ade80;font-weight:700}.ProjectStatLabel{font-family:sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-top:4px}.ProjectTech{display:flex;flex-wrap:wrap;gap:8px}.ProjectTag{font-family:sans-serif;font-size:12px;padding:4px 10px;border-radius:4px;background:#1a1a1a;color:#cbd5e1;border:1px solid #2a2a2a}.ProjectLink{font-family:Bitcount Prop Single,sans-serif;font-size:16px;color:#4ade80;text-decoration:none;align-self:flex-start;margin-top:auto;transition:color .2s ease}.ProjectLink:hover{color:#fff}.ProjectLinks{display:flex;flex-wrap:wrap;gap:20px;margin-top:auto}.ProjectLinks .ProjectLink{margin-top:0}.SectionBlurb{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(15px,1.8vw,19px);color:#cbd5e1;margin:-32px 0 48px}.ClientCard{grid-column:1 / -1;max-width:820px}.ClientMeta{font-family:sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#888}.ClientHighlights{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:#cbd5e1;padding-left:22px;display:flex;flex-direction:column;gap:8px}.ClientHighlights li::marker{color:#4ade80}.ClientLearnt{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:#cbd5e1;border-left:2px solid #1a5e3a;padding-left:14px}.ClientLearntLabel{color:#4ade80}.ProjectImage{width:calc(100% + 56px);margin:-28px -28px 0;display:block;border-bottom:1px solid #1a5e3a}.Footer{border-top:1px solid #1a5e3a;max-width:1400px;margin:0 auto;padding:40px 50px 60px;display:flex;flex-direction:column;align-items:center;gap:16px}.FooterLinks{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.FooterLink{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(15px,1.8vw,18px);color:#4ade80;text-decoration:none;transition:color .2s ease}.FooterLink:hover{color:#fff}.FooterNote{font-family:Bitcount Prop Single,sans-serif;font-size:14px;color:#888}.SkillsSection{padding-top:0}.SkillsList{display:flex;flex-direction:column;gap:28px;max-width:820px}.SkillGroup{display:flex;flex-direction:column;gap:12px}.SkillGroupLabel{font-family:Bitcount Prop Single,sans-serif;font-size:clamp(16px,2vw,20px);color:#4ade80}@media(max-width:1024px){.AboutSection{flex-direction:column}.AboutTerminal{flex:1 1 auto;width:100%;max-width:600px}}@media(max-width:640px){.ProjectsSection{padding:60px 20px 80px}.ProjectsGrid{grid-template-columns:1fr}.NavBar{padding:16px 20px}.AboutSection{padding:40px 20px;gap:32px}.TerminalBody{padding:16px 18px;min-height:220px;line-height:1.5}.TerminalHeader{padding:8px 12px}}