body{background-color:#121212;color:#e0e0e0;font-family:Inter,sans-serif;margin:0;line-height:1.6}.container{height:100vh}.blog-posts,.container{max-width:800px;margin:0 auto;padding:2rem}.blog-posts{max-height:450px;overflow-y:auto}header{text-align:center;margin-bottom:4rem;border-bottom:1px solid #333;padding-bottom:2rem}header h1{font-size:2.5rem;margin:0;font-weight:700}header .tagline{font-size:1.1rem;color:#a0a0a0;margin-top:.25rem}nav{margin-top:1.5rem}nav a{color:#e0e0e0;text-decoration:none;margin:0 1rem;font-weight:600;transition:color .2s ease}nav a.active,nav a:hover{color:#bb86fc}main h2{font-size:2rem;text-align:center}.post-card{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1.5rem 2rem;margin-bottom:2rem;transition:border-color .2s ease}.post-card:hover{border-color:#bb86fc}.post-date{font-family:Source Code Pro,monospace;font-size:.85rem;color:#a0a0a0;margin-bottom:.5rem}.post-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.5rem}.post-card h3 a{color:#e0e0e0;text-decoration:none;font-weight:700}.post-card h3 a:hover{text-decoration:underline}.post-excerpt{color:#b0b0b0;margin-bottom:1rem}.read-more{font-weight:600;color:#bb86fc;text-decoration:none;transition:color .2s ease}.read-more:hover{text-decoration:underline}footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid #333;color:#a0a0a0;font-size:.9rem}.footer-links{margin-bottom:1rem}.footer-links a{color:#a0a0a0;text-decoration:none;margin:0 .75rem}.footer-links a:hover{color:#bb86fc}@media (max-width:600px){.container{padding:1.5rem}header h1{font-size:2rem}nav a{margin:0 .5rem}}