.navbar{padding-block:30px;position:relative;z-index:100}@media screen and (max-width:800px){.navbar{padding-block:30px}}.navbar>.boxed{justify-content:space-between;gap:40px}.navbar>.boxed,.navbar__links{display:flex;align-items:center}.navbar__links{gap:20px}.navbar__links__hamburger{cursor:pointer;transition:transform .2s ease}.navbar__links__hamburger:hover{transform:scale(1.1)}.sidebar-overlay{left:0;width:100vw;background-color:rgba(0,0,0,.5);z-index:998;backdrop-filter:blur(2px);opacity:0;pointer-events:none}.sidebar,.sidebar-overlay{position:fixed;top:0;height:100vh}.sidebar{right:0;width:400px;background-color:#fff;z-index:999;box-shadow:-4px 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;border-top-left-radius:20px;border-bottom-left-radius:20px;transform:translateX(100%)}.sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid #eee}.sidebar__close{cursor:pointer;transition:transform .2s ease}.sidebar__close:hover{transform:scale(1.1)}.sidebar__content{padding:40px 30px 30px}.sidebar__content,.sidebar__nav{flex:1;display:flex;flex-direction:column}.sidebar__nav{gap:30px;margin-bottom:40px}.sidebar__nav-item{font-size:18px;font-weight:500;color:#333;text-decoration:none;padding:15px 0;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.sidebar__nav-item:hover{color:#000;padding-left:10px}.sidebar__nav-item:last-child{border-bottom:none}.sidebar__actions{display:flex;flex-direction:column;gap:15px;padding-top:20px;border-top:1px solid #eee}@media(max-width:768px){.sidebar{width:100vw;max-width:350px}.navbar__links .btn{display:none}}@media(max-width:480px){.sidebar{width:100vw}.sidebar__header{padding:20px}.sidebar__content{padding:30px 20px 20px}}