* { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }
.main-header { position:sticky; top:0; z-index:1000; width:100%; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.container { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 20px; height:100%; }
.top-bar { background:white; height:50px; font-size:14px; }
.brand-name { color:#C90909; letter-spacing:4px; text-transform:uppercase; font-weight:500; }
.contact-info { display:flex; background:#C90909; height:100%; align-items:center; padding:0 30px; gap:20px; }
.contact-info a { color:white; text-decoration:none; transition:0.3s; }
.contact-info a:hover { opacity:0.8; }
.navbar { background:#04295E; height:70px; }
.logo img { height:60px; width:auto; transition:0.3s; }
.logo img:hover { transform:scale(1.05); }
.nav-links { display:flex; list-style:none; align-items:center; gap:25px; }
.nav-links a { color:white; text-decoration:none; font-size:16px; position:relative; transition:0.3s; }
.nav-links a::after { content:''; position:absolute; width:0; height:2px; bottom:-5px; left:0; background:white; transition:0.3s; }
.nav-links a:hover::after { width:100%; }
.btn-contact { background:white; color:#C90909!important; padding:10px 25px; font-weight:600; border:2px solid transparent; transition:0.3s; }
.btn-contact:hover { background:#C90909!important; color:white!important; border-color:white; }
@media (max-width:799px) { .top-bar { display:none; } .menu-toggle { display:block; cursor:pointer; } .menu-toggle .bar { display:block; width:25px; height:3px; margin:5px; background:white; transition:0.3s; } .nav-links { display:none; flex-direction:column; position:absolute; top:100px; left:0; width:100%; background:#04295E; padding:20px; gap:20px; } .nav-links.active { display:flex; height: 100vh;top: 69px;} }
@media (min-width:800px) { .menu-toggle { display:none; } }