:root{--bg-primary: #0a0d2f;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-primary: #06b6d4;--accent-secondary: #a78bfa;--accent-tertiary: #06b6d4;--border-color: rgba(100, 116, 139, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif}.navbar{position:sticky;top:0;z-index:100;background:#0a0d2ff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);height:70px;display:flex;align-items:center}.nav-container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.3rem;font-weight:800;text-decoration:none;color:var(--text-primary);transition:var(--transition);letter-spacing:-.5px}.brand-accent{color:var(--accent-primary);font-family:Fira Code,monospace}.nav-brand:hover{color:var(--accent-primary)}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-link{padding:.5rem 1rem;text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;border-radius:6px;transition:var(--transition);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-link.cv-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.65rem 1.3rem;border-radius:8px}.nav-link.cv-button:after{display:none}.nav-link.cv-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.article-layout{max-width:900px}main :global(article){margin:2rem auto}main :global(article h1){font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}main :global(article h2){font-size:1.8rem;margin:2rem 0 1rem;color:var(--accent-primary);border-left:4px solid var(--accent-primary);padding-left:1rem}main :global(article h3){font-size:1.4rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}main :global(article p){margin-bottom:1.5rem;font-size:1rem;line-height:1.8;color:var(--text-secondary)}main :global(article a){color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}main :global(article a:hover){border-bottom-color:var(--accent-primary)}main :global(article ul),main :global(article ol){margin:1.5rem 0 1.5rem 2rem;color:var(--text-secondary)}main :global(article li){margin-bottom:.5rem}main :global(article code){font-family:Fira Code,monospace;background:#2563eb1a;padding:.2em .4em;border-radius:4px;font-size:.9rem;color:var(--accent-tertiary)}main :global(article pre){background:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;border-radius:8px;margin:2rem 0;overflow-x:auto;font-family:Fira Code,monospace}main :global(article pre code){background:none;padding:0;color:var(--text-secondary)}main :global(article blockquote){border-left:4px solid var(--accent-secondary);padding-left:1.5rem;margin:2rem 0;color:var(--text-muted);font-style:italic}main :global(article img){max-width:100%;height:auto;border-radius:8px;margin:2rem 0;border:1px solid var(--border-color)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:4rem 2rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center}.footer-section h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--accent-primary)}.footer-section p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:1.5rem;justify-content:center}.footer-links a{color:var(--text-muted);font-size:1.3rem;transition:var(--transition)}.footer-links a:hover{color:var(--accent-primary);transform:translateY(-3px)}.copyright{text-align:right;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:.25rem}.nav-link{padding:.4rem .8rem;font-size:.85rem}main{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.copyright{text-align:center}}