:root{--bg-primary: rgb(249, 248, 244);--bg-secondary: rgb(249, 248, 244);--text-primary: #000000;--text-secondary: #535353;--text-tertiary: #6b6b6b;--accent: #3b82f6;--accent-hover: rgb(209, 222, 242);--border: #334155}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:60px 40px;display:flex;gap:80px;position:relative;z-index:2}.left{flex:0 0 450px;position:sticky;top:60px;height:fit-content}.left h1{font-size:36px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em}.left>p:first-of-type{font-size:18px;color:var(--text-secondary);margin-bottom:16px;font-weight:400}.left>p:last-of-type{font-size:15px;color:var(--text-tertiary);line-height:1.7;margin-bottom:40px}.nav-links{margin-bottom:40px}.nav-links a{display:flex;align-items:center;color:var(--text-tertiary);text-decoration:none;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a:before{content:"";width:40px;height:1px;background-color:var(--text-tertiary);margin-right:16px;transition:all .2s ease}.nav-links a:hover:before{width:60px;background-color:var(--text-primary)}.social-links{display:flex;gap:16px;margin-top:auto}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.social-links a:hover{background-color:var(--accent-hover);color:var(--text-primary);transform:translateY(-2px)}.social-links img{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.7}.right{flex:1;margin-left:0}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:20px;margin-bottom:20px}.about-content{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.about-content p{margin-bottom:16px}.about-content strong{color:var(--text-primary);font-weight:600}.experience-item{display:flex;gap:40px;margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid var(--border)}.experience-item:last-child{border-bottom:none}.resume-link a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s ease}.resume-link a:hover{color:var(--accent)}.resume-link a:after{content:"↗";font-size:16px;opacity:0;transition:opacity .2s ease}.resume-link a:hover:after{opacity:1}.experience-date{flex:0 0 120px;font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-top:4px}.experience-content h3{font-size:20px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.experience-content h3 a{color:inherit;text-decoration:none;transition:color .2s ease}.experience-content h3 a:hover{color:var(--accent)}.experience-role{font-size:16px;color:var(--text-secondary);margin-bottom:16px}.experience-description{font-size:15px;color:var(--text-tertiary);line-height:1.7;margin-bottom:16px}.portfolio-list{display:flex;flex-direction:column;gap:24px}.portfolio-item-link{text-decoration:none;color:inherit;display:block}.portfolio-item{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid var(--border);display:flex;gap:24px;padding:24px;align-items:center}.portfolio-item-link:hover .portfolio-item{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d;border-color:var(--accent)}.portfolio-image{width:120px;height:120px;object-fit:cover;display:block;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--border)}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item-link:hover .portfolio-image img{transform:scale(1.05)}.portfolio-content{flex:1;min-width:0}.portfolio-content h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--text-primary);transition:color .2s ease}.portfolio-item-link:hover .portfolio-content h3{color:var(--accent)}.portfolio-content h3:after{content:"↗";font-size:16px;margin-left:8px;opacity:0;transition:opacity .2s ease;display:inline-block}.portfolio-item-link:hover .portfolio-content h3:after{opacity:1}.portfolio-description{font-size:15px;color:var(--text-tertiary);line-height:1.6;margin-bottom:16px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tech-tag{padding:4px 12px;background-color:#3b82f626;color:#1e40af;border-radius:20px;font-size:13px;font-weight:500;border:1px solid rgba(59,130,246,.3);transition:all .2s ease}.tech-tag:hover{background-color:#3b82f640;border-color:#3b82f666}.portfolio-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-tertiary);margin-top:16px}.portfolio-year{font-weight:600;color:var(--text-secondary)}.read-time{display:flex;align-items:center;gap:4px}.read-time:before{content:"⏱";font-size:14px}.portfolio-category{padding:4px 12px;background-color:#3b82f626;color:#1e40af;border-radius:20px;font-weight:500;border:1px solid rgba(59,130,246,.3)}@media (max-width: 1024px){.container{flex-direction:column;gap:60px;padding:40px 24px}.left{position:static;flex:none}.experience-item{flex-direction:column;gap:16px}.experience-date{flex:none}}@media (max-width: 640px){.left h1{font-size:28px}.nav-links{display:flex;gap:24px;margin-bottom:32px}.nav-links a{margin-bottom:0;font-size:12px}.nav-links a:before{display:none}.portfolio-item{flex-direction:column;padding:20px;gap:16px}.portfolio-image{width:100%;height:180px}.portfolio-meta{flex-wrap:wrap;gap:12px}}.experience-links[data-astro-cid-p7b4wqop]{margin-bottom:16px;font-size:14px}.experience-links[data-astro-cid-p7b4wqop] a[data-astro-cid-p7b4wqop]{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.experience-links[data-astro-cid-p7b4wqop] a[data-astro-cid-p7b4wqop]:hover{color:var(--accent)}
