.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,5vw,4rem);height:44px;background:#fff;border-bottom:1px solid var(--border-subtle);transition:background .2s ease,border-color .2s ease}.header-logo{font-weight:600;font-size:21px;color:var(--text);letter-spacing:-.02em}.header-logo-accent{color:var(--accent);font-family:var(--font-mono);font-size:18px}.header-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.header-toggle span{display:block;width:18px;height:1.5px;background:var(--text);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.header-toggle span:nth-child(1).open{transform:translateY(7.5px) rotate(45deg)}.header-toggle span:nth-child(2).open{opacity:0}.header-toggle span:nth-child(3).open{transform:translateY(-7.5px) rotate(-45deg)}.header-nav-list{display:flex;align-items:center;gap:0}.header-nav-link{padding:0 1rem;font-size:12px;font-weight:400;color:var(--text);border-radius:0;transition:color .2s ease,opacity .2s ease;opacity:.8}.header-nav-link:hover{color:var(--text);opacity:1}.header-nav-link.active{opacity:1;color:var(--text);text-decoration:underline;text-underline-offset:6px}@media(max-width:768px){.header{height:48px}.header-nav{position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem 1.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.header-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.header-nav-list{flex-direction:column;align-items:flex-start;gap:.5rem}.header-nav-link{display:block;padding:.6rem 0;font-size:17px}}@media(min-width:769px){.header-toggle{display:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:4rem;position:relative;background:var(--bg)}.hero-grid{display:grid;gap:2rem;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}@media(min-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:3rem;min-height:80vh}}.hero-content{order:1}.hero-image-wrap{order:2;position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:4/3;max-height:380px}@media(min-width:900px){.hero-image-wrap{max-height:420px;aspect-ratio:3/2}}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-badge{display:inline-block;font-size:.75rem;font-family:var(--font-mono);font-weight:500;color:var(--accent);background:var(--accent-glow);border:1px solid var(--accent-border);padding:.35rem .85rem;border-radius:980px;margin-bottom:1.5rem;letter-spacing:.04em;text-transform:uppercase}.hero-title{font-size:clamp(2.75rem,6vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.025em;margin-bottom:1rem;max-width:20ch;color:var(--text)}.hero-name{color:var(--accent);position:relative}.hero-subtitle{font-size:clamp(1.1rem,2.2vw,1.35rem);color:var(--text-muted);max-width:44ch;margin-bottom:2rem;line-height:1.47059;font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:17px;font-weight:400;border-radius:980px;transition:background var(--transition),color var(--transition),opacity var(--transition)}.btn:hover{opacity:.9}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-secondary{background:transparent;color:var(--accent);border:none}.btn-secondary:hover{text-decoration:underline;color:var(--accent-hover)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--text-muted),transparent);border-radius:2px;animation:scroll-pulse 2s ease-in-out infinite}.hero-scroll-text{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em}@keyframes scroll-pulse{0%,to{opacity:.5;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1)}}.about-grid{display:grid;gap:1.5rem;align-items:start}@media(min-width:768px){.about-grid{grid-template-columns:1fr 280px;grid-template-rows:auto auto;gap:1.75rem}.about-text-wrap{grid-column:1;grid-row:1 / 3}.about-image-wrap{grid-column:2;grid-row:1}.about-meta{grid-column:2;grid-row:2}}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 320px 1fr;grid-template-rows:1fr}.about-text-wrap{grid-column:1;grid-row:1}.about-image-wrap{grid-column:2;grid-row:1;justify-self:center}.about-meta{grid-column:3;grid-row:1}}.about-text-wrap p{color:var(--text-muted);margin-bottom:1rem;max-width:55ch;font-size:1.05rem}.about-text-wrap p:last-child{margin-bottom:0}.about-image-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:1;max-width:280px;margin:0 auto}@media(min-width:1024px){.about-image-wrap{max-width:320px}}.about-image{width:100%;height:100%;object-fit:cover;display:block}.about-meta{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.about-meta-label{display:block;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.about-meta-value{font-weight:500;color:var(--text)}.about-meta-value:hover{color:var(--accent)}.experience-list{display:grid;gap:1.25rem}@media(min-width:900px){.experience-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1200px){.experience-list{grid-template-columns:repeat(3,1fr)}}.experience-item{padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.experience-item:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-soft)}.experience-header{margin-bottom:.75rem}.experience-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:.35rem}.experience-title{font-size:1.15rem;font-weight:600;color:var(--text)}.experience-period{font-size:.9rem;font-family:var(--font-mono);font-weight:500;color:var(--accent)}.experience-company{font-size:1rem;font-weight:500;color:var(--text-muted)}.experience-location{font-size:.9rem;color:var(--text-muted)}.experience-bullets{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.95rem;line-height:1.65}.experience-bullets li{margin-bottom:.4rem}.experience-bullets li:last-child{margin-bottom:0}.skills-grid{display:grid;gap:1rem}@media(min-width:600px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skills-group{padding:1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.skills-group:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-soft)}.skills-group-title{font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:.85rem;font-family:var(--font-mono);letter-spacing:.02em}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skills-tag{font-size:.88rem;color:var(--text-muted);background:var(--bg-elevated);padding:.4rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.projects-grid{display:grid;gap:1.5rem}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.project-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.project-card:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-md)}.project-card-image-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--surface-hover)}.project-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .project-card-image{transform:scale(1.03)}.project-card-body{padding:1.35rem;display:flex;flex-direction:column;flex:1}.project-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.project-link{color:var(--text)}.project-link:hover{color:var(--accent)}.project-description{font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.6;flex:1}.project-highlight{font-size:.9rem;color:var(--accent);margin-bottom:1rem;font-weight:500}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-size:.8rem;font-family:var(--font-mono);font-weight:500;color:var(--accent);background:var(--accent-glow);padding:.3rem .6rem;border-radius:6px;border:1px solid var(--accent-border)}.contact-content{max-width:44ch}.contact-text{color:var(--text-muted);margin-bottom:1rem;line-height:1.65;font-size:1rem}.contact-cta{display:inline-block;font-size:1.15rem;font-weight:600;color:var(--accent);margin-bottom:.5rem;padding:.35rem 0;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease}.contact-cta:hover{border-bottom-color:var(--accent)}.contact-phone{display:block;font-size:1rem;font-weight:500;color:var(--text-muted);margin-bottom:1rem;transition:color .2s ease}.contact-phone:hover{color:var(--accent)}.contact-links{display:flex;flex-wrap:wrap;gap:1.25rem}.contact-link{font-size:.95rem;font-weight:500;color:var(--text-muted)}.contact-link:hover{color:var(--accent)}.certifications-list{display:grid;gap:.75rem}@media(min-width:640px){.certifications-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.certifications-list{grid-template-columns:repeat(3,1fr)}}.certification-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:border-color .2s ease}.certification-item:hover{border-color:var(--accent-border)}.certification-name{font-weight:500;color:var(--text)}.certification-provider{font-size:.9rem;font-family:var(--font-mono);font-weight:500;color:var(--accent)}.recent-articles-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.recent-articles-header .section-title{margin-bottom:0}.recent-articles-view-all{font-size:.95rem;font-weight:500;color:var(--accent)}.recent-articles-view-all:hover{color:var(--accent-hover)}.recent-articles-grid{list-style:none;padding:0;margin:0;display:grid;gap:1rem}@media(min-width:640px){.recent-articles-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.recent-articles-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.recent-articles-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.recent-articles-card:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-md)}.recent-articles-link{display:block;padding:1.25rem;height:100%;color:inherit;text-decoration:none}.recent-articles-link:hover{text-decoration:none;color:inherit}.recent-articles-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text);line-height:1.3}.recent-articles-link:hover .recent-articles-title{color:var(--accent)}.recent-articles-excerpt{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recent-articles-meta{font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:1.25rem 1.5rem;margin-top:2rem;background:var(--bg-elevated)}.footer-inner{width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-copy{font-size:.9rem;color:var(--text-muted)}.footer-back{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .2s ease}.footer-back:hover{color:var(--accent)}.article-list-page{min-height:100vh;padding-top:4rem}.article-list-section{padding:clamp(2rem,5vw,3.25rem) clamp(1.5rem,5vw,4rem);max-width:720px;margin:0 auto}.article-list-intro{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.article-list-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.article-list-item:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-md)}.article-list-link{display:block;padding:1.35rem;color:inherit;text-decoration:none}.article-list-link:hover{text-decoration:none;color:inherit}.article-list-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.article-list-link:hover .article-list-title{color:var(--accent)}.article-list-excerpt{font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.55}.article-list-meta{font-size:.85rem;font-family:var(--font-mono);color:var(--text-muted)}.article-detail-page{min-height:100vh;padding-top:4rem}.article-detail-section{padding:clamp(2rem,5vw,3.25rem) clamp(1.5rem,5vw,4rem);max-width:720px;margin:0 auto}.article-back{display:inline-block;font-size:.95rem;font-weight:500;color:var(--accent);margin-bottom:1.5rem}.article-back:hover{color:var(--accent-hover)}.article-detail-header{margin-bottom:2rem}.article-detail-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text)}.article-detail-meta{font-size:.9rem;font-family:var(--font-mono);color:var(--text-muted)}.article-detail-content{font-size:1.05rem;line-height:1.7;color:var(--text)}.article-detail-content p{margin-bottom:1.25rem}.article-detail-content p:last-child{margin-bottom:0}.article-detail-content h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--text)}.article-detail-content h3:first-child{margin-top:0}.article-detail-content code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-hover);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--border)}:root{--bg: #f5f5f7;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f5f5f7;--border: #d2d2d7;--border-subtle: #e8e8ed;--text: #1d1d1f;--text-muted: #86868b;--accent: #0066cc;--accent-hover: #0077ed;--accent-glow: rgba(0, 102, 204, .08);--accent-border: rgba(0, 102, 204, .3);--accent-soft: rgba(0, 102, 204, .06);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Menlo", "Consolas", monospace;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--transition: .25s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.47059;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover);text-decoration:underline}a.btn:hover,.contact-cta:hover,.footer-back:hover{text-decoration:none}section{padding:clamp(2rem,5vw,3.25rem) clamp(1.5rem,5vw,4rem);width:100%;max-width:100%;box-sizing:border-box}.section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;margin-bottom:1.25rem;color:var(--text);position:relative;display:inline-block;letter-spacing:-.025em;line-height:1.1}.section-title:after{content:"";position:absolute;left:0;bottom:-6px;width:40px;height:3px;background:var(--text);border-radius:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}