*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI', 'Roboto', 'Helvetica Neue', -apple-system, sans-serif;font-size:16px;line-height:1.6;background:#fff;color:#2d3748;transition:background 0.3s, color 0.3s}body.dark{background:#0f172a;color:#e2e8f0}body.dark .sidebar{background:#1e293b;border-color:#334155}body.dark .skill-tag,body.dark .achievement-card,body.dark .project-card{background:#1e293b}body.dark .job-description,body.dark .section h2{border-color:#334155}body.dark .post-content code,body.dark .post-content pre{background:#1e293b}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:#f7fafc;border-right:1px solid #e2e8f0;overflow-y:auto;padding:2rem 1.5rem;transition:all 0.3s ease;z-index:100}@media (max-width: 768px){.sidebar{transform:translateX(-100%);width:80%;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}}.sidebar-header{text-align:center;margin-bottom:2rem}.avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg, #1e3c72, #2a5298);display:flex;align-items:center;justify-content:center;font-size:3rem;color:white}.name{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem}.tagline{font-size:0.8rem;color:#718096;margin-bottom:0.25rem}.years{font-size:0.7rem;color:#718096}.nav-section{margin-bottom:1.5rem}.nav-section h4{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:#718096;margin-bottom:0.75rem}.nav-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;margin:0.25rem 0;border-radius:8px;color:#2d3748;text-decoration:none;transition:all 0.2s}.nav-item:hover{background:rgba(30,60,114,0.1)}.nav-item.active{background:#1e3c72;color:white}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.social-links a{color:#718096;text-decoration:none;font-size:1.25rem}.social-links a:hover{color:#1e3c72}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#1e3c72;color:white;border:none;padding:0.5rem;border-radius:8px;cursor:pointer}@media (max-width: 768px){.mobile-toggle{display:block}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999}@media (max-width: 768px){.sidebar-overlay.active{display:block}}.main-content{margin-left:280px;min-height:100vh;padding:2rem}@media (max-width: 768px){.main-content{margin-left:0;padding:4rem 1rem 1rem}}.content-wrapper{max-width:900px;margin:0 auto}.resume-header{margin-bottom:2rem}.resume-header h1{font-size:2.5rem;margin-bottom:0.25rem}.resume-header .title{font-size:1.1rem;color:#1e3c72;margin-bottom:1rem;border-left:3px solid gold;padding-left:1rem}.contact-info{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:0.85rem}.contact-info span,.contact-info a{display:inline-flex;align-items:center;gap:0.25rem;color:#2d3748;text-decoration:none}.section{margin:2rem 0}.section h2{font-size:1.3rem;border-bottom:2px solid #e2e8f0;padding-bottom:0.3rem;margin-bottom:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem;margin:1rem 0}.achievement-card{background:#f7fafc;padding:1rem;border-radius:8px;border-left:3px solid gold}.skills-category{margin-bottom:1.5rem}.skills-category .skills-title{font-weight:700;margin-bottom:0.5rem}.skills-category .skills-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.skill-tag{background:#f7fafc;padding:0.2rem 0.75rem;border-radius:20px;font-size:0.8rem}.job{margin-bottom:1.5rem}.job .job-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;margin-bottom:0.25rem}.job .job-header .job-title{font-weight:700;font-size:1rem}.job .job-header .job-date{font-size:0.8rem;color:#718096}.job .job-company{font-weight:500;color:#718096;margin-bottom:0.5rem}.job .job-description{padding-left:1rem;border-left:2px solid #e2e8f0}.job .job-description ul{margin:0.25rem 0;padding-left:1rem}.job .job-description li{margin:0.25rem 0}.job .achievement-highlight{color:#1e3c72;font-weight:500;margin-top:0.5rem;font-size:0.85rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.two-columns{grid-template-columns:1fr;gap:1rem}}.education-item,.cert-item{margin-bottom:0.75rem}.edu-degree{font-weight:700}.edu-school{font-size:0.9rem;color:#718096}.edu-date{font-size:0.8rem;color:#718096}.blog-header,.projects-header{margin-bottom:2rem}.blog-header h1,.projects-header h1{font-size:2rem;margin-bottom:0.5rem}.posts-list .post-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.posts-list .post-item .post-title{font-size:1.5rem;margin-bottom:0.5rem}.posts-list .post-item .post-title a{color:#2d3748;text-decoration:none}.posts-list .post-item .post-title a:hover{color:#1e3c72}.posts-list .post-item .post-meta{font-size:0.8rem;color:#718096;margin-bottom:0.75rem}.posts-list .post-item .post-excerpt{margin-bottom:0.75rem}.posts-list .post-item .read-more{color:#1e3c72;text-decoration:none}.posts-list .post-item .read-more:hover{text-decoration:underline}.projects-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:1.5rem;margin:1rem 0}.project-card{background:#f7fafc;padding:1.25rem;border-radius:8px;transition:transform 0.2s}.project-card:hover{transform:translateY(-2px)}.project-card h3{margin-bottom:0.5rem}.project-card .project-tech{font-size:0.8rem;color:#718096;margin-bottom:0.75rem;font-family:monospace}.project-card a{color:#1e3c72;text-decoration:none;font-size:0.9rem}.project-card a:hover{text-decoration:underline}.github-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e8f0}.articles-header{margin-bottom:2rem}.articles-header h1{font-size:2rem;margin-bottom:0.5rem}.articles-header p{font-style:italic;border-left:3px solid var(--accent-color);padding-left:1rem;margin-top:0.5rem}.articles-header a{color:var(--primary-color);text-decoration:none}.articles-header a:hover{text-decoration:underline}.articles-list{margin:2rem 0}.article-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.article-item .article-title{font-size:1.4rem;margin-bottom:0.5rem}.article-item .article-title a{color:var(--text-color);text-decoration:none}.article-item .article-title a:hover{color:var(--primary-color)}.article-item .article-meta{font-size:0.8rem;color:var(--text-light);margin-bottom:0.75rem}.article-item .article-excerpt{margin-bottom:0.75rem;color:var(--text-secondary);line-height:1.6}.article-item .read-article{color:var(--primary-color);text-decoration:none;font-weight:500}.article-item .read-article:hover{text-decoration:underline}.articles-footer{margin-top:2rem;text-align:center}.articles-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.articles-footer a:hover{text-decoration:underline}.post-header{margin-bottom:2rem}.post-header .post-title{font-size:2rem;margin-bottom:0.5rem}.post-header .post-meta{font-size:0.85rem;color:#718096}.post-header .post-categories{margin-top:0.5rem}.post-header .post-categories .category{display:inline-block;background:#f7fafc;padding:0.2rem 0.5rem;border-radius:20px;font-size:0.75rem;margin-right:0.5rem}.post-content h2{font-size:1.5rem;margin:1.8rem 0 0.75rem;padding-bottom:0.3rem;border-bottom:1px solid #e2e8f0}.post-content h3{font-size:1.25rem;margin:1.5rem 0 0.5rem}.post-content h4{font-size:1.1rem;margin:1.25rem 0 0.5rem}.post-content p{margin:1rem 0;line-height:1.7}.post-content code{background:#f7fafc;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;font-family:'Courier New', 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;color:#e53e3e}.post-content pre{background:#f7fafc;padding:1rem 1.2rem;border-radius:8px;overflow-x:auto;margin:1.2rem 0;line-height:1.45}.post-content pre code{background:none;padding:0;font-size:0.85rem;line-height:inherit;display:block;color:#2d3748}.post-content ul,.post-content ol{margin:1rem 0;padding-left:2rem}.post-content li{margin:0.25rem 0}.post-content blockquote{border-left:3px solid #1e3c72;margin:1rem 0;padding-left:1rem;font-style:italic;color:#718096}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.post-content th,.post-content td{border:1px solid #e2e8f0;padding:0.5rem 0.75rem;text-align:left}.post-content th{background:#f7fafc;font-weight:600}.post-content hr{margin:2rem 0;border:none;border-top:1px solid #e2e8f0}pre,code{font-family:'Courier New', 'SF Mono', 'Monaco', monospace !important}pre{background:#f7fafc !important;padding:1rem !important;border-radius:8px !important;overflow-x:auto !important;margin:1.2rem 0 !important;line-height:1.45 !important}pre code{background:none !important;padding:0 !important;font-size:0.85rem !important;display:block !important}code{background:#f7fafc !important;padding:0.2rem 0.4rem !important;border-radius:4px !important;font-size:0.9em !important}body.dark pre{background:#1e293b !important}body.dark code{background:#1e293b !important}.post-content p,article p,main p{margin:1rem 0 !important;line-height:1.7 !important}.post-content h2,article h2{margin:1.8rem 0 0.75rem !important;padding-bottom:0.3rem !important;border-bottom:1px solid #e2e8f0 !important}.post-content h3,article h3{margin:1.5rem 0 0.5rem !important}.qr-section{margin:1.5rem 0;padding:1rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;text-align:center}.qr-container{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.qr-image{width:120px;height:120px;border-radius:8px;transition:transform 0.2s}.qr-image:hover{transform:scale(1.05)}.qr-label{font-size:0.7rem;color:#718096;text-align:center;margin:0}body.dark .qr-section{border-color:#334155}body.dark .qr-label{color:#94a3b8}.load-more-container{text-align:center;margin:2rem 0 1rem}.load-more-btn{background:var(--primary-color);color:white;border:none;padding:0.6rem 1.5rem;border-radius:30px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem}.load-more-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.load-more-btn:active{transform:translateY(0)}body.dark .load-more-btn{background:var(--dark-sidebar-bg);color:var(--dark-text)}body.dark .load-more-btn:hover{background:var(--primary-color);color:white}