:root{--primary-bg: #ffffff;--secondary-bg: #f8fafc;--text-color: #334155;--heading-color: #0f172a;--accent-color: #2563eb;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .05);--hero-bg: #f1f5f9;--avatar-bg: #f8fafc;--container-padding: 20px}[data-theme=dark]{--primary-bg: #0f172a;--secondary-bg: #1e293b;--text-color: #e2e8f0;--heading-color: #f8fafc;--accent-color: #38bdf8;--border-color: #334155;--shadow-color: rgba(0, 0, 0, .3);--hero-bg: #111827;--avatar-bg: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;line-height:1.7;color:var(--text-color);background-color:var(--primary-bg);font-weight:300}.container{width:100%;max-width:1400px;margin:auto;padding:0 var(--container-padding);overflow:hidden}h1,h2,h3{color:var(--heading-color);font-weight:600;margin-bottom:.75em}h1{font-size:3em}h2{font-size:2.2em}h3{font-size:1.5em}p{margin-bottom:1em}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--heading-color)}.site-header{background-color:var(--secondary-bg);padding:15px 0;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color)}.site-header-content{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-avatar-link{display:block;margin-right:15px}.header-avatar{height:75px;width:75px;border-radius:50%;object-fit:cover}.header-site-title{font-size:1.5em;font-weight:600;color:var(--heading-color)}.header-right{display:flex;align-items:center;gap:15px}.main-nav{display:flex;gap:20px;align-items:center}.nav-link{color:var(--text-color);text-decoration:none;font-weight:400;padding:8px 12px;border-radius:4px;transition:background-color .3s ease,color .3s ease}.nav-link:hover{background-color:var(--primary-bg);color:var(--heading-color)}.nav-link-active{background-color:var(--accent-color);color:var(--secondary-bg);font-weight:500}.nav-link-active:hover{background-color:var(--heading-color);color:var(--secondary-bg)}.section{padding:30px 0}.section:nth-child(2n){background-color:var(--secondary-bg)}.footer{text-align:center;padding:40px 0;background-color:#0f172a;color:#f8fafc;font-size:.9em;border-top:1px solid var(--border-color)}[data-theme=dark] .footer{background-color:#020617;color:#94a3b8}.footer p{margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.project-card{background-color:var(--secondary-bg);padding:25px;border-radius:8px;box-shadow:0 5px 15px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.project-card:hover{box-shadow:0 8px 20px #00000014}.theme-toggle{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-color);padding:0}.theme-toggle:hover{background-color:var(--primary-bg);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center}.contact-methods{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.contact-methods a{font-size:1.1em;padding:10px 20px;border:1px solid var(--border-color);border-radius:5px;transition:background-color .3s ease,color .3s ease}.contact-methods a:hover{background-color:var(--accent-color);color:var(--secondary-bg);text-decoration:none}.blog-meta{align-items:center}.blog-meta time{color:var(--accent-color);font-size:.9em}.blog-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background-color:var(--secondary-bg);color:var(--text-color);padding:4px 8px;border-radius:4px;font-size:.8em;border:1px solid var(--border-color)}[data-theme=dark] div[style*="background: #f8f9fa"],[data-theme=dark] div[style*="background:#f8f9fa"]{background-color:var(--secondary-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] div[style*="background: #f8f9fa"] a,[data-theme=dark] div[style*="background:#f8f9fa"] a{color:var(--accent-color)!important}[data-theme=dark] div[style*="background: #f8f9fa"] p,[data-theme=dark] div[style*="background:#f8f9fa"] p{color:var(--text-color)!important}@media(max-width:768px){h1{font-size:1.8em}h2{font-size:1.4em}.site-header{padding:10px 0}.site-header-content{flex-direction:column;gap:15px}.header-right{width:100%;justify-content:center;gap:20px}.header-avatar{height:50px;width:50px}.header-site-title{font-size:1.2em}.main-nav{gap:15px}.nav-link{font-size:.9em;padding:6px 10px}.container{--container-padding: 10px}.section{padding:20px 0}}