*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf9f7;--surface: #ffffff;--text: #2c2c2c;--text-muted: #6b6b6b;--border: #c8c8c8;--shadow: #b8b8b8;--accent: #d4652a;--accent-hover: #b8541f;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-offset: 4px;--shadow-brutal: var(--shadow-offset) var(--shadow-offset) 0 var(--shadow);--shadow-brutal-sm: 3px 3px 0 var(--shadow);--shadow-brutal-hover: 2px 2px 0 var(--shadow);--border-width: 2px;--border-style: var(--border-width) solid var(--border);--transition-fast: .15s ease;--transition-normal: .25s ease}.dark{--bg: #1a1a1a;--surface: #242424;--text: #e8e8e8;--text-muted: #9a9a9a;--border: #404040;--shadow: #0a0a0a;--accent: #e8873f;--accent-hover: #f59b54}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all var(--transition-fast)}a:hover{color:var(--accent)}code{font-family:var(--font-mono);font-size:.9em}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg);border-left:var(--border-style)}::-webkit-scrollbar-thumb{background:var(--border);border:1px solid var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.layout{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg);flex:1}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);border:var(--border-style);box-shadow:var(--shadow-brutal);margin-bottom:var(--space-xl)}.nav{display:flex;gap:var(--space-lg)}.nav-link{font-family:var(--font-heading);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.nav-link:hover{background:var(--text);color:var(--surface)}.nav-link.active{text-decoration:underline;text-decoration-thickness:2px}.site-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted)}.main{flex:1}.footer{text-align:center;padding:var(--space-xl) var(--space-md);font-size:.8rem;color:var(--text-muted)}.card{background:var(--surface);border:var(--border-style);box-shadow:var(--shadow-brutal);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all var(--transition-normal)}.card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:var(--border-style)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:600;font-size:.9rem;padding:var(--space-sm) var(--space-md);background:var(--surface);color:var(--text);border:var(--border-style);box-shadow:var(--shadow-brutal-sm);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-brutal-hover)}.btn-primary{background:var(--text);color:var(--surface)}.theme-toggle{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:100;padding:var(--space-sm);background:var(--surface);border:var(--border-style);box-shadow:var(--shadow-brutal-sm);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{transform:translate(2px,2px);box-shadow:var(--shadow-brutal-hover)}.theme-toggle svg{width:20px;height:20px;display:block}.blog-header{margin-bottom:var(--space-xl)}.blog-header h1{font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em}.post-list{display:flex;flex-direction:column;gap:var(--space-lg)}.post-card{position:relative;display:block;text-decoration:none}.post-card-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shadow);transform:translate(var(--shadow-offset),var(--shadow-offset));transition:transform var(--transition-normal);z-index:-1}.post-card:hover .post-card-shadow{transform:translate(6px,6px)}.post-card-content{background:var(--surface);border:var(--border-style);padding:var(--space-lg);transition:transform var(--transition-normal)}.post-card:hover .post-card-content{transform:translate(-2px,-2px)}.post-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-sm)}.post-card-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text);margin:0}.post-card-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap;padding:var(--space-xs) var(--space-sm);background:var(--bg);border:1px solid var(--border)}.post-card-tags{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:lowercase}.tag:before{content:"#"}.post-card-summary{color:var(--text-muted);font-size:.95rem;margin-bottom:var(--space-md);line-height:1.5}.post-card-link{font-family:var(--font-heading);font-weight:600;font-size:.85rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.post-back{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:600;font-size:.9rem;text-decoration:none;margin-bottom:var(--space-lg);transition:transform var(--transition-fast)}.post-back:hover{transform:translate(-4px)}.post-header{padding:var(--space-lg);background:var(--bg);border:1px solid var(--border);border-bottom:var(--border-style)}.post-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.post-category{font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--text);color:var(--surface);padding:var(--space-xs) var(--space-sm)}.post-date-author{text-align:right}.post-date{font-family:var(--font-mono);font-size:.85rem;font-weight:300}.post-author{font-size:.75rem;color:var(--text-muted)}.post-title{font-size:1.75rem;margin-bottom:var(--space-md);line-height:1.2}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.post-tag{font-family:var(--font-mono);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border)}.post-content{padding:var(--space-xl) var(--space-lg);background:var(--surface)}.prose{font-size:1rem;line-height:1.75}.prose h1{font-size:1.5rem;margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-style)}.prose h2{font-size:1.3rem;margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.prose h3{font-size:1.1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.prose p{margin-bottom:var(--space-md);color:var(--text)}.prose ul,.prose ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.prose li{margin-bottom:var(--space-xs)}.prose blockquote{border-left:4px solid var(--accent);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--bg);font-style:italic;color:var(--text-muted)}.prose code{background:var(--bg);border:1px solid var(--border);padding:2px 6px;font-size:.85em}.prose pre{background:var(--bg);border:var(--border-style);padding:var(--space-md);margin:var(--space-lg) 0;overflow-x:auto}.prose pre code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.6}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--accent-hover)}.prose img{max-width:100%;border:var(--border-style);box-shadow:var(--shadow-brutal-sm);margin:var(--space-lg) 0}.prose strong{font-weight:600}.post-footer{padding:var(--space-md);background:var(--bg);border-top:var(--border-style);text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic}.intro{margin-bottom:var(--space-md)}.intro h1{font-size:2rem;margin-bottom:var(--space-sm)}.social-links{display:flex;gap:var(--space-md)}.social-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.9rem;text-decoration:none}.social-link:hover{text-decoration:underline}.experience-item{margin-bottom:var(--space-lg)}.experience-item:last-child{margin-bottom:0}.experience-header{font-weight:600;margin-bottom:var(--space-xs)}.experience-period{font-weight:400;color:var(--text-muted)}.experience-list{list-style:disc;padding-left:var(--space-lg);font-size:.9rem;color:var(--text-muted)}.experience-list li{margin-bottom:var(--space-xs)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.project-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);padding:var(--space-md);text-decoration:none;transition:all var(--transition-normal);height:100%}.project-card:hover{transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--text);border-color:var(--text)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.project-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text)}.project-desc{font-size:.9rem;color:var(--text-muted);flex-grow:1;margin-bottom:var(--space-md);line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto}.tech-tag{font-family:var(--font-mono);font-size:.7rem;padding:3px 6px;background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap}.awards-list{list-style:disc;padding-left:var(--space-lg)}.awards-list li{margin-bottom:var(--space-sm)}.award-year{font-weight:600}.award-title{font-style:italic}.loading{text-align:center;padding:var(--space-2xl);font-family:var(--font-mono);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@media(max-width:640px){:root{--shadow-offset: 3px}.container,.nav-bar{padding:var(--space-md)}.site-title{display:none}.post-card-header{flex-direction:column;gap:var(--space-xs)}.post-meta{flex-direction:column;align-items:flex-start}.post-date-author{text-align:left}.post-title{font-size:1.4rem}}