*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--text-color:#2c3e50;--light-text:#7f8c8d;--bg-color:#ffffff;--bg-light:#f8f9fa;--border-color:#dee2e6;--code-bg:#f4f4f4;--link-color:#2980b9;--link-hover:#3498db}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);font-size:16px}.container{max-width:900px;margin:0 auto;padding:0 20px}header{background:var(--bg-color);border-bottom:2px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo:hover{color:var(--secondary-color)}nav ul{display:flex;list-style:none;gap:1.25rem}nav a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .2s ease}nav a:hover,nav a.active{color:var(--secondary-color)}main{padding:3rem 0}.hero{text-align:center;margin-bottom:3rem}.hero h1{font-size:2.4rem;margin-bottom:.5rem;color:var(--primary-color)}.hero p{font-size:1.1rem;color:var(--light-text);max-width:680px;margin:0 auto}.section{margin-bottom:3rem}.section h2{font-size:1.8rem;margin-bottom:1rem;color:var(--primary-color);border-bottom:2px solid var(--secondary-color);padding-bottom:.4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1rem}.card{background:var(--bg-light);padding:1.25rem;border-radius:10px;border:1px solid var(--border-color)}.card h3 a{color:var(--primary-color);text-decoration:none}.card h3 a:hover{color:var(--secondary-color)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-tag{background:var(--secondary-color);color:#fff;padding:.2rem .5rem;border-radius:999px;font-size:.8rem;font-weight:600}.post{padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.post:last-child{border-bottom:0}.meta{color:var(--light-text);font-size:.9rem}.content img{max-width:100%;height:auto}footer{background:var(--bg-light);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:3rem}.footer-content{text-align:center;color:var(--light-text)}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-links a{color:var(--light-text);text-decoration:none}.social-links a:hover{color:var(--secondary-color)}@media(max-width:768px){.header-content{flex-direction:column}nav ul{flex-wrap:wrap;justify-content:center}.hero h1{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--text-color:#2c3e50;--light-text:#7f8c8d;--bg-color:#ffffff;--bg-light:#f8f9fa;--border-color:#dee2e6;--code-bg:#f4f4f4;--link-color:#2980b9;--link-hover:#3498db}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);font-size:16px}.container{max-width:800px;margin:0 auto;padding:0 20px}header{background-color:var(--bg-color);border-bottom:2px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo:hover{color:var(--secondary-color)}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}nav a:hover{color:var(--secondary-color)}main{padding:3rem 0}.hero{text-align:center;margin-bottom:4rem}.hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.hero p{font-size:1.2rem;color:var(--light-text);max-width:600px;margin:0 auto}.section{margin-bottom:3rem}.section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--primary-color);border-bottom:2px solid var(--secondary-color);padding-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:var(--bg-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.project-card h3{color:var(--primary-color);margin-bottom:.5rem}.project-card p{color:var(--light-text);margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:var(--secondary-color);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.project-links{display:flex;gap:1rem}.project-links a{color:var(--link-color);text-decoration:none;font-weight:500}.project-links a:hover{color:var(--link-hover);text-decoration:underline}.blog-posts{margin-top:2rem}.blog-post{padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.blog-post:last-child{border-bottom:none}.blog-post h3{margin-bottom:.5rem}.blog-post h3 a{color:var(--primary-color);text-decoration:none}.blog-post h3 a:hover{color:var(--secondary-color)}.blog-meta{color:var(--light-text);font-size:.9rem;margin-bottom:.5rem}.blog-excerpt{color:var(--text-color)}.about-content{background:var(--bg-light);padding:2rem;border-radius:8px;border-left:4px solid var(--secondary-color)}code{background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-family:sf mono,Monaco,cascadia code,roboto mono,Consolas,courier new,monospace;font-size:.9em}footer{background:var(--bg-light);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:4rem}.footer-content{text-align:center;color:var(--light-text)}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.social-links a{color:var(--light-text);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--secondary-color)}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}nav ul{gap:1rem}.hero h1{font-size:2rem}.projects-grid{grid-template-columns:1fr}.project-links{flex-direction:column;gap:.5rem}}