body{font-family:Roboto,sans-serif;background-color:#f4f4f4;margin:0;padding:0;color:#333}header{background-color:#343a40;color:#fff;padding:20px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}header,header h1{text-align:center}header h1{font-size:30px;margin:0}nav{display:flex;justify-content:center;margin-top:10px}nav a{color:#fff;text-decoration:none;margin:0 20px;font-size:16px;font-weight:700;transition:color .3s ease}nav a:hover{color:#f8f9fa}@media (max-width:768px){header{padding:15px 0}header h1{font-size:24px}nav{flex-direction:column;margin-top:15px}nav a{margin:10px 0;font-size:14px}}@media (max-width:480px){header h1{font-size:20px}nav a{font-size:12px}}.search-bar{position:absolute;top:20px;right:20px;padding:5px;background-color:#fff;border:1px solid #ccc;border-radius:5px}.search-bar input{border:none;padding:5px;font-size:16px;width:250px}.container{max-width:1200px;margin:100px auto 20px;padding:0 20px}.featured{display:flex;gap:20px;margin-bottom:40px}.featured .featured-item{flex:1 1;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.featured .featured-item img{width:100%;height:250px;object-fit:cover}.featured .featured-item h2{font-size:20px;margin:15px}.featured .featured-item p{font-size:14px;color:#555;margin:0 15px 15px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px}.news-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.news-card img{width:100%;height:180px;object-fit:cover}.news-card h2{font-size:18px;margin:15px}.news-card p{font-size:14px;color:#555;margin:0 15px 15px}.news-card a{text-decoration:none;color:inherit}.news-card:hover{transform:translateY(-5px)}footer{background-color:#343a40;color:#fff;padding:20px;text-align:center;margin-top:40px}footer a{color:#f8f9fa;text-decoration:none;margin:0 15px;font-size:14px}footer a:hover{color:#ffc107}@media (max-width:768px){.featured{flex-direction:column}.search-bar input{width:200px}}