*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-accent: #60a5fa;--border-color: #334155;--border-hover: #475569;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Inter,sans-serif;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);max-width:900px;margin:0 auto;padding:3rem 2rem;min-height:100vh;transition:background .3s ease,color .3s ease}html{scroll-behavior:smooth}nav{margin-bottom:4rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}nav a{margin-right:2rem;text-decoration:none;color:var(--text-secondary);font-weight:400;font-size:.95rem;letter-spacing:.01em;transition:color .2s ease;position:relative}nav a:hover{color:var(--text-primary)}nav a:after{content:"";position:absolute;bottom:-1.5rem;left:0;width:0;height:1px;background:var(--text-accent);transition:width .3s ease}nav a:hover:after{width:100%}.hero{margin-bottom:5rem}.hero h1{font-size:3.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.hero p{font-size:1.25rem;color:var(--text-tertiary);font-weight:400;letter-spacing:.01em}.projects{margin-top:4rem}.projects h2{font-size:1.75rem;font-weight:500;margin-bottom:2.5rem;color:var(--text-primary);letter-spacing:-.01em}.project-card{padding:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;transition:all .3s ease;backdrop-filter:blur(10px)}.project-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.project-card h3{font-size:1.5rem;font-weight:500;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.01em}.project-card p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.65}.read-more{color:var(--text-accent);text-decoration:none;font-weight:400;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.read-more:hover{color:#93c5fd;gap:.75rem}.read-more:after{content:"→";transition:transform .2s ease}.read-more:hover:after{transform:translate(4px)}.blog-post{margin-top:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-tertiary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.back-link:hover{color:var(--text-primary)}.blog-post :global(h1){font-size:2.75rem;font-weight:600;margin-bottom:1.5rem;margin-top:3rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.blog-post :global(h2){font-size:2rem;font-weight:500;margin-top:3rem;margin-bottom:1.25rem;color:var(--text-primary);letter-spacing:-.01em}.blog-post :global(h3){font-size:1.5rem;font-weight:500;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.blog-post :global(p){margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.75}.blog-post :global(code){background:var(--bg-tertiary);color:var(--text-accent);padding:.2rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;border:1px solid var(--border-color)}.blog-post :global(pre){background:var(--bg-secondary);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;border:1px solid var(--border-color)}.blog-post :global(pre code){background:none;padding:0;border:none;color:var(--text-primary)}.blog-post :global(ul),.blog-post :global(ol){margin-left:2rem;margin-bottom:1.5rem;color:var(--text-secondary)}.blog-post :global(li){margin-bottom:.75rem;line-height:1.7}.blog-post :global(a){color:var(--text-accent);text-decoration:none;transition:color .2s ease}.blog-post :global(a:hover){color:#93c5fd;text-decoration:underline}.blog-post :global(blockquote){border-left:3px solid var(--text-accent);padding-left:1.5rem;margin:2rem 0;color:var(--text-tertiary);font-style:italic}.blog-post :global(hr){border:none;border-top:1px solid var(--border-color);margin:3rem 0}.blog-post :global(table){width:100%;border-collapse:collapse;margin:2rem 0}.blog-post :global(th),.blog-post :global(td){padding:.75rem;border:1px solid var(--border-color);text-align:left}.blog-post :global(th){background:var(--bg-secondary);color:var(--text-primary);font-weight:500}.blog-post :global(img){max-width:100%;height:auto;border-radius:8px;margin:2rem 0}::selection{background:var(--text-accent);color:var(--bg-primary)}a:focus-visible,button:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px;border-radius:2px}@media (max-width: 768px){body{padding:2rem 1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}nav a{margin-right:1.5rem;font-size:.9rem}.project-card{padding:2rem}}