@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #ffffff;--window-bg: #ffffff;--text-primary: #1a1a1a;--border-width: 2px;--border-color: #1a1a1a;--shadow-color: #1a1a1a;--header-bg: #808080;--accent-color: #000000;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--layout-padding: 20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background-color:#dfdfdf;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #dfdfdf}::-webkit-scrollbar-thumb:active{background-color:silver;border-color:#808080 #ffffff #ffffff #808080}::-webkit-scrollbar-track{background-color:#dfdfdf;background-image:linear-gradient(45deg,#ffffff 25%,transparent 25%),linear-gradient(-45deg,#ffffff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff 75%),linear-gradient(-45deg,transparent 75%,#ffffff 75%);background-size:2px 2px;background-position:0 0,0 1px,1px -1px,-1px 0px}.bg-pattern{background-color:var(--bg-color);background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px}.section-highlight{width:calc(100% + (2 * var(--layout-padding)));position:relative;margin-top:-90px;margin-left:calc(-1 * var(--layout-padding));margin-right:calc(-1 * var(--layout-padding));padding:4rem var(--layout-padding);padding-top:calc(4rem + 120px);border-bottom:2px solid var(--border-color);z-index:0;box-sizing:border-box;min-height:100vh}@media(min-width:1040px){.section-highlight{padding:4rem calc((100vw - 1000px)/2 + 20px);padding-top:calc(0rem + 120px);width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}}.full-width-header{width:100%;position:relative;border-bottom:2px solid var(--border-color);padding:0 20px;background-color:var(--bg-color);background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px;box-sizing:border-box}@media(min-width:1040px){.full-width-header{width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0 calc((100vw - 1000px)/2 + 20px)}}.section-highlight:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--border-color);z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.retro-window{background:var(--window-bg);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);display:flex;flex-direction:column}.retro-window-header{background:var(--header-bg);border-bottom:var(--border-width) solid var(--border-color);padding:4px 8px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;color:#fff;gap:8px}.retro-window-title{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:0 4px}.retro-window-controls{display:flex;gap:4px}.retro-control{width:12px;height:12px;border:1px solid var(--border-color);background:#fff}.retro-window-content{padding:16px}.retro-button{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);padding:8px 16px;font-family:var(--font-mono);font-weight:700;cursor:pointer;transition:transform .1s}.retro-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--shadow-color)}.retro-button:hover{background:#f0f0f0}.hero-image .retro-window-content{padding:0;background:#000;display:flex}.markdown-content{line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1rem;margin-bottom:.5rem;border-bottom:1px solid #eee;padding-bottom:.2rem}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-content li{margin-bottom:.2rem}.markdown-content blockquote{border-left:4px solid #ddd;padding-left:1rem;color:#666;font-style:italic;margin:1rem 0}.markdown-content code{background:#f5f5f5;padding:2px 4px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.markdown-content pre code{background:none;padding:0}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid #ddd;padding:8px;text-align:left}.markdown-content th{background-color:#f5f5f5}.navbar-wrapper{margin-bottom:2rem}@media(max-width:1039px){.navbar-wrapper{width:calc(100% + (2 * var(--layout-padding, 20px)));margin-left:calc(-1 * var(--layout-padding, 20px));margin-right:calc(-1 * var(--layout-padding, 20px))}}.navbar-container{display:flex;gap:1.5rem;padding:10px 0;align-items:center;justify-content:space-between}.navbar-logo{font-family:var(--font-mono);font-weight:700;display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.navbar-logo-icon{width:12px;height:12px;border:1px solid var(--border-color);background:#000}.navbar-links{display:flex;gap:1.5rem;align-items:center;margin-left:auto;margin-right:2rem}.navbar-link{text-decoration:none;color:inherit;font-family:var(--font-mono);font-weight:700}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px}@media(max-width:768px){.navbar-wrapper{margin-bottom:1rem}.navbar-container{flex-wrap:wrap;padding:10px 0}.navbar-logo{border-right:none;padding-right:0}.navbar-toggle{display:block}.navbar-links{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem;gap:1rem}.navbar-links.open{display:flex;animation:slideDown .3s ease-out}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.layout-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1000px;margin:0 auto;padding:0 var(--layout-padding, 20px);box-sizing:border-box;width:100%}.layout-main{width:100%}.layout-footer{margin-top:1.5rem;padding:2rem 0;text-align:center;border-top:2px solid black;font-family:var(--font-mono);font-size:.8rem;width:100%}.landing-page{width:100%}.hero-section{display:flex;gap:2rem;margin-bottom:4rem;align-items:center}.hero-content{flex:1.5}.hero-title{font-size:2.2rem;line-height:1.2;margin-bottom:.2rem;font-weight:400}.hero-subtitle{font-size:2.2rem;line-height:1.2;margin-bottom:.5rem;color:#333;font-weight:400}.hero-catchphrase{font-size:1rem;margin-bottom:2rem;color:#666;font-style:italic}.hero-image-container{flex:1;display:flex;justify-content:center}.hero-img{width:300px;height:200px;object-fit:cover;display:block}.quick-links-section{margin-bottom:4rem;position:relative;z-index:1}.quick-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#000;border:2px solid black}.quick-link-item{background:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .1s;font-family:var(--font-mono);font-weight:700}.quick-link-item:hover{background-color:#fafafa}.quick-link-item:active{background-color:#e0e0e0;box-shadow:inset 3px 3px #000;padding:17px 13px 13px 17px}.projects-section{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-image-placeholder{width:100%;height:200px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom:1px solid black}.blog-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.contact-section{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--border-color)}.contact-links-container{display:flex;gap:2rem;padding:1rem 0;justify-content:center}.contact-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid black;text-decoration:none;color:#000;background:#f0f0f0;flex:1;min-width:0;box-shadow:2px 2px #000}.contact-link .linkedin-icon{color:#0077b5}.contact-link .github-icon{color:#24292e}.contact-link .email-icon{color:#d44638}@media(max-width:900px){.quick-links-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{flex-direction:column-reverse;text-align:center;gap:1.5rem}.hero-content{align-items:center;display:flex;flex-direction:column}.hero-title,.hero-subtitle{font-size:1.8rem}.projects-section,.blog-preview-grid{grid-template-columns:1fr}.contact-links-container{flex-direction:column;gap:1rem}}@media(max-width:480px){.quick-links-grid{grid-template-columns:1fr}.hero-title,.hero-subtitle{font-size:1.5rem}}.clippy-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;animation:clippy-slide-in .5s cubic-bezier(.175,.885,.32,1.275)}.clippy-img{width:110px;height:auto;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));image-rendering:pixelated;animation:clippy-float 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.clippy-img:hover{transform:scale(1.1) rotate(5deg)}.clippy-bubble{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:16px;margin-bottom:12px;max-width:240px;font-family:var(--font-sans);font-size:.95rem;line-height:1.4;color:#1a1a1a;position:relative;box-shadow:0 8px 32px #1f268726;pointer-events:auto}.clippy-bubble-tail{position:absolute;bottom:-8px;right:25px;width:16px;height:16px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,50% 100%)}@keyframes clippy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes clippy-slide-in{0%{transform:translate(100px) opacity(0)}to{transform:translate(0) opacity(1)}}.blog-page-container{padding:0 20px;max-width:1000px;margin:0 auto;padding-top:2rem;width:100%}.blog-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.blog-page-subtitle{margin:.5rem 0 0;color:#666;font-size:1.1rem;max-width:800px}.blog-post-list{display:flex;flex-direction:column;gap:1rem}.blog-post-card{display:flex;gap:2rem;flex-wrap:wrap}.blog-post-image{width:200px;height:120px;background-size:cover;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:#888;border:1px solid #ddd;flex-shrink:0}.blog-post-content{flex:1;min-width:300px}.blog-post-title{font-size:1.5rem;margin-bottom:.5rem;cursor:pointer}.blog-post-description{color:#666;margin-bottom:1rem}.blog-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.blog-tag{background:#eee;padding:2px 8px;border-radius:4px;font-size:.9rem}.blog-post-view{padding:1rem 0;width:100%;max-width:850px;margin:0 auto;font-family:var(--font-mono);font-size:.9rem}.blog-article-title{font-size:2.5rem;margin-bottom:.5rem}@media(max-width:768px){.blog-page-container{padding:0}.blog-post-card{flex-direction:column;gap:1rem}.blog-post-image{width:100%!important;height:180px!important}.blog-post-content{min-width:0;width:100%}.blog-page-header{flex-direction:column;align-items:flex-start}.blog-article-title{font-size:1.8rem}pre{white-space:pre-wrap;word-break:break-all}}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;z-index:2}.crt-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0000 60%,#0006);z-index:3}@keyframes crt-flicker{0%{opacity:.015}5%{opacity:.02}10%{opacity:.01}15%{opacity:.018}20%{opacity:.012}25%{opacity:.022}30%{opacity:.01}to{opacity:.015}}.crt-flicker-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.015;z-index:4;animation:crt-flicker .15s infinite}.crt-screen-distortion{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #00000080;z-index:5}.crt-rgb{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:3px 100%;z-index:1}@keyframes crt-refresh{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.crt-refresh-line{position:absolute;top:0;left:0;width:100%;height:10%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.03),transparent);z-index:6;animation:crt-refresh 8s linear infinite}