:root{--primary-orange:#FF6A28;--navy-dark:#0A2472;--text-muted:#a0a0a0;} *{box-sizing:border-box;} body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;} .container{max-width:1300px;margin:0 auto;padding:0 20px;} .top-bar{background:var(--navy-dark);color:#cbd5e0;font-size:14px;padding:10px 0;font-weight:500;transition:transform 0.3s ease;position:relative;z-index:1001;} .top-bar-content{display:flex;justify-content:space-between;align-items:center;} .top-info .info-link{margin-right:25px;color:#cbd5e0;text-decoration:none;display:inline-flex;align-items:center;transition:0.3s;} .top-info i,.top-right i{color:var(--primary-orange);margin-right:10px;} .top-social{display:inline-flex;margin-left:20px;} .top-social a{color:white;display:flex;margin-left:20px;text-decoration:none;font-size:15px;} .navbar{background:white;padding:10px 0;box-shadow:0 2px 10px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;transition:all 0.3s ease;} .nav-content{display:flex;align-items:center;justify-content:space-between;position:relative;} .logo-placeholder{display:flex;align-items:center;gap:10px;} .logo-img{max-height:70px;width:auto;display:block;} .logo a{text-decoration:none;display:flex;align-items:center;} .nav-links{display:flex;align-items:center;gap:20px;} .nav-item{padding:10px 10px;text-decoration:none;color:var(--navy-dark);font-weight:600;font-size:14px;position:relative;transition:0.3s;} .nav-item i{font-size:15px;} .nav-item.active,.nav-item:hover{color:var(--primary-orange);} .mobile-toggle{display:none;font-size:26px;color:var(--navy-dark);cursor:pointer;order:3;} .nav-dropdown{position:relative;} .dropdown-menu{position:absolute;top:100%;left:0;background:#0A2472;min-width:220px;padding:0;display:none;z-index:100;box-shadow:0 5px 15px rgba(0,0,0,0.2);} .dropdown-menu a{display:block;padding:14px 20px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.1);font-size:13px;transition:0.3s;} .dropdown-menu a:last-child{border-bottom:none;} .dropdown-menu a:hover{background:rgba(255,106,40,0.1);color:var(--primary-orange);padding-left:25px;} @media (min-width:901px){.nav-dropdown:hover .dropdown-menu{display:block;} } .nav-dropdown.mobile-open .dropdown-menu{display:block !important;} .nav-item i.dropdown-icon{margin-left:5px;font-size:10px;} .btn-pro{border:2px solid var(--primary-orange);color:var(--primary-orange);padding:10px 25px;text-decoration:none;font-weight:700;font-size:15px;transition:0.3s;} .btn-pro:hover,.btn-pro.active{background:var(--primary-orange);color:white;} @media (max-width:1024px){.top-bar{display:none;} } @media (max-width:930PX){.nav-item{font-size:12px;} } @media (max-width:900px){.mobile-toggle{display:block;} .nav-links{position:fixed;top:0;left:-100%;width:300px;height:100vh;background:#030f27;flex-direction:column;align-items:flex-start;gap:0;padding:40px 0 0 0;transition:0.4s cubic-bezier(0.4,0,0.2,1);z-index:999;box-shadow:5px 0 20px rgba(0,0,0,0.3);} .nav-links.active{left:0;} .nav-item{width:80%;padding:18px 30px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.05);font-size:15px;display:block;} .nav-dropdown{width:100%;padding:0;} .nav-dropdown.mobile-open .dropdown-menu{position:static;display:block !important;background:rgba(0,0,0,0.2);box-shadow:none;width:100%;} .nav-dropdown>.nav-item::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;float:right;transition:transform 0.3s;padding:5px 6px;background-color:#FF6A28;color:#fff;border-radius:3px;} .nav-dropdown.mobile-open>.nav-item::after{transform:rotate(180deg);} .dropdown-menu a{padding-left:50px;} .btn-pro{margin:25px 30px;display:block;text-align:center;border-width:2px;} .logo-img{max-height:55px;} } @media (max-width:480px){.nav-links{width:85%;} .logo-img{max-height:40px;} .btn-pro{padding:5px 5px;font-size:12px;} }