.topbar{background:#fff;border-bottom:1px solid #eaeaea;font-size:14px;color:#333;padding:6px 0;animation:fadeInDown .7s}.topbar .container{display:flex;justify-content:space-between;align-items:center}.topbar-extra{align-items:center}.topbar-link{color:#555;text-decoration:none;font-weight:500;transition:color .2s;margin-left:0;margin-right:0;padding:0 8px}.topbar-link:hover{color:#007bff}.tricker{display:flex;align-items:center}.tricker-label{font-weight:bold;color:#e74c3c;margin-right:8px}.social-links a{color:#555;margin-left:12px;transition:color .2s;font-size:16px}.social-links a:hover{color:#007bff}.navbar{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.03);position:sticky;top:0;z-index:100;animation:fadeInDown .7s;margin-bottom:30px}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:0 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.navbar-logo img{height:42px;transition:transform .2s}.navbar-logo img:hover{transform:scale(1.07) rotate(-2deg)}.navbar-toggler{display:none;flex-direction:column;border:none;background:none;cursor:pointer;gap:4px;display:flex}.navbar-toggler span{width:26px;height:3px;background:#333;border-radius:2px;transition:all .3s}.navbar-menu{margin:auto;display:flex;align-items:center;list-style:none;gap:16px;padding-left:0;padding-right:0}.navbar-menu li{position:relative}.nav-link{display:block;padding:12px 18px;color:#222;text-decoration:none;font-weight:500;border-radius:4px;transition:background .2s,color .2s,transform .2s;width:100%;box-sizing:border-box;text-align:left;padding-left:24px;padding-right:24px}.nav-link:hover{background:#f1f3f6;color:#007bff;transform:translateY(-2px) scale(1.04)}.nav-link.active{background:#f1f3f6;color:#007bff;transform:translateY(-2px) scale(1.04)}.dropdown-toggle:after{display:none}.dropdown-menu{display:none;position:absolute;top:44px;left:0;min-width:160px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);border-radius:6px;z-index:10;animation:fadeIn .3s}.dropdown-menu li{width:100%}.dropdown-menu .nav-link{padding:10px 18px;color:#333;border-radius:0}.dropdown:hover .dropdown-menu{display:block}.dropdown .nav-link.dropdown-toggle i{margin-left:5px;font-size:12px;animation:none}.dropdown.open .dropdown-menu{display:block}@media(max-width: 991px){.topbar-extra{display:none !important}.navbar{width:100vw;left:0;right:0}.navbar .container{width:100vw;max-width:100vw;padding-left:12px;padding-right:12px;flex-wrap:wrap;box-sizing:border-box}.navbar-menu{flex-direction:column;position:absolute;top:62px;left:0;width:100vw;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;gap:0;border-radius:0 0 10px 10px;animation:fadeIn .3s;z-index:99}.navbar-menu li{width:100%}.navbar-menu.show{display:flex}.dropdown-menu{position:static;box-shadow:none;border-radius:0;display:block;width:100%}.dropdown.open .dropdown-menu{display:block}}@media(min-width: 992px){.topbar-extra{display:flex !important}.navbar-menu{display:flex !important;flex-direction:row;position:static;width:auto;background:none;box-shadow:none;border-radius:0;gap:16px;animation:none}.navbar-menu li{width:auto}.nav-link{width:auto;text-align:left;padding-left:18px;padding-right:18px}.dropdown-menu{display:none;position:absolute;top:44px;left:0;min-width:160px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);border-radius:6px;z-index:10;animation:fadeIn .3s}.dropdown:hover .dropdown-menu{display:block}.navbar-toggler{display:none !important}.navbar .container{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px;box-sizing:border-box}}@media(max-width: 600px){.navbar-logo img{height:32px}.topbar .container{flex-direction:column;gap:6px;padding-left:8px;padding-right:8px;box-sizing:border-box}.container{padding-left:8px;padding-right:8px;box-sizing:border-box}.tricker-label{font-size:13px}.nav-link{padding:10px 8px;font-size:15px}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}