html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background-color:#282c34;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.info{font-size:14px}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 2s linear}}.App-header{background-color:#282c34;min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;flex:1}.App-link{color:#61dafb}.info{font-size:.8em;color:#a0a0a0;margin:5px 0}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation{background:#2c3e50;padding:0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-logo{color:#ecf0f1;text-decoration:none;font-size:1.5em;font-weight:700;padding:15px 0;transition:color .3s ease}.nav-logo:hover{color:#3498db;text-decoration:none}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:0}.nav-item{margin:0}.nav-link{color:#ecf0f1;text-decoration:none;padding:20px 25px;display:block;transition:all .3s ease;position:relative}.nav-link:hover{background:#34495e;color:#3498db;text-decoration:none}.nav-link.active{background:#3498db;color:#fff}.nav-link.active:hover{background:#2980b9;color:#fff}@media (max-width: 768px){.nav-container{padding:0 15px}.nav-logo{font-size:1.3em}.nav-link{padding:15px 20px;font-size:.9em}}@media (max-width: 480px){.nav-container{flex-direction:column;padding:0}.nav-logo{padding:15px 20px;width:100%;text-align:center;border-bottom:1px solid #34495e}.nav-menu{width:100%;justify-content:center}.nav-link{padding:15px;text-align:center}}.blog-container{max-width:1400px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif;line-height:1.6;background:#282c34;min-height:calc(100vh - 60px);color:#fff}.blog-container h1{text-align:center;color:#61dafb;font-size:2.5em;margin-bottom:10px}.blog-container>p{text-align:center;color:#a0a0a0;font-size:1.2em;margin-bottom:40px}.posts-grid{display:flex;flex-wrap:wrap;gap:30px;margin:0 auto 40px;max-width:1400px;justify-content:center}.post-card{flex:0 1 350px;max-width:400px;background:#3c4043;border:1px solid #61dafb;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000004d}.post-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #61dafb4d}.post-image{width:100%;height:200px;object-fit:cover;filter:brightness(.8) contrast(1.1);transition:filter .3s ease}.post-card:hover .post-image{filter:brightness(.9) contrast(1.2)}.post-content{padding:20px}.post-content h2{margin:0 0 10px;font-size:1.3em}.post-content h2 a{color:#fff;text-decoration:none}.post-content h2 a:hover{color:#61dafb}.post-date{color:#a0a0a0;font-size:.9em;margin-bottom:10px;display:block}.post-content p{color:#d0d0d0;margin-bottom:15px}.read-more{color:#61dafb;text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline;color:#4da6d9}.nav-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid #61dafb}.nav-links a{color:#61dafb;text-decoration:none;padding:10px 20px;border:1px solid #61dafb;border-radius:5px;transition:all .3s ease}.nav-links a:hover{background:#61dafb;color:#282c34}@media (max-width: 1199px) and (min-width: 769px){.posts-grid{grid-template-columns:repeat(2,1fr);margin:0 auto 40px;max-width:800px}}@media (max-width: 768px){.blog-container{padding:20px 15px}.blog-container h1{font-size:2em}.posts-grid{grid-template-columns:1fr;gap:20px;margin:0 auto 40px;max-width:100%}.post-content{padding:15px}.nav-links{flex-direction:column;align-items:center}}