.dropdown-container{position:relative}.dropdown-menu{position:absolute;left:0;top:100%;background:#fff;color:#000;border-radius:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-15px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;margin-top:8px;padding:.75rem 0;border:1px solid #e5e7eb}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:block;padding:.75rem 1.5rem;transition:all .2s ease;color:#374151;text-decoration:none;font-size:.95rem}.dropdown-link:hover{background-color:#f0f9ff;color:#1d4ed8;padding-left:2rem}.burger-btn{width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;cursor:pointer;transition:all .3s ease}.burger-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.burger-line{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:320px;background:linear-gradient(180deg,#fff,#f8fafc);z-index:999;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px rgba(0,0,0,.15);overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.open{transform:translateX(0)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hover-component{position:absolute;top:100%;left:0;width:100%;background-color:#142864;z-index:1000;padding:1rem 0;display:none;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:.5rem}.hover-component.active{display:block;opacity:1;transform:translateY(0)}.hover-component ul{display:flex;justify-content:center;gap:2rem}.hover-component li a{color:#fff;text-decoration:none;padding:.5rem 1rem;display:block;transition:background .2s ease;font-weight:500}.hover-component li a:hover{background-color:hsla(0,0%,100%,.1);border-radius:.25rem}