*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-muted: #888;--color-text-light: #aaa;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 600px;--spacing-xs: .35rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:var(--spacing-md) 0}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{font-weight:400;font-size:.875rem;color:var(--color-text);text-decoration:none;letter-spacing:.01em}.nav{display:flex;gap:var(--spacing-md)}.nav-link{color:var(--color-text-light);text-decoration:none;font-size:.8125rem;font-weight:400;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--color-text)}.main{flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);width:100%}.hero{padding:var(--spacing-xl) 0 var(--spacing-lg)}.hero-title{font-size:1.5rem;font-weight:400;line-height:1.35;margin-bottom:var(--spacing-sm);letter-spacing:-.01em}.hero-subtitle{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-weight:400;line-height:1.5}.hero-actions{display:flex;gap:var(--spacing-md)}.btn{display:inline-block;text-decoration:none;font-weight:400;font-size:.8125rem;color:var(--color-text-muted);transition:color .3s ease}.btn:hover,.btn-primary{color:var(--color-text)}.btn-secondary{color:var(--color-text-muted)}.section-title{font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--spacing-sm);text-decoration:none;display:block;transition:color .3s ease}a.section-title:hover{color:var(--color-text-muted)}.featured{padding:var(--spacing-lg) 0}.featured-article{padding:0}.values{padding:var(--spacing-lg) 0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.value-card{padding:0}.value-card h3{font-size:.8125rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text)}.value-card p{font-size:.75rem;color:var(--color-text-muted);line-height:1.45}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.25rem;font-weight:400;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-text-muted);font-size:.875rem}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.article-card{padding:0}.article-date{font-size:.6875rem;color:var(--color-text-light);display:block;margin-bottom:var(--spacing-xs);letter-spacing:.02em}.article-title{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-xs);line-height:1.4}.article-title a{color:inherit;text-decoration:none;transition:color .3s ease}.article-title a:hover{color:var(--color-text-muted)}.article-excerpt{color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-size:.875rem;line-height:1.5}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light)}.read-more{font-size:.8125rem;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.read-more:hover{color:var(--color-text)}.article-detail{max-width:var(--max-width)}.article-header{margin-bottom:var(--spacing-lg)}.back-link{font-size:.75rem;color:var(--color-text-light);text-decoration:none;display:inline-block;margin-bottom:var(--spacing-md);transition:color .3s ease}.back-link:hover{color:var(--color-text)}.article-header h1{font-size:1.25rem;font-weight:400;line-height:1.35;margin:var(--spacing-xs) 0}.article-content{font-size:.9375rem;line-height:1.7;color:var(--color-text)}.article-content p{margin-bottom:var(--spacing-md)}.article-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.article-link{font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.article-link:after{content:" →";opacity:.5}.article-link:hover{color:var(--color-text)}.article-link:hover:after{opacity:1}.article-sources{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sources-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light)}.source-link{font-size:.75rem;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.source-link:hover{color:var(--color-text)}.about-page section{margin-bottom:var(--spacing-lg)}.about-page .page-header{margin-bottom:var(--spacing-lg)}.about-intro{display:flex;gap:var(--spacing-md);align-items:flex-start}.about-text h2{font-size:1.125rem;font-weight:400;margin-bottom:var(--spacing-xs)}.about-text .role{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.875rem}.about-text .bio{font-size:.9375rem;line-height:1.6}.about-extended p{margin-bottom:var(--spacing-sm);color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.about-education h3,.about-specialties h3,.about-connect h3{font-size:.6875rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.about-education p,.about-connect p{font-size:.875rem;color:var(--color-text-muted)}.specialty-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.footer{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);display:flex;justify-content:center;gap:var(--spacing-lg)}.footer a{font-size:.6875rem;color:var(--color-text-light);letter-spacing:.02em;text-decoration:none;transition:color .3s ease}.footer a:hover{color:var(--color-text)}.loading,.not-found{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:.875rem}.not-found h1{margin-bottom:var(--spacing-sm);font-weight:400;font-size:1rem}.not-found a{color:var(--color-text-muted);font-size:.8125rem}@media (max-width: 640px){.hero-title{font-size:1.25rem}.values-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.hero-actions{flex-direction:column;gap:var(--spacing-xs)}.footer{gap:var(--spacing-md)}}