*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#e0e0e0;background-color:#1a1a1a}#root{min-height:100vh}.container{margin:0 auto;padding:20px;background-color:#1e1e1e;min-height:100vh}header{text-align:center;padding:40px 0;border-bottom:2px solid #333;margin-bottom:40px}header h1{font-size:2.5em;color:#fff;font-weight:300}header h1 a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:center;gap:30px;padding:20px 0;margin-bottom:40px;border-bottom:1px solid #333}.nav-link{color:#b0b0b0;text-decoration:none;font-size:1em;transition:color .2s;padding:5px 10px}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;font-weight:500;border-bottom:2px solid #5dade2}main{margin-bottom:60px}section{margin-bottom:50px}section h2{font-size:1.8em;color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}.about{padding:20px 0}.about p{font-size:1.1em;color:#b0b0b0;line-height:1.8}.about-content p{margin-bottom:20px}.blog-posts{margin-top:40px}.posts-container{display:flex;flex-direction:column;gap:30px}.post-card{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;padding:25px;transition:transform .2s,box-shadow .2s;cursor:pointer}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080;border-color:#444}.post-card h3{font-size:1.5em;color:#fff;margin-bottom:10px}.post-card .post-date{color:#999;font-size:.9em;margin-bottom:15px}.post-card .post-excerpt{color:#b0b0b0;line-height:1.7}.loading{text-align:center;color:#999;font-style:italic;padding:40px}.error{text-align:center;color:#ff6b6b;padding:40px;background-color:#3a1f1f;border:1px solid #5a2f2f;border-radius:8px}.post-article{max-width:700px;margin:0 auto}.post-article h2{font-size:2em;color:#fff;margin-bottom:15px;border-bottom:none;padding-bottom:0}.post-article .post-date{color:#999;font-size:1em;margin-bottom:30px}.post-article .post-body{color:#d0d0d0;line-height:1.8;font-size:1.05em}.post-article .post-body p{margin-bottom:20px}.post-article .post-body h3{font-size:1.5em;color:#fff;margin-top:30px;margin-bottom:15px;font-weight:600}.post-article .post-body strong{font-weight:600;color:#fff}.post-article .post-body ul{margin:20px 0;padding-left:30px;list-style-type:disc}.post-article .post-body li{color:#d0d0d0;line-height:1.8;margin-bottom:10px}footer{text-align:center;padding:30px 0;border-top:1px solid #333;color:#999;font-size:.9em}.back-link{margin-bottom:30px;text-align:left}.back-link a{color:#5dade2;text-decoration:none;font-size:1.1em}.back-link a:hover{color:#7fb3d3}.projects-container{display:flex;flex-direction:column;gap:30px}.project-card{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;padding:25px;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080;border-color:#444}.project-link{text-decoration:none;color:inherit;display:block}.project-card h3{font-size:1.5em;color:#fff;margin-bottom:15px}.project-description{color:#b0b0b0;line-height:1.7;margin-bottom:15px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tech-tag{background-color:#333;color:#b0b0b0;padding:4px 12px;border-radius:4px;font-size:.85em;border:1px solid #444}.project-link-indicator{color:#5dade2;font-size:.9em;margin-top:10px;display:inline-block}.project-card:hover .project-link-indicator{color:#7fb3d3}@media (max-width: 600px){.container{padding:15px}header h1{font-size:2em}section h2{font-size:1.5em}.post-card{padding:20px}}