.Nav-config-main{width:100%;box-shadow:0 1px 2px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:9999;background-color:#ffffff;transition:box-shadow .3s ease,transform .3s ease;will-change:transform}.Nav-config-main.scrolled{box-shadow:0 4px 12px rgba(0,0,0,.12)}.navbar{max-width:1200px;margin:0 auto;width:100%;justify-content:space-between;padding:1rem 1.5rem}.logoArea,.navbar{display:flex;align-items:center}.logoArea{gap:.5rem;cursor:pointer;z-index:997}.navLinks{display:flex;gap:83px;font-family:Pretendard;font-size:16px;font-weight:700;color:#343a40}.navLinks a{transition:color .2s ease}.navLinks a:hover{color:#7b68ee}.desktopAuth{display:flex}.authButtons{display:flex;gap:11px}.login{padding:10px 27px;border:1px solid #9370db;color:#9370db;background-color:transparent}.login,.signup{border-radius:.375rem;font-family:Pretendard;font-size:16px;font-weight:500;cursor:pointer;transition:box-shadow .2s ease}.signup{padding:10px 20px;background-color:#7b68ee;color:#ffffff;border:none}.login:hover,.signup:hover{box-shadow:2px 4px 4px rgba(0,0,0,.25)}.after-login{flex-direction:row;gap:12px}.after-login,.avatar-user{display:flex;align-items:center}.avatar-user{width:38px;height:38px;border-radius:50%;border:2px solid rgba(123,104,238,1);justify-content:center;cursor:pointer;transition:transform .2s ease}.avatar-user:hover{transform:scale(1.05)}.avatar-user img{width:36px;height:36px;border-radius:50%;object-fit:cover}.userName{font-family:Pretendard;font-size:16px;font-weight:700;color:rgba(51,51,51,1)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999;width:120px;padding:8px 0}.dropdown-menu a{display:block;padding:10px 16px;text-align:left;cursor:pointer;font-size:14px;color:#333;text-decoration:none}.dropdown-menu a:hover{background-color:#f0f0f0}.dropdown-item{width:100%;background:none;border:none;padding:10px 16px;text-align:left;cursor:pointer;font-size:14px;color:#333;font-family:Pretendard}.dropdown-item:hover{background-color:#f0f0f0}.hamburger{display:none;flex-direction:column;justify-content:space-around;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1003}.hamburger,.hamburger span{width:28px;position:relative}.hamburger span{height:3px;background:#7b68ee;border-radius:10px;transition:all .3s linear;transform-origin:1px}.hamburger span.active{background:#ffffff}.hamburger span:first-child.active{transform:rotate(45deg)}.hamburger span:nth-child(2).active{opacity:0;transform:translateX(20px)}.hamburger span:nth-child(3).active{transform:rotate(-45deg)}.mobileMenuOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobileMenu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:white;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1002;transition:right .3s ease-in-out;overflow-y:auto}.mobileMenu.open{right:0}.mobileMenuHeader{padding:2rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#7b68ee,#9370db)}.mobileUserInfo{display:flex;align-items:center;gap:12px}.mobileUserInfo .avatar-user{border-color:white}.mobileUserInfo .userName{color:white;font-size:18px}.mobileAuthButtons{display:flex;flex-direction:column;gap:10px}.mobileAuthButtons .login,.mobileAuthButtons .signup{width:100%;text-align:center;border-color:white;color:white}.mobileAuthButtons .signup{background:white;color:#7b68ee}.mobileNavLinks{display:flex;flex-direction:column;padding:1rem 0}.mobileNavLinks a,.mobileNavLinks button{padding:1rem 1.5rem;font-family:Pretendard;font-size:16px;font-weight:600;color:#343a40;text-decoration:none;transition:all .2s ease;border:none;background:none;text-align:left;cursor:pointer;width:100%;display:flex;align-items:center}.mobileNavLinks a:hover,.mobileNavLinks button:hover{background:#f3f4f6;color:#7b68ee;padding-left:2rem}.mobileLogout{color:#ef4444!important;border-top:1px solid #e5e7eb;margin-top:1rem}.mobileLogout:hover{background:#fee2e2!important;color:#dc2626!important}@media (max-width:1024px){.navLinks{gap:40px}.navbar{padding:1rem}}@media (max-width:768px){.desktopAuth,.navLinks{display:none}.hamburger{display:flex}.mobileMenuOverlay{display:block}.navbar{padding:.75rem 1rem}.logoArea img{height:32px}}@media (max-width:480px){.mobileMenu{width:85%;max-width:320px}.navbar{padding:.75rem}.logoArea img{height:28px}}