:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-family: 'Inter', system-ui, -apple-system, sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 0.25rem;--radius: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme="light"]{--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--border-primary: var(--gray-200);--border-secondary: var(--gray-300)}[data-theme="dark"]{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--text-primary: #ffffff;--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--border-primary: var(--gray-700);--border-secondary: var(--gray-600);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5)}*{box-sizing:border-box}html{font-family:var(--font-family);scroll-behavior:smooth;line-height:1.6}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition);font-size:var(--font-size-base)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-4) 0;color:var(--text-secondary);line-height:1.7}a{color:var(--primary-600);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-700)}[data-theme="dark"] a{color:var(--primary-400)}[data-theme="dark"] a:hover{color:var(--primary-300)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn .btn-icon{width:var(--space-5);height:var(--space-5);margin-left:var(--space-2)}.btn-primary{background-color:var(--primary-600);color:white;box-shadow:var(--shadow-lg)}.btn-primary:hover{background-color:var(--primary-700);box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-secondary:hover{background-color:var(--primary-50)}[data-theme="dark"] .btn-secondary{color:var(--primary-400);border-color:var(--primary-400)}[data-theme="dark"] .btn-secondary:hover{background-color:rgba(59,130,246,0.1)}.btn-outline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-outline:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.site-header{position:sticky;top:0;z-index:50;background-color:rgba(255,255,255,0.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);transition:var(--transition)}[data-theme="dark"] .site-header{background-color:rgba(17,24,39,0.8)}.navbar .nav-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:600;font-size:var(--font-size-xl);transition:var(--transition-fast)}.logo:hover{opacity:0.8}.logo .logo-placeholder{width:2.5rem;height:2.5rem;background:linear-gradient(135deg, var(--primary-500), var(--primary-600));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg)}.nav-links{display:none;align-items:center;gap:var(--space-8)}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--primary-600)}[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{color:var(--primary-400)}.theme-toggle{padding:var(--space-2);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);border:none;cursor:pointer;transition:var(--transition-fast)}.theme-toggle:hover{background-color:var(--border-primary)}.theme-toggle svg{width:var(--space-5);height:var(--space-5);color:var(--text-secondary)}.theme-toggle .sun-icon{display:block}[data-theme="dark"] .theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:none}[data-theme="dark"] .theme-toggle .moon-icon{display:block}.mobile-menu-container{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.mobile-menu-container{display:none}}.mobile-menu-button{padding:var(--space-2);border-radius:var(--radius-lg);background-color:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.mobile-menu-button:hover{background-color:var(--bg-tertiary)}.mobile-menu-button svg{width:var(--space-6);height:var(--space-6)}.mobile-menu{padding:var(--space-4) 0;border-top:1px solid var(--border-primary);margin-top:var(--space-4)}.mobile-menu.hidden{display:none}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{padding:var(--space-3);border-radius:var(--radius);color:var(--text-secondary);font-weight:500;transition:var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--primary-50);color:var(--primary-600)}[data-theme="dark"] .mobile-nav-link:hover,[data-theme="dark"] .mobile-nav-link.active{background-color:rgba(59,130,246,0.1);color:var(--primary-400)}.hero-section{background:linear-gradient(135deg, var(--primary-50), #dbeafe);padding:var(--space-20) 0;transition:var(--transition)}[data-theme="dark"] .hero-section{background:linear-gradient(135deg, var(--gray-800), var(--gray-900))}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6)}@media (min-width: 640px){.hero-title{font-size:var(--font-size-5xl)}}@media (min-width: 1024px){.hero-title{font-size:var(--font-size-6xl)}}.text-primary{color:var(--primary-600)}[data-theme="dark"] .text-primary{color:var(--primary-400)}.hero-description{font-size:var(--font-size-xl);margin-bottom:var(--space-8);line-height:1.6}.hero-buttons{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.hero-image{position:relative;display:flex;justify-content:center}.profile-card{position:relative;z-index:10;background-color:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);transform:rotate(3deg);transition:var(--transition)}.profile-card:hover{transform:rotate(1deg)}.profile-placeholder{aspect-ratio:1;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-placeholder .profile-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.profile-placeholder:hover .profile-image{transform:scale(1.05)}.featured-posts{padding:var(--space-20) 0;background-color:var(--bg-primary)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}@media (min-width: 640px){.section-title{font-size:var(--font-size-4xl)}}.section-description{font-size:var(--font-size-xl);max-width:48rem;margin:0 auto}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 768px){.posts-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(3, 1fr)}}.post-card{background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);transition:var(--transition);overflow:hidden}.post-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.post-image{aspect-ratio:16/9;background:linear-gradient(135deg, var(--primary-100), var(--primary-200));display:flex;align-items:center;justify-content:center}[data-theme="dark"] .post-image{background:linear-gradient(135deg, var(--primary-900), var(--primary-800))}.post-image svg{width:3rem;height:3rem;color:var(--primary-600)}[data-theme="dark"] .post-image svg{color:var(--primary-400)}.post-content{padding:var(--space-6)}.post-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}@media (max-width: 640px){.post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.post-category{font-size:var(--font-size-sm);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:9999px}.post-category.category-technology{background-color:var(--primary-100);color:var(--primary-600)}[data-theme="dark"] .post-category.category-technology{background-color:var(--primary-900);color:var(--primary-400)}.post-category.category-learning{background-color:#dbeafe;color:#2563eb}[data-theme="dark"] .post-category.category-learning{background-color:#1e3a8a;color:#60a5fa}.post-category.category-productivity{background-color:#dcfce7;color:#16a34a}[data-theme="dark"] .post-category.category-productivity{background-color:#14532d;color:#4ade80}.post-category.category-design{background-color:#f3e8ff;color:#9333ea}[data-theme="dark"] .post-category.category-design{background-color:#581c87;color:#c084fc}.post-category.category-work{background-color:#fed7aa;color:#ea580c}[data-theme="dark"] .post-category.category-work{background-color:#9a3412;color:#fb923c}.post-details{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.post-date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.post-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3)}.post-title a{color:var(--text-primary);transition:var(--transition-fast)}.post-title a:hover{color:var(--primary-600)}[data-theme="dark"] .post-title a:hover{color:var(--primary-400)}.post-excerpt{margin-bottom:var(--space-4);line-height:1.6}.read-more{display:inline-flex;align-items:center;color:var(--primary-600);font-weight:500;transition:var(--transition-fast)}.read-more:hover{color:var(--primary-700)}[data-theme="dark"] .read-more{color:var(--primary-400)}[data-theme="dark"] .read-more:hover{color:var(--primary-300)}.read-more svg{width:var(--space-4);height:var(--space-4);margin-left:var(--space-1)}.section-footer{text-align:center;margin-top:var(--space-12)}.blog-header,.about-header{background:linear-gradient(135deg, var(--primary-50), #dbeafe);padding:var(--space-16) 0;text-align:center}[data-theme="dark"] .blog-header,[data-theme="dark"] .about-header{background:linear-gradient(135deg, var(--gray-800), var(--gray-900))}.blog-header-content,.about-header-content{max-width:48rem;margin:0 auto}.page-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-6)}@media (min-width: 640px){.page-title{font-size:var(--font-size-5xl)}}.page-description{font-size:var(--font-size-xl);max-width:48rem;margin:0 auto}.blog-posts{padding:var(--space-16) 0}.post-article .post-header{background:linear-gradient(135deg, var(--primary-50), #dbeafe);padding:var(--space-16) 0}[data-theme="dark"] .post-article .post-header{background:linear-gradient(135deg, var(--gray-800), var(--gray-900))}.post-article .post-header-content{text-align:center;max-width:48rem;margin:0 auto}.post-article .post-title{font-size:var(--font-size-3xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6)}@media (min-width: 640px){.post-article .post-title{font-size:var(--font-size-4xl)}}@media (min-width: 1024px){.post-article .post-title{font-size:var(--font-size-5xl)}}.post-article .post-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);color:var(--text-secondary)}.post-article .meta-item{display:flex;align-items:center;gap:var(--space-2)}.post-article .meta-item svg{width:var(--space-5);height:var(--space-5)}.post-article .post-content{padding:var(--space-16) 0}.prose{max-width:none;color:var(--text-primary)}.prose img{max-width:100%;height:auto;display:block;margin:var(--space-8) auto;border-radius:var(--radius)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-primary)}.prose a{color:var(--primary-600);font-weight:500}[data-theme="dark"] .prose a{color:var(--primary-400)}.prose blockquote{border-left:4px solid var(--primary-600);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}[data-theme="dark"] .prose blockquote{border-left-color:var(--primary-400)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose ul li,.prose ol li{margin-bottom:var(--space-2)}.prose code{background-color:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:0.9em;font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;color:var(--text-primary)}.prose pre{background-color:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius);overflow-x:auto;border:1px solid var(--border-primary);font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;line-height:1.5}[data-theme="dark"] .prose pre{background-color:var(--gray-800);border-color:var(--gray-700)}.prose pre code{background-color:transparent;padding:0;color:inherit}.prose .highlight{background-color:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-primary)}[data-theme="dark"] .prose .highlight{background-color:var(--gray-800);border-color:var(--gray-700)}.prose .highlight pre{margin:0;border:none;background-color:transparent}.prose .language-javascript,.prose .language-typescript,.prose .language-html,.prose .language-css,.prose .language-python,.prose .language-bash{position:relative}.prose .language-javascript::before,.prose .language-typescript::before,.prose .language-html::before,.prose .language-css::before,.prose .language-python::before,.prose .language-bash::before{content:attr(class);position:absolute;top:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;font-weight:500;letter-spacing:0.05em}.prose .language-javascript::before{content:"JS"}.prose .language-typescript::before{content:"TS"}.prose .language-html::before{content:"HTML"}.prose .language-css::before{content:"CSS"}.prose .language-python::before{content:"PY"}.prose .language-bash::before{content:"BASH"}.prose .highlight .k,.prose .highlight .kd,.prose .highlight .kn,.prose .highlight .kp,.prose .highlight .kr,.prose .highlight .kt,.prose .highlight .kc{color:#d73a49;font-weight:600}[data-theme="dark"] .prose .highlight .k,[data-theme="dark"] .prose .highlight .kd,[data-theme="dark"] .prose .highlight .kn,[data-theme="dark"] .prose .highlight .kp,[data-theme="dark"] .prose .highlight .kr,[data-theme="dark"] .prose .highlight .kt,[data-theme="dark"] .prose .highlight .kc{color:#ff7b72}.prose .highlight .s,.prose .highlight .s1,.prose .highlight .s2,.prose .highlight .sb,.prose .highlight .sc,.prose .highlight .sd,.prose .highlight .se,.prose .highlight .sh,.prose .highlight .si,.prose .highlight .sx{color:#032f62}[data-theme="dark"] .prose .highlight .s,[data-theme="dark"] .prose .highlight .s1,[data-theme="dark"] .prose .highlight .s2,[data-theme="dark"] .prose .highlight .sb,[data-theme="dark"] .prose .highlight .sc,[data-theme="dark"] .prose .highlight .sd,[data-theme="dark"] .prose .highlight .se,[data-theme="dark"] .prose .highlight .sh,[data-theme="dark"] .prose .highlight .si,[data-theme="dark"] .prose .highlight .sx{color:#a5d6ff}.prose .highlight .m,.prose .highlight .mf,.prose .highlight .mh,.prose .highlight .mi,.prose .highlight .mo,.prose .highlight .mb,.prose .highlight .mx{color:#005cc5}[data-theme="dark"] .prose .highlight .m,[data-theme="dark"] .prose .highlight .mf,[data-theme="dark"] .prose .highlight .mh,[data-theme="dark"] .prose .highlight .mi,[data-theme="dark"] .prose .highlight .mo,[data-theme="dark"] .prose .highlight .mb,[data-theme="dark"] .prose .highlight .mx{color:#79c0ff}.prose .highlight .c,.prose .highlight .c1,.prose .highlight .cm,.prose .highlight .cp,.prose .highlight .cs{color:#6a737d;font-style:italic}[data-theme="dark"] .prose .highlight .c,[data-theme="dark"] .prose .highlight .c1,[data-theme="dark"] .prose .highlight .cm,[data-theme="dark"] .prose .highlight .cp,[data-theme="dark"] .prose .highlight .cs{color:#8b949e}.prose .highlight .nf,.prose .highlight .fm{color:#6f42c1;font-weight:600}[data-theme="dark"] .prose .highlight .nf,[data-theme="dark"] .prose .highlight .fm{color:#d2a8ff}.prose .highlight .n,.prose .highlight .na,.prose .highlight .nb,.prose .highlight .nc,.prose .highlight .nd,.prose .highlight .ne,.prose .highlight .ni,.prose .highlight .nl,.prose .highlight .nn,.prose .highlight .no,.prose .highlight .nv,.prose .highlight .nx,.prose .highlight .py{color:#24292e}[data-theme="dark"] .prose .highlight .n,[data-theme="dark"] .prose .highlight .na,[data-theme="dark"] .prose .highlight .nb,[data-theme="dark"] .prose .highlight .nc,[data-theme="dark"] .prose .highlight .nd,[data-theme="dark"] .prose .highlight .ne,[data-theme="dark"] .prose .highlight .ni,[data-theme="dark"] .prose .highlight .nl,[data-theme="dark"] .prose .highlight .nn,[data-theme="dark"] .prose .highlight .no,[data-theme="dark"] .prose .highlight .nv,[data-theme="dark"] .prose .highlight .nx,[data-theme="dark"] .prose .highlight .py{color:#e1e4e8}.prose .highlight .o,.prose .highlight .ow{color:#d73a49}[data-theme="dark"] .prose .highlight .o,[data-theme="dark"] .prose .highlight .ow{color:#ff7b72}.prose .highlight .p{color:#24292e}[data-theme="dark"] .prose .highlight .p{color:#e1e4e8}.prose .highlight .nt{color:#22863a;font-weight:600}[data-theme="dark"] .prose .highlight .nt{color:#7ee787}.prose .highlight .na{color:#6f42c1}[data-theme="dark"] .prose .highlight .na{color:#d2a8ff}.prose .highlight .nc,.prose .highlight .nd{color:#6f42c1;font-weight:600}[data-theme="dark"] .prose .highlight .nc,[data-theme="dark"] .prose .highlight .nd{color:#d2a8ff}.prose .highlight .k{color:#005cc5}[data-theme="dark"] .prose .highlight .k{color:#79c0ff}.prose .highlight .kc{color:#005cc5;font-weight:600}[data-theme="dark"] .prose .highlight .kc{color:#79c0ff}.prose .highlight .nc{color:#6f42c1;font-weight:600}[data-theme="dark"] .prose .highlight .nc{color:#d2a8ff}.prose .highlight .err{color:#cb2431;background-color:#ffeef0}[data-theme="dark"] .prose .highlight .err{color:#f85149;background-color:rgba(248,81,73,0.1)}.prose .highlight .gh{color:#005cc5;font-weight:600}[data-theme="dark"] .prose .highlight .gh{color:#79c0ff}.prose .highlight .lineno{color:#6a737d;user-select:none}[data-theme="dark"] .prose .highlight .lineno{color:#8b949e}.prose .language-javascript .highlight .sb,.prose .language-typescript .highlight .sb{color:#032f62}[data-theme="dark"] .prose .language-javascript .highlight .sb,[data-theme="dark"] .prose .language-typescript .highlight .sb{color:#a5d6ff}.prose .language-javascript .highlight .o:contains("=>"),.prose .language-typescript .highlight .o:contains("=>"){color:#d73a49;font-weight:600}[data-theme="dark"] .prose .language-javascript .highlight .o:contains("=>"),[data-theme="dark"] .prose .language-typescript .highlight .o:contains("=>"){color:#ff7b72}.prose .language-css .highlight .s,.prose .language-css .highlight .s1,.prose .language-css .highlight .s2{color:#22863a}[data-theme="dark"] .prose .language-css .highlight .s,[data-theme="dark"] .prose .language-css .highlight .s1,[data-theme="dark"] .prose .language-css .highlight .s2{color:#7ee787}.prose .language-css .highlight .kt{color:#005cc5}[data-theme="dark"] .prose .language-css .highlight .kt{color:#79c0ff}.prose .language-html .highlight .p{color:#6a737d}[data-theme="dark"] .prose .language-html .highlight .p{color:#8b949e}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--font-size-sm);background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}[data-theme="dark"] .prose table{background-color:var(--gray-800);border-color:var(--gray-700)}.prose table thead{background:linear-gradient(135deg, var(--primary-50), var(--primary-100))}[data-theme="dark"] .prose table thead{background:linear-gradient(135deg, var(--primary-900), var(--primary-800))}.prose table thead th{padding:var(--space-4) var(--space-6);text-align:left;font-weight:600;color:var(--primary-700);border-bottom:2px solid var(--primary-200);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.05em}[data-theme="dark"] .prose table thead th{color:var(--primary-300);border-bottom-color:var(--primary-700)}.prose table thead th:first-child{border-top-left-radius:var(--radius-lg)}.prose table thead th:last-child{border-top-right-radius:var(--radius-lg)}.prose table tbody tr{border-bottom:1px solid var(--border-primary);transition:var(--transition-fast)}.prose table tbody tr:hover{background-color:var(--bg-secondary)}[data-theme="dark"] .prose table tbody tr:hover{background-color:var(--gray-700)}.prose table tbody tr:last-child{border-bottom:none}.prose table tbody tr:nth-child(even){background-color:var(--bg-secondary)}[data-theme="dark"] .prose table tbody tr:nth-child(even){background-color:rgba(75,85,99,0.1)}.prose table tbody tr:nth-child(even):hover{background-color:var(--bg-tertiary)}[data-theme="dark"] .prose table tbody tr:nth-child(even):hover{background-color:var(--gray-600)}.prose table tbody td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary);color:var(--text-primary);line-height:1.5;vertical-align:top}[data-theme="dark"] .prose table tbody td{border-bottom-color:var(--gray-700)}.prose table tbody td code{background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:0.85em;color:var(--primary-600);border:1px solid var(--border-primary)}[data-theme="dark"] .prose table tbody td code{background-color:var(--gray-700);color:var(--primary-400);border-color:var(--gray-600)}.prose table tbody td a{color:var(--primary-600);font-weight:500}[data-theme="dark"] .prose table tbody td a{color:var(--primary-400)}.prose table tbody td a:hover{text-decoration:underline}.prose table tbody td strong{color:var(--text-primary);font-weight:600}.prose table tbody td em{color:var(--text-secondary);font-style:italic}.prose table tfoot{background-color:var(--bg-secondary);border-top:2px solid var(--border-primary)}[data-theme="dark"] .prose table tfoot{background-color:var(--gray-700);border-top-color:var(--gray-600)}.prose table tfoot td{padding:var(--space-3) var(--space-6);font-weight:500;color:var(--text-secondary);font-size:var(--font-size-sm)}.prose table tfoot td:first-child{border-bottom-left-radius:var(--radius-lg)}.prose table tfoot td:last-child{border-bottom-right-radius:var(--radius-lg)}@media (max-width: 768px){.prose table{display:block;overflow-x:auto;white-space:nowrap}.prose table thead,.prose table tbody,.prose table tfoot{display:block}.prose table thead th,.prose table tbody td,.prose table tfoot td{display:inline-block;min-width:120px;white-space:normal;vertical-align:top}.prose table thead th{border-top:none;border-left:1px solid var(--primary-200)}[data-theme="dark"] .prose table thead th{border-left-color:var(--primary-700)}.prose table thead th:first-child{border-left:none}.prose table tbody td{border-bottom:1px solid var(--border-primary);border-left:1px solid var(--border-primary)}[data-theme="dark"] .prose table tbody td{border-color:var(--gray-700)}.prose table tbody td:first-child{border-left:none}}.prose caption{caption-side:bottom;text-align:center;padding:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.prose .table-wrapper{margin:var(--space-6) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}[data-theme="dark"] .prose .table-wrapper{border-color:var(--gray-700)}.prose .table-wrapper table{margin:0;border:none;box-shadow:none;border-radius:0}.prose table.table-compact{font-size:var(--font-size-xs)}.prose table.table-compact thead th,.prose table.table-compact tbody td,.prose table.table-compact tfoot td{padding:var(--space-2) var(--space-4)}.prose table.table-bordered thead th,.prose table.table-bordered tbody td,.prose table.table-bordered tfoot td{border:1px solid var(--border-primary)}[data-theme="dark"] .prose table.table-bordered thead th,[data-theme="dark"] .prose table.table-bordered tbody td,[data-theme="dark"] .prose table.table-bordered tfoot td{border-color:var(--gray-700)}.prose table.table-striped tbody tr:nth-child(odd){background-color:var(--bg-primary)}.prose table.table-striped tbody tr:nth-child(even){background-color:var(--bg-secondary)}[data-theme="dark"] .prose table.table-striped tbody tr:nth-child(even){background-color:rgba(75,85,99,0.1)}.post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}@media (max-width: 640px){.post-footer{flex-direction:column;gap:var(--space-4);text-align:center}}.author-info{display:flex;align-items:center;gap:var(--space-4)}.author-avatar{width:3rem;height:3rem;background:linear-gradient(135deg, var(--primary-400), var(--primary-600));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--font-size-lg)}.author-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.author-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.share-buttons{display:flex;gap:var(--space-3)}.share-btn{padding:var(--space-3);background-color:var(--bg-tertiary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.share-btn:hover{background-color:var(--border-primary)}.share-btn svg{width:var(--space-5);height:var(--space-5);color:var(--text-secondary)}.post-navigation{margin-top:var(--space-12)}.profile-image{position:relative;display:inline-block;margin-bottom:var(--space-8)}.profile-avatar{width:10rem;height:10rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2xl);overflow:hidden}.profile-avatar .author-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.profile-avatar .author-image:hover{transform:scale(1.05)}.status-indicator{position:absolute;top:-0.5rem;right:-0.5rem;width:2rem;height:2rem;background-color:var(--success);border-radius:50%;border:4px solid var(--bg-primary);display:flex;align-items:center;justify-content:center}.status-indicator svg{width:1rem;height:1rem;color:white}.about-content{padding:var(--space-20) 0}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);margin-bottom:var(--space-16)}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1fr}}.skills-list{display:flex;flex-direction:column;gap:var(--space-6)}.skill-item{display:flex;gap:var(--space-4)}.skill-icon{width:3rem;height:3rem;background-color:var(--primary-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme="dark"] .skill-icon{background-color:var(--primary-900)}.skill-icon svg{width:var(--space-6);height:var(--space-6);color:var(--primary-600)}[data-theme="dark"] .skill-icon svg{color:var(--primary-400)}.skill-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.skill-description{margin:0}.technologies-section{margin-bottom:var(--space-16);text-align:center}.tech-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-6);margin-top:var(--space-8)}@media (min-width: 768px){.tech-grid{grid-template-columns:repeat(4, 1fr)}}.tech-item{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;font-weight:500;transition:var(--transition)}.tech-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg)}[data-theme="dark"] .tech-item:hover{border-color:var(--primary-600)}.contact-cta{background:linear-gradient(135deg, var(--primary-50), #dbeafe);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;border:1px solid var(--border-primary)}[data-theme="dark"] .contact-cta{background:linear-gradient(135deg, var(--gray-800), var(--gray-700));border-color:var(--border-secondary)}.cta-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-4)}.cta-description{margin-bottom:var(--space-6);max-width:32rem;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}@media (min-width: 640px){.cta-buttons{flex-direction:row}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-8) 0}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 768px){.footer-content{grid-template-columns:repeat(3, 1fr)}}.footer-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.footer-text{line-height:1.6;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--text-secondary);transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary-600)}[data-theme="dark"] .footer-links a:hover{color:var(--primary-400)}.social-links{display:flex;gap:var(--space-4)}.social-link{color:var(--text-secondary);transition:var(--transition-fast)}.social-link:hover{color:var(--primary-600)}[data-theme="dark"] .social-link:hover{color:var(--primary-400)}.social-link svg{width:var(--space-6);height:var(--space-6)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-primary);text-align:center}.copyright{color:var(--text-secondary);margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(156,163,175,0.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,0.7)}[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(75,85,99,0.5)}[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(75,85,99,0.7)}.hidden{display:none}@media (max-width: 767px){.hero-title{font-size:var(--font-size-3xl)}.section-title{font-size:var(--font-size-2xl)}.page-title{font-size:var(--font-size-3xl)}}.comments-section{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.disqus{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.disqus h3{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);color:var(--text-primary)}.disqus h3 .icon{color:var(--primary-600)}[data-theme="dark"] .disqus h3 .icon{color:var(--primary-400)}.disqus #disqus_thread{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-primary)}[data-theme="dark"] .disqus #disqus_thread{background-color:var(--gray-800);border-color:var(--gray-700)}.disqus iframe{border-radius:var(--radius);border:none}.disqus .disqus-loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.disqus .disqus-error{background-color:var(--error);color:white;padding:var(--space-4);border-radius:var(--radius);text-align:center;margin-top:var(--space-4)}.disqus noscript{display:block;background-color:var(--warning);color:var(--gray-900);padding:var(--space-4);border-radius:var(--radius);text-align:center;margin-top:var(--space-4)}.disqus noscript a{color:var(--gray-900);font-weight:500}.disqus noscript a:hover{text-decoration:underline}