:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;--accent-color: #0078d4;--accent-hover: #106ebe;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #605e5c;--border-color: #e1dfdd;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-secondary)}h1,h2,h3{font-weight:600;color:var(--text-primary)}h1{font-size:2.5rem;line-height:1.2}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-color);color:#fff;cursor:pointer;transition:background-color .15s ease}button:hover{background-color:var(--accent-hover)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-color-scheme:dark){:root{--bg-primary: #1f1f1f;--bg-secondary: #141414;--bg-card: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a19f9d;--border-color: #3d3d3d;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}body{background:var(--bg-secondary)}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.header{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.site-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.site-title span{color:var(--accent-color)}.nav{display:flex;gap:.5rem}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .15s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.nav-link.active{color:var(--accent-color);background:#0078d41a}.main{flex:1;padding:2.5rem 2rem;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.footer{padding:1.5rem 2rem;text-align:center;background:var(--bg-primary);border-top:1px solid var(--border-color)}.footer p{margin:0;font-size:.85rem;color:var(--text-secondary)}@media(max-width:600px){.header{flex-direction:column;gap:1rem;text-align:center}}.home{display:flex;align-items:center;justify-content:center;min-height:50vh}.hero{text-align:center;max-width:600px}.tagline{font-size:1.25rem;font-weight:400;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.hero-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-link{font-size:.95rem;font-weight:500;color:#fff;text-decoration:none;padding:.75rem 1.5rem;background:var(--accent-color);border-radius:6px;transition:all .15s ease;box-shadow:var(--shadow-sm)}.hero-link:hover{background:var(--accent-hover);text-decoration:none;color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-link.secondary{background:transparent;color:var(--accent-color);border:1px solid var(--border-color)}.hero-link.secondary:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.projects{width:100%}.projects-title{font-size:1.75rem;font-weight:600;text-align:left;margin:0 0 1.5rem;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-sm);overflow:hidden}.project-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-4px);text-decoration:none}.project-thumbnail{width:100%;aspect-ratio:16 / 10;background:var(--bg-secondary);overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding:1rem 1.25rem;text-align:center}.project-description{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0;text-align:center}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}.projects-title{text-align:center}}.ai-disclaimer{margin:2rem 0 0;font-size:.8rem;color:var(--text-secondary);text-align:center;font-style:italic}.blog{width:100%}.blog-title{font-size:1.75rem;font-weight:600;text-align:left;margin:0 0 1.5rem;color:var(--text-primary)}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:3rem;box-shadow:var(--shadow-sm)}.construction-icon{font-size:4rem;margin-bottom:1.5rem}.construction-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.construction-subtext{font-size:1rem;color:var(--text-secondary);margin:0}@media(max-width:600px){.blog-title{text-align:center}}#root{min-height:100vh}