@import"https://fonts.googleapis.com/css2?family=Iosevka:wght@300;400;500;600&display=swap";:root{--font-mono: "Iosevka", "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-muted: #666;--color-accent: #0066cc;--color-border: #e5e5e5;--color-tag: #f0f0f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: 6px;--max-width: 800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.header{margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2xl)}.header h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.header h2{font-size:1.1rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.4}.subtitle{font-size:.95rem;font-weight:400;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.4}.contact-info{font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.contact-info p{margin-bottom:var(--spacing-xs)}.contact-info p:last-child{margin-bottom:0}.social-links{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-lg)}.social-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s ease}.social-link:hover{color:var(--color-accent)}.social-link svg{flex-shrink:0}.bio{margin-bottom:var(--spacing-2xl);font-size:1rem;line-height:1.7}.section{margin-bottom:var(--spacing-2xl)}.section h3{font-size:1.25rem;font-weight:500;margin-bottom:var(--spacing-lg);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.experience-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xl)}.experience-item{border-left:2px solid var(--color-border);padding-left:var(--spacing-lg);position:relative}.experience-item:before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;background-color:var(--color-accent);border-radius:50%}.experience-header{margin-bottom:var(--spacing-sm)}.experience-title{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-xs)}.experience-role{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.experience-location{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.experience-description{font-size:.875rem;line-height:1.6}.project-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xl)}.project-item{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:#fff;transition:box-shadow .2s ease}.project-item:hover{box-shadow:0 4px 12px #0000000d}.project-title{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-sm)}.project-description{font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{background-color:var(--color-tag);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:.75rem;font-weight:400;border:1px solid var(--color-border)}.export-button{font-family:var(--font-mono);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0}.export-button:hover{color:var(--color-accent)}.export-button svg{flex-shrink:0}@media (max-width: 768px){.container{padding:var(--spacing-lg) var(--spacing-md)}.header h1{font-size:1.75rem}.header h2{font-size:.875rem}.contact-info{font-size:.8rem}.experience-item{padding-left:var(--spacing-md)}.project-item{padding:var(--spacing-md)}}@media (max-width: 480px){.container{padding:var(--spacing-md) var(--spacing-sm)}.tags{gap:var(--spacing-xs)}.tag{font-size:.7rem;padding:2px var(--spacing-xs)}}
