*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}@media(prefers-color-scheme:dark){:root{color:#e0e0e0;background-color:#121212}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.container{max-width:800px;width:100%}.header{text-align:center;margin-bottom:3rem}.headshot-container{position:relative;width:150px;height:150px;margin:0 auto 2rem;cursor:pointer}.headshot{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.headshot-overlay{position:absolute;inset:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.headshot-container:hover .headshot-overlay{opacity:1}.headshot-download-label{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.name{font-size:3rem;margin:0 0 .5rem;font-weight:700;background:linear-gradient(135deg,#880ee6,#6a0dad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.1rem;color:#666;margin:0}.about{margin-bottom:3rem;line-height:1.8;font-size:1.1rem}.about a{color:#880ee6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.about a:hover{border-bottom-color:#880ee6}.witc{margin-bottom:3rem;padding:2rem;border-radius:12px;border:1px solid rgba(136,14,230,.2);background:#880ee60a}.witc-header{margin-bottom:1.25rem}.witc-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#880ee6}.witc-title{font-size:1.6rem;font-weight:700;margin:.4rem 0 .3rem;color:#333}.witc-tagline{font-size:.95rem;color:#666;margin:0;font-style:italic}.witc-description{font-size:1.05rem;line-height:1.8;color:#444;margin:0 0 1.75rem}.witc-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.75rem}.witc-stat{display:flex;flex-direction:column;gap:.2rem}.witc-stat-value{font-size:1.4rem;font-weight:700;color:#880ee6}.witc-stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#888}.witc-link{display:inline-block;text-decoration:none;color:#880ee6;font-weight:500;font-size:.95rem;transition:transform .2s ease,opacity .2s ease}.witc-link:hover{transform:translate(4px);opacity:.75}.skills{margin-bottom:3rem}.skills h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.skills-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.skills-group-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.35rem .85rem;border-radius:999px;font-size:.9rem;font-weight:500;color:#555;background:#f0f0f0;border:1px solid #e0e0e0}.skill-tag em{font-style:normal;color:#aaa;margin-left:.3rem;font-size:.8rem}.social-nav{position:fixed;top:1.5rem;left:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:10}.social-nav-link{color:#aaa;display:flex;align-items:center;font-size:1.2rem;transition:color .2s ease,transform .2s ease}.social-nav-link:hover{color:#880ee6;transform:translate(3px)}.projects{margin-bottom:3rem}.projects h2{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.project-links{display:flex;flex-direction:column;gap:.5rem}.project-links a{display:inline-block;text-decoration:none;color:#333;font-weight:500;padding:.25rem 0;transition:transform .2s ease,color .2s ease}.project-links a:hover{transform:translate(4px);color:#880ee6}.blog-cta{margin-top:4rem;display:flex;flex-wrap:wrap;gap:2rem}.blog-link,.contact-link{display:inline-block;text-decoration:none;color:#880ee6;font-size:1rem;font-weight:500;padding:.25rem 0;transition:transform .2s ease,opacity .2s ease}.blog-link:hover,.contact-link:hover{transform:translate(4px);opacity:.75}@media(prefers-color-scheme:dark){.skills h2{color:#e0e0e0}.skill-tag{background:#2a2a2a;border-color:#3a3a3a;color:#bbb}.witc{border-color:#880ee64d;background:#880ee612}.witc-title{color:#e0e0e0}.witc-tagline{color:#aaa}.witc-description{color:#bbb}.witc-stat-label{color:#777}.witc-link{color:#b47aff}.tagline{color:#aaa}.projects h2,.project-links a{color:#e0e0e0}.project-links a:hover,.blog-link,.contact-link{color:#b47aff}}@media(max-width:768px){.headshot-container{width:120px;height:120px}.name{font-size:2rem}.links-grid{grid-template-columns:1fr}}.blog{min-height:100vh;padding:2rem}.blog-header{max-width:800px;margin:0 auto 3rem}.back-link{display:inline-block;color:#880ee6;text-decoration:none;margin-bottom:2rem;font-weight:500;transition:transform .3s}.back-link:hover{transform:translate(-4px)}.blog-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#333}.blog-subtitle{color:#666;font-size:1.1rem}.posts-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.post-card{background:#fff;border-radius:12px;padding:2rem;border:2px solid #f0f0f0;transition:all .3s}.post-card:hover{border-color:#880ee6;box-shadow:0 4px 12px #880ee61a;transform:translateY(-2px)}.post-link{text-decoration:none;color:inherit;display:block}.post-card h2{margin:0 0 .5rem;color:#333;font-size:1.75rem}.post-date{display:block;color:#888;font-size:.9rem;margin-bottom:1rem}.post-description{color:#555;line-height:1.6;margin:0 0 1rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:4px;font-size:.85rem}@media(prefers-color-scheme:dark){.blog-header h1{color:#e0e0e0}.blog-subtitle{color:#aaa}.post-card{background:#1e1e1e;border-color:#2a2a2a}.post-card:hover{border-color:#880ee6;box-shadow:0 4px 12px #880ee633}.post-card h2{color:#e0e0e0}.post-date{color:#777}.post-description{color:#aaa}.tag{background:#2a2a2a;color:#aaa}.back-link{color:#b47aff}}@media(max-width:768px){.blog-header h1{font-size:2rem}.post-card{padding:1.5rem}}.blog-post{min-height:100vh;padding:2rem}.blog-post .container{max-width:800px;margin:0 auto}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.post-header h1{font-size:2.5rem;margin:1rem 0;color:#333;line-height:1.2}.post-content{line-height:1.8;color:#333}.post-content h2{font-size:1.75rem;margin:2.5rem 0 1rem;color:#333}.post-content p{margin-bottom:1.5rem;font-size:1.1rem}.post-content blockquote{border-left:4px solid #880ee6;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#555}.post-content a{color:#880ee6;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.post-content a:hover{border-bottom-color:#880ee6}@media(prefers-color-scheme:dark){.post-header{border-bottom-color:#2a2a2a}.post-header h1,.post-content,.post-content h2{color:#e0e0e0}.post-content blockquote{color:#aaa}.post-content a{color:#b47aff}.post-content a:hover{border-bottom-color:#b47aff}}@media(max-width:768px){.post-header h1{font-size:2rem}.post-content{font-size:1rem}}#root{width:100%;margin:0;padding:0}