*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif;background-color:#f9f9f9;color:#333;line-height:1.6;padding-top:60px}h1,h2,h3{color:#222;margin-bottom:15px;font-weight:700}p{line-height:1.6;margin-bottom:15px}a{color:#0073e6;text-decoration:none}a:hover{text-decoration:underline}.top-bar{display:flex;justify-content:center;align-items:center;position:fixed;background-color:#333;color:#fff;padding:10px 20px;width:100%;top:0}.logo{display:flex;align-items:center;gap:5px;font-size:1.5rem;font-weight:bold}.logo-img{height:35px;width:auto;object-fit:contain}.logo-text{text-decoration:none;color:#fff;font-size:1.2rem;font-weight:bold}.menu-toggle{position:absolute;left:20px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:25px;height:3px;background-color:#fff}.side-menu{position:fixed;top:0;left:-250px;width:250px;height:100%;max-height:100vh;overflow-y:auto;background-color:#222;color:#fff;display:flex;flex-direction:column;padding-top:60px;transition:left .3s ease;z-index:1000}.side-menu a{color:#fff;text-decoration:none;padding:15px 20px;border-bottom:1px solid #444}.side-menu a:hover{background-color:#444}.side-menu.active{left:0}.hero-section{text-align:center;padding:40px 20px}.hero-img{max-width:100%;height:auto;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.hero-title{font-size:1.8rem;color:#222;margin-top:10px}#search-bar{display:flex;justify-content:center;align-items:center;margin:20px auto}.featured-article{display:flex;flex-direction:column;padding:30px 20px;text-align:center;background-color:#fff;margin:20px auto;max-width:900px}.article-img{max-width:100%;height:auto;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.image2{margin-top:30px}.article-link{display:inline-block;font-size:1.2rem;color:#000;text-decoration:none;font-weight:bold;width:100%}.article-link:hover{text-decoration:underline;color:#005bb5}#title-h1{font-size:20px}.footer{text-align:center;padding:20px;background-color:#333;color:#fff;font-weight:bold;margin-top:40px}button,.btn{background-color:#1b971b;color:#fff;border:none;padding:10px 18px;cursor:pointer;font-weight:bold;border-radius:5px}button:hover,.btn:hover{background-color:#1b971b}#articles{display:flex}.Explore{display:flex;justify-content:center}@media(max-width:768px){.navbar{flex-direction:column;align-items:flex-start}.hero-title{font-size:1.4rem}.article-link{font-size:1rem;width:100%}}.nav-links{list-style:none;display:flex;flex-direction:row;gap:20px;margin:0;padding:0}.nav-links li a{color:#fff;text-decoration:none;font-weight:bold}.nav-links li a:hover{text-decoration:underline}#searchInput{height:30px}.top-articles{padding:2rem;text-align:center}.top-articles h2{font-size:2rem;margin-bottom:1.5rem}.top-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;justify-items:center}.top-article{border:1px solid #eee;border-radius:12px;overflow:hidden;transition:transform .3s ease;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.05);max-width:280px}.top-article:hover{transform:translateY(-5px)}.top-article-img{width:100%;height:auto;display:block}.top-article-title{font-size:1.1rem;padding:.8rem;color:#333}.cta-button{display:inline-block;background-color:#51a105;color:#fff;padding:12px 20px;border-radius:6px;text-align:center;font-weight:bold;margin-top:20px;text-decoration:none}.site-footer{background-color:#333;color:#fff;padding:30px 20px;text-align:center;font-size:14px;margin-top:50px;border-top:1px solid #444}.footer-links{margin-bottom:10px}.footer-links a{color:#fff;margin:0 12px;text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline;color:#51a105}.footer-copy{color:#fff;font-size:13px}