.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.5rem,5vw,4rem);max-width:1200px;margin:0 auto;background:#0a0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.header-logo{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.125rem}.header-logo:hover{color:var(--accent)}.header-logo-bracket{color:var(--accent);font-weight:500}.header-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.header-menu-btn:hover{border-color:var(--accent);color:var(--accent)}.header-menu-icon{display:block;height:2px;width:100%;max-width:20px;background:currentColor;border-radius:1px;transition:transform .25s ease,opacity .25s ease}.header-menu-icon:nth-child(1)[data-open=true]{transform:translateY(7px) rotate(45deg)}.header-menu-icon:nth-child(2)[data-open=true]{opacity:0}.header-menu-icon:nth-child(3)[data-open=true]{transform:translateY(-7px) rotate(-45deg)}.header-nav{position:fixed;top:57px;left:0;right:0;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}.header-nav-open{transform:translateY(0);opacity:1;visibility:visible}.header-nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.header-nav-link{display:block;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.9375rem;color:var(--text);border-radius:var(--radius);transition:background .2s ease,color .2s ease}.header-nav-link:hover{background:var(--surface);color:var(--accent)}@media (min-width: 768px){.header-menu-btn{display:none}.header-nav{position:static;transform:none;opacity:1;visibility:visible;background:transparent;border:none;padding:0}.header-nav-list{flex-direction:row;gap:.25rem}.header-nav-link{padding:.5rem 1rem}}.hero{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,12vw,8rem) clamp(1.5rem,5vw,4rem);max-width:1200px;margin:0 auto;position:relative}.hero-content{position:relative;z-index:1}.hero-label{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);margin-bottom:1rem}.hero-label-prefix{opacity:.8;margin-right:.25rem}.hero-title{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.25rem}.hero-title-accent{color:var(--accent)}.hero-title-sub{color:var(--text-muted);font-weight:500}.hero-desc{color:var(--text-muted);font-size:clamp(1rem,2vw,1.125rem);max-width:480px;margin-bottom:2rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-cta{font-family:var(--font-mono);font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.hero-cta-primary{background:var(--accent);color:var(--bg)}.hero-cta-primary:hover{background:var(--accent-dim);color:var(--bg);box-shadow:0 0 24px var(--accent-glow)}.hero-cta-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.hero-cta-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-visual{position:absolute;right:clamp(1rem,4vw,4rem);top:50%;transform:translateY(-50%);opacity:.4}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:160px}.hero-grid-cell{aspect-ratio:1;background:var(--accent);border-radius:4px;opacity:.6;animation:hero-pulse 2s ease-in-out infinite}@keyframes hero-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 768px){.hero-visual{right:1rem;top:auto;bottom:2rem;transform:none;opacity:.25}}.projects{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem)}.projects-group{margin-top:2.5rem}.projects-group:first-of-type{margin-top:2rem}.projects-group-title{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.projects-group-icon{color:var(--accent)}.projects-list{list-style:none;display:grid;gap:1rem}@media (min-width: 640px){.projects-list{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.project-card:hover{border-color:#00d4aa4d;box-shadow:0 8px 32px #0000004d}.project-card-inner{display:flex;flex-direction:column;height:100%}.project-card-image{aspect-ratio:16/10;background:var(--bg-elevated);overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover}.project-card-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}.project-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.project-card-desc{color:var(--text-muted);font-size:.9375rem;line-height:1.55;margin-bottom:1rem;flex:1}.project-card-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.project-card-tag{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.project-card-link{font-family:var(--font-mono);font-size:.8125rem;font-weight:500}.projects-more{margin-top:2rem;color:var(--text-muted);font-size:.9375rem}.projects-more a{color:var(--accent)}.about{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem);border-top:1px solid var(--border)}.about-lead{margin-bottom:1.5rem}.about-list{list-style:none;margin-bottom:1.5rem}.about-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.9375rem;line-height:1.6}.about-list li:last-child{border-bottom:none}.about-list-icon{color:var(--accent);font-family:var(--font-mono);flex-shrink:0}.about-list strong{color:var(--text);font-weight:500;flex-shrink:0}.about-cta{color:var(--text-muted);font-size:.9375rem}.about-cta a{color:var(--accent)}.contact{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem);border-top:1px solid var(--border)}.contact-lead{margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.contact-link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .2s ease,background .2s ease}.contact-link:hover{border-color:var(--accent);background:#00d4aa0d}.contact-link-label{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted)}.contact-link-value{font-size:.9375rem;font-weight:500;color:var(--accent)}.contact-link:hover .contact-link-value{color:var(--accent-dim)}.footer{border-top:1px solid var(--border);padding:1.5rem clamp(1.5rem,5vw,4rem)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}@media (min-width: 640px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer-copy{font-size:.8125rem;color:var(--text-muted)}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted)}.footer-nav a:hover{color:var(--accent)}:root{--bg: #0a0e14;--bg-elevated: #0d1117;--surface: #161b22;--border: #21262d;--text: #e6edf3;--text-muted: #8b949e;--accent: #00d4aa;--accent-dim: #00a884;--accent-glow: rgba(0, 212, 170, .25);--purple: #a371f7;--orange: #f0883e;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "Outfit", system-ui, sans-serif;--radius: 8px;--radius-lg: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-dim)}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}section{padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,4rem);max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-mono);font-size:clamp(.75rem,2vw,.875rem);font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.5rem}.section-heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin-bottom:1rem;letter-spacing:-.02em}.section-sub{color:var(--text-muted);font-size:1.0625rem;max-width:560px}