.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 85px;background:#fff;box-shadow:0 3px 15px #2466b226!important;position:sticky;top:0;z-index:1000;baseline-shift:}.navbar-logo img{height:60px;width:auto}.nav-links{display:flex;align-items:center;gap:20px;margin-right:0}.nav-links a,.dropbtn{font-size:16px;font-weight:500;color:#000;text-decoration:none;background:none;border:none;cursor:pointer}.nav-links a:hover,.dropbtn:hover{color:#1e73be}.dropdown{position:relative}.arrows{font-size:10px;margin-left:0;margin-top:-2.5px;border:none;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:160px;box-shadow:0 2px 6px #0000001a}.dropdown-content a{display:block;padding:10px 15px;color:#000;text-decoration:none}.dropdown-content a:hover{background:#f5f5f5;color:#1e73be}.dropdown:hover .dropdown-content{display:block}.apply-btn{background:#1e73be!important;color:#fff!important;padding:10px 18px;border-radius:8px;font-weight:600;text-decoration:none}.apply-btn:hover{background:#155a9c}.search-desktop{font-size:18px}.search-btn{display:none;font-size:18px;background:#1e73be;color:#fff;border:none;border-radius:50%;padding:8px 12px;cursor:pointer}.search-desktop{display:block;position:relative;font-size:18px;background:#1e73be;color:#fff;border:none;border-radius:50%;padding:8px 12px;cursor:pointer;width:2.37rem;height:2.37rem;align-items:center;text-align:center}.svg-inline--fa{width:16px!important;font-size:22px;font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;background:none;border:none;cursor:pointer}.hamburger span{display:block;height:3px;width:30px;background:#333;border-radius:3px;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.right-controls{display:none;align-items:center;gap:15px}@media (max-width: 768px){.nav-links{display:flex;flex-direction:column;align-items:flex-start;background:#fff;position:fixed;top:78px;right:0;width:50%;height:100vh;padding:20px;box-shadow:-2px 0 12px #0000001f;transition:transform .35s cubic-bezier(.2,.9,.2,1),visibility .35s;transform:translate(100%);z-index:1000;overflow-y:auto}.nav-links.active{transform:translate(0)}.nav-links a,.dropbtn,.apply-btn{width:100%;text-align:left;padding:14px 0;border-bottom:1px solid #eee;margin:0}.search-desktop{display:none}.search-btn,.hamburger,.right-controls{display:flex}.navbar{padding:8px 16px}}.footer{background:#333;color:#fff;padding:50px 0 0;font-family:Arial,sans-serif;margin-top:10px}.footer-content{max-width:1400px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto 0 60px}.footer-brand{display:contents;flex-direction:column;align-items:flex-start}.footer-logo img{width:100px;margin-bottom:15px}.footer-tagline{color:#bdc3c7;font-size:14px;line-height:1.6;margin-top:45px;margin-left:-250px}.social-icons{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap;margin-left:40px}.social-icon{width:38px;height:38px;background:#4a5568;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#bdc3c7;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#026cb6;color:#fff}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:flex-start;gap:10px}.contact-icon{color:#bdc3c7;margin-top:5px}.contact-item p{color:#bdc3c7;margin:0;line-height:1.4;font-size:14px}.footer-section h4{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}.link-column{display:flex;flex-direction:column;gap:10px}.footer-section a{color:#fff;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-section a:hover{color:#1da1f2}.newsletter-form input{width:260px;height:26px;padding:12px;border:none;margin-bottom:8px;font-size:14px}.signup-btn{background:#008be8;color:#fff;border:none;padding:12px 20px;border-radius:4px;font-weight:700;cursor:pointer;transition:background .3s;margin-top:10px}.signup-btn:hover{background:#0071c5}.footer-bottom{border-top:1px solid #444;margin-top:40px;padding:20px 10px;text-align:center;color:#bdc3c7;font-size:13px}.footer-bottom-links{display:flex;justify-content:center;gap:15px;margin-top:8px}.footer-bottom-links a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}@media (max-width: 1200px){.footer-content{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width: 992px){.footer-content{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:10px!important;margin-left:0}.footer-logo img{width:100px}.signup-btn{width:100%;text-align:center}.social-icons{justify-content:flex-start;margin-top:0;margin-left:0}.footer-tagline{margin-top:-100px;margin-left:120px}}===== Global Reset ===== *{margin:0;padding:0;box-sizing:border-box;background-color:#fff}body{font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#1e40af}img{max-width:100%;display:block;height:auto}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{color:#111;line-height:1.3}.container{width:90%;max-width:1600px;margin:0 auto}@media screen and (max-width: 1200px){.hero-carousel{max-height:400px}.hero-carousel .overlay h1{font-size:1.8rem}.hero-carousel .overlay p{font-size:.95rem}}@media screen and (max-width: 768px){.hero-carousel{max-height:320px}.hero-carousel .overlay{bottom:15px;left:15px}.hero-carousel .overlay h1{font-size:1.5rem}.hero-carousel .overlay p{font-size:.9rem}}@media screen and (max-width: 480px){.hero-carousel{max-height:250px}.hero-carousel .overlay{bottom:10px;left:10px}.hero-carousel .overlay h1{font-size:1.2rem}.hero-carousel .overlay p{font-size:.8rem}}.article{max-width:1000px;margin:30px auto;padding:0 20px;line-height:1.6;color:#333}.article-title{font-size:2.2rem;font-weight:700;margin-bottom:10px}.article-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;color:#666;margin-bottom:25px}.article-intro.two-column{gap:20px;margin-bottom:25px}.article-intro-img{flex:1;max-width:400px;border-radius:12px;overflow:hidden;flex-shrink:0}.article-intro-img img{width:100%;height:auto;object-fit:cover}.article-intro-text{flex:2}.article-body h2{font-size:1.6rem;margin-bottom:12px}.article-body p{margin-bottom:15px}.article-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.article-image{width:100%;height:200px;object-fit:cover}.article-content{padding:5px 20px;display:flex;flex-direction:column}.article-category{font-size:.85rem;color:#ff6b6b;font-weight:600;text-transform:uppercase}.article-title{font-size:1.2rem;font-weight:700}.article-desc{font-size:.95rem;color:#555;line-height:1.4;flex-grow:1}.article-btn{color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:600;cursor:pointer;align-self:flex-start}.article-btn:hover{background-color:#1206c2!important}.articles-grid{display:grid;gap:20px;max-width:1330px;margin:30px 50px 30px 56px;padding:0 20px}.sidebar{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:20px}.sidebar h3{font-size:1.2rem;font-weight:700}.sidebar-widget{background-color:#f9f9f9;padding:12px 15px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.ad-banner{width:100%;max-width:1200px;margin:20px auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease}.ad-banner:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}@media (max-width: 992px){.article-intro.two-column{flex-direction:column}.article-intro-img{max-width:100%;margin-bottom:15px}.articles-grid{gap:15px;margin:20px auto}}@media (max-width: 576px){body{font-size:14px}.hero-carousel{max-height:250px}.hero-carousel .overlay h1{font-size:1.3rem}.hero-carousel .overlay p{font-size:.8rem}.article-image{height:150px}.article-card .article-title{font-size:1rem}.article-card .article-desc{font-size:.85rem}.article-card .article-btn{padding:8px 12px;font-size:12px}}
