:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-background:#0d1117;--color-surface:#161b22;--color-border:#253247;--color-accent:#38d9a9;--color-text:#e6edf3;--color-muted:#a5b4c6;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--color-background);min-width:320px;color:var(--color-text);margin:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}.hero{flex-direction:column;justify-content:center;max-width:1100px;min-height:80vh;margin:0 auto;padding:4rem 2rem;display:flex}.hero-prompt{color:var(--color-accent);font-family:monospace;font-size:.9rem}.hero h1{margin:1rem 0;font-size:clamp(3rem,7vw,6rem);line-height:1.1}.accent{color:var(--color-accent)}.hero-role{margin:0;font-size:clamp(1.3rem,3vw,2rem);font-weight:600}.hero-description{color:var(--color-muted);max-width:600px;font-size:1.1rem;line-height:1.7}main>section:not(.hero){max-width:1100px;margin:0 auto;padding:5rem 2rem}.site-header{z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:2rem;max-width:1100px;margin:0 auto;padding:1.5rem 2rem;display:flex}.nav-logo{color:var(--color-accent);font-family:monospace;font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;gap:1.5rem;display:flex}.nav-links a{color:var(--color-muted);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-accent)}.section-label{color:var(--color-accent);letter-spacing:.08em;font-family:monospace;font-size:.85rem}.about h2{margin:1rem 0 2rem;font-size:clamp(2rem,4vw,3rem)}.about-content{max-width:720px;color:var(--color-muted);font-size:1.1rem;line-height:1.8}.about-content p{margin-bottom:1.5rem}.experience h2{margin:1rem 0 3rem;font-size:clamp(2rem,4vw,3rem)}.timeline{border-left:1px solid var(--color-border);padding-left:2rem}.timeline-item{max-width:720px;padding-bottom:3rem;position:relative}.timeline-item:before{content:"";background-color:var(--color-accent);border-radius:50%;width:11px;height:11px;position:absolute;top:.4rem;left:calc(-2rem - 6px)}.timeline-date{color:var(--color-accent);font-family:monospace;font-size:.85rem}.timeline-item h3{margin:.75rem 0 .25rem;font-size:1.5rem}.timeline-company{color:var(--color-text);font-weight:600}.timeline-item>p:last-child{color:var(--color-muted);line-height:1.8}.tech-stack{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.tech-tag{border:1px solid var(--color-border);background-color:var(--color-surface);border:1px solid var(--color-border);width:auto;height:auto;color:var(--color-text);white-space:nowrap;border-radius:.375rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:monospace;font-size:.85rem;display:inline-flex}.tech-tag img{object-fit:contain;flex-shrink:0;width:20px;height:20px;display:block}.projects h2{margin:1rem 0 3rem;font-size:clamp(2rem,4vw,3rem)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;padding:2rem;transition:border-color .2s;display:flex}.project-card:hover{border-color:var(--color-accent)}.project-type{columns:var(--color-accent);letter-spacing:.05em;font-family:monospace;font-size:.8rem}.project-card h3{margin:.75rem 0;font-size:1.75rem}.project-description{color:var(--color-muted);flex-grow:1;line-height:1.8}.project-card .tech-stack{margin-bottom:2rem}.project-link{color:var(--color-accent);font-family:monospace;font-size:.9rem;text-decoration:none}.project-link:hover{text-decoration:none}@media (width<=768px){.project-grid{grid-template-columns:1fr}}.contact{text-align:center}.contact h2{margin:1rem 0;font-size:clamp(2.5rem,5vw,4rem)}.contact-description{max-width:600px;color:var(--color-muted);margin:0 auto 2rem;font-size:1.1rem;line-height:1.8}.contact-links{grid-area:1rem;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.contact-links a{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:.375rem;padding:.75rem 1.5rem;font-family:monospace;text-decoration:none;transition:background-color .2s,color 9.2s;display:inline-block}.contact-links a:hover{background-color:var(--color-accent);color:var(--color-background)}.contact-links a img{object-fit:contain;flex-shrink:0;align-items:center;width:20px;height:20px;display:inline-flex}