body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}header{background-color:#2c3e50;color:#fff;padding:0;box-shadow:0 2px 10px rgb(0 0 0 / .2);position:sticky;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:36px;margin-right:12px}.logo-text{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0}.logo-text span{color:#5d9bff;font-weight:700}nav ul{list-style:none;display:flex;margin:0;padding:0;gap:15px}nav ul li a{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#fff;text-decoration:none;padding:8px 15px;font-weight:500;border-radius:8px;transition:all 0.3s ease}nav ul li a:hover{background-color:rgb(255 255 255 / .1)}.dropdown{position:relative}.dropdown>a::after{content:"▾";margin-left:5px;font-size:.8em;transition:transform 0.2s ease}.dropdown.active>a::after,.dropdown:hover>a::after{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;background-color:#2c3e50;min-width:220px;box-shadow:0 4px 6px rgb(0 0 0 / .1);z-index:1000;border-radius:8px;top:100%;left:0;animation:fadeIn 0.2s ease-out}.dropdown.active .dropdown-content,.dropdown:hover .dropdown-content{display:block}.dropdown-content a{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#ececec;padding:12px 20px;display:block;border-bottom:1px solid rgb(0 0 0 / .05);transition:all 0.3s ease}.dropdown-content a:hover{background-color:#e6ebff;color:#4a6bff}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#fff;padding:10px;transition:transform 0.3s ease}.mobile-menu-btn[aria-expanded="true"]{transform:rotate(90deg)}@media (max-width:992px){.mobile-menu-btn{display:block}nav{position:fixed;top:70px;left:0;width:100%;background-color:#2c3e50;box-shadow:0 5px 10px rgb(0 0 0 / .2);max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}nav.active{max-height:500px;padding:15px 0}nav ul{flex-direction:column;gap:5px;padding:0 20px}nav ul li a{display:block;padding:12px 15px;border-radius:5px}.dropdown-content{position:static;box-shadow:none;display:none;background-color:rgb(0 0 0 / .1);margin-top:5px;margin-left:15px;opacity:1;transform:none}.dropdown:hover .dropdown-content{display:none}.dropdown.active .dropdown-content{display:block}.dropdown>a::after{content:"▸"}.dropdown.active>a::after{content:"▾"}}@media (max-width:768px){.container{padding:15px}h1{font-size:1.8em}.logo-text{font-size:1.3rem}}[aria-expanded="true"]{background-color:rgb(255 255 255 / .15)}a:focus-visible,button:focus-visible{outline:2px solid #4a6bff;outline-offset:2px}