.navigation{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s}.logo a:hover{color:#3498db}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu li a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s,color .3s}.nav-menu li a:hover{background-color:#ffffff1a}.nav-menu li a.active{background-color:#3498db;color:#fff}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-direction:column;gap:.5rem;width:100%}.nav-menu li{width:100%}.nav-menu li a{display:block;text-align:center}}.page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page h1{color:#2c3e50;margin-bottom:2rem;font-size:2.5rem;border-bottom:3px solid #3498db;padding-bottom:.5rem}.content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.content section{margin-bottom:2rem}.content section:last-child{margin-bottom:0}.content h2{color:#34495e;margin-bottom:1rem;font-size:1.5rem}.content p{line-height:1.8;margin-bottom:1rem;color:#555}.content ul{margin-left:2rem;line-height:2;color:#555}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:8px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.feature-card h3{margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#ffffffe6;margin:0}.last-updated{font-style:italic;color:#888;margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:1rem}.blog-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0003}.blog-card-image{width:100%;height:200px;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-category{display:inline-block;background-color:#3498db;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.blog-card h3{color:#2c3e50;margin-bottom:.75rem;font-size:1.25rem}.blog-excerpt{color:#666;margin-bottom:1rem;line-height:1.6}.blog-card-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#888;padding-top:1rem;border-top:1px solid #eee}.blog-detail{max-width:800px;margin:0 auto}.back-button{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;margin-bottom:2rem;transition:background-color .3s}.back-button:hover{background-color:#2980b9}.blog-article{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.blog-article h2{color:#2c3e50;margin-bottom:1rem;font-size:2rem}.blog-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee;flex-wrap:wrap}.blog-meta span{color:#666;font-size:.9rem}.blog-meta .category{background-color:#3498db;color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:600}.blog-image{width:100%;height:400px;object-fit:cover;border-radius:8px;margin-bottom:2rem}.blog-content{line-height:1.8;color:#555}.blog-content p{margin-bottom:1.5rem}@media (max-width: 768px){.blogs-grid{grid-template-columns:1fr}.blog-article h2{font-size:1.5rem}.blog-image{height:250px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}